Your website may support multiple languages and you may want to localize the popup content. How can you do that?
Unfortunately, translation plugins may not support translating other Shopify Apps like ours. The solution here is to create one popup per language and use the “Display rules” targeting to show the right popup when the right locale is active.
Let’s say I have a website that supports english, french and spanish.
1. Create one popup per language. To make this step as easy as possible, fully create one popup (the english one for instance), then use the “Duplicate” feature to create the 2 other popups and edit their text.
2. Now that you have 3 popups, you need to edit each one by going to “Settings > Display rules”, selecting “Target > Specific visitors”, then “Locales > Specific locales”. For each one, enter the locale code that it should be displayed for (en for english, fr for french, es for spanish). The locale code can be read by executing the Javascript command “Shopify.locale” on your store when it shows the right language. It is a 2-letter code that usually follows the ISO639 format : https://en.wikipedia.org/wiki/List_of_ISO_639_language_codes
Hit save and make your popups live : that’s it, the right popup should be shown for the right language.
Tip : the english popup can also be set to target any language except “fr” and “es” (useful if you have more than 3 languages and want to show the english popup on all the non-french and non-spanish languages).
Warning : the popups are still independant, meaning that if someone played on the french version of the popup, he/she can still play on the other versions.