Shopify is an e-commerce platform that allows anyone to sell online, at their retail location quickly, and everywhere in between. Transifex Live can make your Shopify store multilingual and sell your products worldwide. We have a live example of a translated Shopify store. Use the language dropdown at the bottom right to switch languages.
Below, you'll find instructions for localizing your Shopify store.
📝 Note: Before you begin, you must have a Transifex account and a project you will be associating with your Shopify site. If you have not already done so, sign up for Transifex here.
Adding a website
Before using Transifex Live, you must add a website to Transifex for translation, then install the Transifex Live JavaScript snippet on your site. For instructions on how to do this, please refer to this article.
Installing the Transifex Live snippet
Once you've gotten the Transifex Live snippet, the next step is to add it to your Shopify theme:
From the left menu of Shopify, click on Online Store.
Next, click on Themes if it's not already selected.
Click the three dots on the right side of your current theme and then Edit HTML/CSS.
Under Layouts, click on theme.liquid.
Paste your Transifex Live JavaScript snippet before the
</head>tag.
Click Save, and you're done!
Now, you can begin saving and translating content!
Working with a staging site
While you can't officially create a staging instance of your Shopify site, you can duplicate your existing theme for testing purposes:
From the left menu of Shopify, click on Online Store to head to your themes.
Click the three dots on the right side of your current theme and hit Duplicate.
You'll see the copy of your theme added below the current theme.
Follow Steps 3-6 in the "Installing the Live snippet" section above and add your Transifex Live JavaScript snippet if you haven't done so before cloning your theme.
Once you've added the Live snippet, find the copy of your theme and click on the Preview button to open up the theme.
In your browser's URL bar, add
&transifexto the end of the URL to launch the Transifex Live sidebar.
Approve, Translate, & Deliver
Now that Transifex Live is embedded in your page, you can use Transifex Live to save content to Transifex, translate in context, and publish translations on the fly.
Handling dynamic content
Dynamic content like dates, times, and counters (e.g., # of articles, # of comments, etc.) should not be translated. When approving phrases in Transifex Live, be sure to ignore these types of non-translatable dynamic content. If your platform lets you edit the theme, you can mark elements of your pages as non-translatable. To learn how, click here.
💡Tip
Looking for more help? Get support from our Transifex Community Forum!
Find answers or post to get help from Transifex Support and our Community.