Table of Contents
Shopify is an ecommerce platform that allows anyone to sell online, at their retail location quickly, and everywhere in between. Using Transifex Live, you 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.
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
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.
On the right side of your current theme, click the three dots, and hit Edit HTML/CSS.
Under Layouts, click on theme.liquid.
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.
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 the URL bar of your browser, 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 nontranslatable dynamic content. If your platform lets you edit the theme, you can mark elements of your pages as nontranslatable. To learn how, click here.