{"id":868,"date":"2025-09-01T08:15:05","date_gmt":"2025-09-01T08:15:05","guid":{"rendered":"https:\/\/www.smashpops.com\/blog\/?page_id=868"},"modified":"2026-01-05T08:17:51","modified_gmt":"2026-01-05T08:17:51","slug":"how-to-translate-the-popup-content","status":"publish","type":"page","link":"https:\/\/www.smashpops.com\/blog\/how-to-translate-the-popup-content\/","title":{"rendered":"How to translate the popup content?"},"content":{"rendered":"<p>Your website may support multiple languages and you may want to localize the popup content. How can you do that?<\/p>\n<p>Unfortunately, translation plugins may not support translating other Shopify Apps like ours. The solution here is to <strong>create one popup per language and use the &#8220;Display rules&#8221; targeting to show the right popup when the right locale is active<\/strong>.<\/p>\n<p>Let&#8217;s say I have a website that supports english, french and spanish.<\/p>\n<p>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 &#8220;Duplicate&#8221; feature to create the 2 other popups and edit their text.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-870\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate.jpg\" alt=\"\" width=\"824\" height=\"553\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate.jpg 1138w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-300x201.jpg 300w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-1024x687.jpg 1024w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-768x516.jpg 768w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/p>\n<p>2. Now that you have 3 popups, you need to edit each one by going to &#8220;Settings &gt; Display rules&#8221;, selecting &#8220;Target &gt; Specific visitors&#8221;, then &#8220;Locales &gt; Specific locales&#8221;. 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 &#8220;Shopify.locale&#8221; on your store when it shows the right language. It is a 2-letter code that usually follows the ISO639-1 (= ISO639, set 1) format : <a href=\"https:\/\/en.wikipedia.org\/wiki\/List_of_ISO_639_language_codes\">https:\/\/en.wikipedia.org\/wiki\/List_of_ISO_639_language_codes<\/a><\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-871\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-2.jpg\" alt=\"\" width=\"1023\" height=\"420\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-2.jpg 1140w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-2-300x123.jpg 300w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-2-1024x420.jpg 1024w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-2-768x315.jpg 768w\" sizes=\"(max-width: 1023px) 100vw, 1023px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Hit save and make your popups live : that&#8217;s it, the right popup should be shown for the right language.<\/p>\n<p>Tip : the english popup can also be set to target any language except &#8220;fr&#8221; and &#8220;es&#8221; (useful if you have more than 3 languages and want to show the english popup on all the non-french and non-spanish languages).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-872\" src=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-3.jpg\" alt=\"\" width=\"311\" height=\"351\" srcset=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-3.jpg 364w, https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate-3-266x300.jpg 266w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>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.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 &#8220;Display rules&#8221; targeting to show the right popup when the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to translate the popup content? - SmashPops Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.smashpops.com\/blog\/how-to-translate-the-popup-content\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to translate the popup content? - SmashPops Blog\" \/>\n<meta property=\"og:description\" content=\"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 &#8220;Display rules&#8221; targeting to show the right popup when the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.smashpops.com\/blog\/how-to-translate-the-popup-content\/\" \/>\n<meta property=\"og:site_name\" content=\"SmashPops Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-05T08:17:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.smashpops.com\/blog\/#organization\",\"name\":\"SmashPops\",\"url\":\"https:\/\/www.smashpops.com\/blog\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.smashpops.com\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2020\/04\/icon1024.png\",\"width\":1024,\"height\":1024,\"caption\":\"SmashPops\"},\"image\":{\"@id\":\"https:\/\/www.smashpops.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.smashpops.com\/blog\/#website\",\"url\":\"https:\/\/www.smashpops.com\/blog\/\",\"name\":\"SmashPops Blog\",\"description\":\"Everything you need to know about e-commerce and email collection.\",\"publisher\":{\"@id\":\"https:\/\/www.smashpops.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.smashpops.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.smashpops.com\/blog\/how-to-translate-the-popup-content\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.smashpops.com\/blog\/wp-content\/uploads\/2025\/09\/translate.jpg\",\"width\":1138,\"height\":764},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.smashpops.com\/blog\/how-to-translate-the-popup-content\/#webpage\",\"url\":\"https:\/\/www.smashpops.com\/blog\/how-to-translate-the-popup-content\/\",\"name\":\"How to translate the popup content? - SmashPops Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.smashpops.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.smashpops.com\/blog\/how-to-translate-the-popup-content\/#primaryimage\"},\"datePublished\":\"2025-09-01T08:15:05+00:00\",\"dateModified\":\"2026-01-05T08:17:51+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.smashpops.com\/blog\/how-to-translate-the-popup-content\/\"]}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/pages\/868"}],"collection":[{"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/comments?post=868"}],"version-history":[{"count":6,"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/pages\/868\/revisions"}],"predecessor-version":[{"id":882,"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/pages\/868\/revisions\/882"}],"wp:attachment":[{"href":"https:\/\/www.smashpops.com\/blog\/wp-json\/wp\/v2\/media?parent=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}