---
updatedAt: 2026-09-24T09:41:41.000Z
agentTools:
projectIndex: https://docs.sumsub.com/llms.txt
---
# Web and Mobile SDK customization
Tailor colors, styles, and step instructions to match your brand across Web and Mobile SDKs.
Sumsub customization lets you tailor the look and feel of the verification flow your applicants see in [WebSDK](https://docs.sumsub.com/sumsub/docs/web-sdk) and [MobileSDK](https://docs.sumsub.com/sumsub/docs/mobile-sdk). Set colors and styles to match your brand, add step-level instructions and tips, and preview the result before going live.
{`
`}
# Customize WebSDK
To customize WebSDK:
1. In the Dashboard, go to the [Customizations](https://cockpit.sumsub.com/checkus?_gl=1*1p8mhmn*_gcl_au*NTgzMzU2NzU1LjE3ODQ1MjQzMzM.*_ga*NTY2NDY0NTcyLjE3NzYzMjk0MjU.*_ga_ZF910PGWRL*czE3ODUyMjYxNzckbzE4NCRnMSR0MTc4NTIyNzcwNiRqNjAkbDAkaDA.#/sdkIntegrations/customizations/appearances) page.
2. In the top-right, click **Create customization** and select **Create WebSDK customization**.
3. In the **Customization name** field, enter a name for the new customization. Mind that once you have saved the customization, you will not be able to change its name.
4. In the **Customization description** field, enter an optional description.
5. In the top-right, select **Import styles**. Here, you can paste a website address and our system will automatically pick up the style of appearance for your customization such as colors, texts and so on. This functionality may not work in some cases, therefore customizations should be set up manually.
6. On the **General** tab, set up **Theme mode** (light, dark, or both at the same time to follow your website current theme) and Additional tweaks (the screens that will be shown to your applicants during verification):
* **Skip warning screen**. Informs applicants about the organization they are going to be verified for. The warning screen is designed to confirm the authenticity of the verification procedure and prevent phishing attacks.
* **Skip welcome screen**. Represents the summary of the verification procedure. Enabled by default.
* **Skip instructions screen**. Provides tips and guidelines for the Identity and Liveness step.
* **Enable confirmation screen. **Offers applicants to confirm the captured document photo during the Identity step before it is submitted. Applicants can accept the displayed photo to continue or retake it. For classic document capture, a confirmation appears once per document side; for seamless and SEPBLAC flows, a single confirmation shows both sides at once.
* **Force mobile devices**. Forces applicants to complete verification on a mobile device only. Works in combination with the welcome screen.
* **Disable continuing on mobile**. Hides the option to continue on mobile. It disables QR codes that the system generates for switching between desktop and mobile devices.
### Note
In the WebSDK, applicants use the **Continue on phone** control to switch to a mobile device via a QR code. This control now appears as a button in the SDK header on desktop, instead of at the bottom of each step. It stays hidden when **Disable continuing on mobile** is enabled. You can customize its label in the SDK Text editor.
* **Hide header progress bar**. Removes the bar in the header indicating the completion progress of verification.
* **Hide widget border**. Disables the widget border in the desktop version of the SDK.
7. Select the supported languages.
8. Enter the sevice name. It will be shown in the warning screen.
9. Navigate to the **Logo and colors**, **Texts**, **Images**, **Buttons**, and **Other** tabs to apply the appearance settings.
10. Click **Create** to save the customization.
11. Add your customization to any of your [verification levels](https://docs.sumsub.com/sumsub/docs/verification-levels).
### Important
- Customizations apply to levels that use WebSDK 2.0. Make sure the verification level uses WebSDK 2.0; legacy WebSDK 1.0 levels are read-only, so create a new WebSDK 2.0 level if needed.
- Make sure to update an NPM-dependency to the [latest version (2.0.1)](https://www.npmjs.com/package/@sumsub/websdk).
### Note
- There is an option to specify a customization name when [setting up the WebSDK integration](https://docs.sumsub.com/sumsub/docs/get-started-with-web-sdk#set-up-frontend-integration), so you can override the level customization for a specific SDK run.
- The import styles from website setting may not work due to the website limitations. Therefore, you will have to set up customizations manually.
# Customize MobileSDK
To customize MobileSDK:
1. In the Dashboard, go to the [Customizations](https://cockpit.sumsub.com/checkus?_gl=1*1p8mhmn*_gcl_au*NTgzMzU2NzU1LjE3ODQ1MjQzMzM.*_ga*NTY2NDY0NTcyLjE3NzYzMjk0MjU.*_ga_ZF910PGWRL*czE3ODUyMjYxNzckbzE4NCRnMSR0MTc4NTIyNzcwNiRqNjAkbDAkaDA.#/sdkIntegrations/customizations/appearances) page.
2. In the top-right, click **Create customization** and select **Create MobileSDK customization**.
3. In the **Customization name** field, enter a name for the new customization. Mind that once you have saved the customization, you will not be able to change its name.
4. In the **Description** field, enter an optional description.
5. Configure navigation screens by enabling the associated checkboxes:
* **Disable steps screen**. If selected, applicant will not see the verification steps that they should undergo during verification.
* **Disable pending screen**. If selected, applicant will not see the screen displaying processing of the submitted data.
* **Disable final status screen**. If selected, applicant will not see the screen displaying the final state status of the verification.
* **Disable temporarily rejected status screen**. If selected, applicant will not see the screen displaying the temporarily rejected status indicating that document or Video Ident resubmission is requested.
6. In the **Required steps** customization section, you can select a verification step to which the intro screen will be added. Select the step and click the + icon to adjust the changes.
7. Add your customization to any of your verification levels.
# Manage customization
You can manage customizations in any of the following ways:
* **Edit**. Configure existing customization in case you want to change certain parameters. For example, you may want to change the customization description, type, navigation screen, and so on.
* **Duplicate**. Copy customization settings in case you want to create a new customization but with some differences to the parent one.
* **Delete**. Remove customization in case you no longer need it.
* **Import styles**. Transfer your preferred appearance settings from the WebSDK 1.0 or from a website. Mind that you can only import styles when configuring WebSDK customization.
{`
`}