Localizing Paywalls with Dynamic Values

You can localize your paywall text for multiple languages using dynamic values in the paywall editor. This approach uses the device's locale to conditionally display different text for each language, and works on any Superwall plan.

How it works

The paywall editor exposes device.deviceLocale (e.g. en_US, fr_FR) and device.deviceLanguageCode (e.g. en, fr) as built-in variables. By combining these with dynamic values, you can set up rules that show different text depending on the user's language.

Step-by-step setup

1. Open your paywall in the editor and click on the text component you want to localize.
2. Click on the text property in the component editor, then choose Dynamic from the dropdown. This opens the dynamic values editor.
3. Click Add Value, then configure a rule:
   • Set the if condition to device.deviceLanguageCode equals your target language code (e.g. fr for French).
   • Set the then value to the translated string for that language.
   • Repeat this for each language you want to support. Use the otherwise value for your default language (typically English).
4. Apply the same approach to every text component on your paywall that needs localization.
5. Click Publish to save your changes. The paywall will now display the correct text based on the user's device language.

For example:

Testing localized text

To test your localized paywall, change your device's language in the system settings and reopen the paywall. The dynamic values will evaluate based on the updated locale.

You can also preview different language states directly in the editor by temporarily changing the value of device.deviceLanguageCode in the Variables sidebar.