Here's a detailed guide on how to set up and manage languages and localize content for each language in your onboarding:
Setting Up Languages for Localization for a New Onboarding:
Click on the "+ ADD NEW" button
A pop-up window appears with the basic settings for your onboarding (name, default and additional languages).
Choosing the Default Language:
In the "Default Language" field, select a language from the dropdown list.
📣 The default language will be used both for iOS SDK and web2app. It applies in cases when the user's device or browser language:
matches the default (e.g., default is English EN, user's device language is English)
does not match any of the languages selected in the additional languages list (e.g., you selected French, and Vietnamese as additional languages. The user's device is set to Spanish. The user will see content in English EN).
Selecting Additional Languages:
Use the "Languages" field to add languages you want to support.
📣 Languages enable the localization of your onboarding content. Users will see the content in their device or browser's language if it matches one of the selected languages (e.g., you selected French, Vietnamese as additional languages. The user's device is set to French. The user will see content in French).
Editing Content for Each Language:
If you decide to support multiple languages, you will need to fill in content for each language so that users see relevant text and images. Below, we'll explain how to fill in text and upload images for each language.
After dragging the necessary screens onto the Flow, click on the screen and then on the pencil icon on the screen to access the settings.
Here you can select one of the languages added during creation to enter your content for that language.
For each language, you can fill in text for the title and subtitle, buttons, table items, and media (images, videos).
Enter the text content for the selected language following the example shown below:
Upload images for the selected language following the example shown below:
For images, you can apply one uploaded image to all languages by clicking "Apply to all languages". This function also applies to video content for the background.
A confirmation pop-up will appear next. The "Yes" button applies the current image to all languages set for your onboarding, "Cancel" keeps the current image only for the current language.
Remember to click "Save & Close" on the top right corner after finalizing all settings.
Adding and Removing Supported Languages and Content for Existing Onboardings:
For an onboarding in the In Development status, click the "..." (three dots) sign to change the onboarding name and its supported languages. Note that the default language cannot be changed.
If your onboarding is in QA or Production and you need to change supported languages, it is recommended to clone the existing onboarding, add new languages, and publish it as an updated version.
Filling Content for New Languages:
If you have added additional languages to an existing onboarding, it is necessary to add content for them (text and images), otherwise, the content entered earlier for the default language will be used. To enter new content, click on the pencil icon and follow the instructions described above.