Customize and test hosted onboarding

Here we explain how you can customize your hosted onboarding page for your users. You can:

• Create a hosted onboarding theme
• Change the language of the hosted onboarding page
• Change the user settings for the page
• View your hosted onboarding themes
• Update a theme

You can also test instant bank verification to ensure the process works correctly before sharing the hosted onboarding page with your users.

Create a hosted onboarding theme

You can customize the appearance of your hosted onboarding page by creating a theme. For the best user experience, we recommend the following when you create your theme:

• Incorporate your logo to highlight your brand identity.
• Use a clear and meaningful page header.
• Include a descriptive tab title and a favicon to make the page tab visible in the browser.
• Add a redirectUrl that takes the user back to your platform after completing the hosted onboarding.
• When choosing color combinations, ensure they complement each other well and provide enough contrast for readability, especially for text and navigation elements. Consider accessibility guidelines to ensure the color palette is inclusive and usable for individuals with visual impairments.

To add a new theme:

1. Log in to your Customer Area.

2. In the navigation menu, select the company account.

3. Select Settings > Hosted onboarding.

4. Select Add new from the drop-down menu.

5. Add an optional description to identify the theme. If you do not add a description, the theme ID is shown in the drop-down menu list.

6. Customize the browser tab:

   1. Add a tab title of up to 60 characters.
   2. Upload a favicon of a 1:1 ratio.

7. Customize the appearance of your page:

   1. Upload your brand logo. The file size limit for a logo is 5 MB in JPG format.
   2. Specify your page header.
   3. Select a background for your page. You can choose either:
      • A background color using a hex color code.
      • A background image. The file size limit for an image is 5 MB in PDF or JPG format.

8. Add the external links to appear on your hosted onboarding page. We recommend you use the following:

   Page name	URL
   Support	Your own support page
   Privacy statement	Adyen privacy policy
   F.A.Q.	Hosted onboarding FAQs

9. Select Save to confirm the theme configurations.

10. Copy a unique ID of your theme. You need to pass this ID when making a POST /legalEntities/{id}/onboardingLinks request to create a hosted onboarding link.

To get an idea of how your hosted onboarding page could look, refer to the examples below.

Change the page language

By default, the hosted onboarding page is rendered in the language set in the browser settings. If the browser language is not supported, the page is rendered in en-US. You can change the language of the page by specifying the locale in your /legalEntities/{id}/onboardingLinks request.

The values for locale are a combination of the two letter ISO 639-1 language and ISO 3166-1 alpha-2 country codes. If an unsupported locale value is sent in the request, the page is rendered in the next available value for a given language. For example, if en-GB is sent, the page defaults to en-US.

The following languages are currently supported.

Change page settings

You can control particular actions that your user performs in the hosted onboarding page by specifying the settings in your /legalEntities/{id}/onboardingLinks request.

The settings object contains key-value pairs, where the key represents a specific setting.

View hosted onboarding themes

You can view your hosted onboarding themes and assets in your Customer Area or by making API requests using the Legal Entity Management API.

Update a hosted onboarding theme

To update a theme in your Customer Area:

1. In the navigation menu, select the merchant account linked to your balance platform.
2. Go to Platforms > Settings > Hosted onboarding.
3. Select a theme from the dropdown menu.
4. Make your changes and select Save.

Test instant bank verification

To test the instant bank verification flow:

1. In your test environment, select the test account for your specified country/region.
2. Enter the corresponding user name and password from the table below.