This guide offers a detailed walkthrough on how to manage Subtitles elements within your onboarding screens, ensuring they align with your app's overall design and usability objectives.
Accessing Screen Customization:
Screen Added on flow
Click on the screen you've added to the onboarding flow.
Press the Pencil button to enter the "Edit Screen" mode.
Navigating to Subtitle Options:
In the right panel, locate the section for Subtitle customization. This tab allows you to manage Subtitles on screens.
Text Design Settings:
Use the Settings icon to access options for customizing the text design, including font family, line height, font size, font weight, text color, background color, text alignment, and paddings (left, right, top, bottom). The detailed instruction of each text setting customization is in the linked article
Entering Subtitle on Your Screen:
Each screen have pre-defined text and you have to change it to meet your onboarding goals.
Enter the required text in the text field โ this can include special symbols, line breaks, emojis, or even leaving the field empty for a title-less screen.
Implementing Subtitle Localization:
If your onboarding supports multiple languages, enter distinct text for each language.
Switch between languages using the top panel's Languages list and enter corresponding text.
Ensure that text is entered for all supported languages to avoid default text display for certain users.
More details about localization in the linked article
Saving Your Changes:
After finalizing the customization, Click "Save and Close" to apply your changes.
If you press the "Close" button without saving, all modifications will be lost.
By adhering to these steps, you can effectively customize the title elements on your onboarding screens, enhancing the overall user experience and ensuring that the onboarding flow is both visually appealing and in line with your appโs design and functional goals.
โ