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

In this article, you'll find how the checkout page is handled by Weglot and how to edit it.

How Weglot handles the Shopify checkout page?

Checkout pages won't be detected by Weglot as they belong to another domain. 
Indeed, knowing that these pages are hosted by Shopify itself, translations will be directly handled on its side.

In any circumstances, your checkout will be automatically translated into the related destination languages thanks to a mechanism we manage. 
Weglot indicates Shopify the language chosen by the visitor to make Shopify display the same language.

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

How to edit the Shopify checkout page?

In order to manually edit the checkout page, you have two possibilities on your Shopify Online Store, the Edit languages mode to directly edit the translations in the Checkout & System menu and the Edit code mode to edit the translations in a .json file. 

I. Checkout translation with Shopify "Edit languages" mode
II. Checkout translation with Shopify "Edit code" mode

(video above shows the "Edit languages" mode)


I. Checkout translation with Shopify "Edit languages" mode:

First of all, you have to go to your Online Store > Themes > Actions > Edit languages.

After that, you'll be able to edit the text of the checkout page and choose the language you want to edit :

You'll have the choice between several languages to edit:

If the language you want to edit is not present in the list, you'll have to go to your  Shopify Dashboard > Apps > Weglot, make sure the language is present in your destination languages, and save again.

Once you selected the language, you are able to edit the translations in the Checkout & System tab in your destination languages.

II. Checkout translation with Shopify "Edit code" mode:

To translate the checkout page with the Edit code mode, you have to visit your Online Store > Themes > Actions > Edit code:

Then, you must open the Locales file (scroll down and you will find the Locales file): 

Finally, you'll have to select the  .json file corresponding to the language you want to edit and edit the translations in it. 

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

Still need help? Contact Us Contact Us