Shopify - Edition - How to edit the Shopify checkout page translations?

In this article, you'll learn how the Shopify checkout page is handled by Weglot and how to edit the related translations

1. How is the Shopify checkout translated?

Weglot does not detect checkout pages because they are on another domain. Shopify hosts these pages and handles translations directly on its side.

In any circumstance, your checkout will be automatically translated into the relevant destination languages using a mechanism we manage. Weglot informs Shopify of the visitor's language choice, so Shopify can display the same language.

For example, when accessing your checkout in your translated language(s), you should see a URL parameter (query) at the end of your checkout URL:

⚠️ If your checkout is not translated at all, please make sure that you don't have any languages on your Shopify admin > Settings > Languages > Translated languages (even if they are unpublished)

2. How to edit the Shopify checkout content?

In order to manually edit the checkout page, you have two possibilities:

a. Edit the default theme content

Or:

b. Edit the code directly in the .json file

a. Edit the default theme content

First, you have to go to your Shopify admin > Sales channels > Online Store:

Then, click on the 3 dots option of your active theme and select "Edit default theme content":

Here, select the tab named "Checkout & system":

You should now see all the content displayed on your checkout and be able to manually edit each field if needed.

To do that for your translated language(s), you need to temporarily change your store's default language.

For example, if you'd like to edit the German checkout, you can click on "Settings" in the bottom left corner of your Shopify admin, then go to the "Languages" section in the list on the left and change the default language of your theme to German (or to any language you'd like to edit):

Once you've selected the new language, you can edit its translations in the Checkout & system tab of your theme.

⚠️ When you are done with the changes, make sure to switch back to your default language to what it was originally, and that there is only one language published.

b. Edit the code (through the .json file)

To translate the checkout page with the Edit code mode, you have to visit your Shopify admin > Sales channels > Online Store:

Then, click on the 3 dots option of your active theme and select "Edit Code":

Here, you must open the locales folder in the left bar (scroll down, and you will find the locales files): 

Finally, select the xx.json files (xx being the language code) of the languages you want to edit, then edit the translations in them. You can directly edit the text in these files, but please be careful not to change the JSON file's structure.

Once done, save your modifications, and it's done.

3. What if some content remains untranslated?

If you are using Weglot subdomain or subdirectory integrations, and even after the above steps, some content remains untranslated (for example, the product names on the right part of the checkout or the shipping methods), we do have some additional options to allow Weglot to translate the checkout page instead of Shopify. You can contact us at support@weglot.com for further information about this option.