How to optimize my Shopify store translations using Weglot and Markets

In this article, you will learn more about optimizing the translation of your Shopify Markets store and ensuring all content is correctly translated.

How to install Weglot on your Shopify Markets store?
How to translate your dynamic content?
How to translate my Shopify checkout?
How to translate my Shopify notifications?

1. How to install Weglot on your Shopify Markets store?

To translate your Shopify Markets store using Weglot, we recommend using our SEO-friendly subdirectory integration.

This method allows you to:

Translate each market
Generate specific URLs for every language
Improve SEO and indexing

Follow our dedicated step-by-step guide: here

2. How to translate your dynamic content?

Weglot is designed to translate the content that is present in your website's source code.

However, some content can be dynamically generated, and therefore not included in the source code, which means Weglot may not detect it automatically. This includes content that usually changes over time, for example:

"Recently Viewed" sections or sidecarts that adapt to each user.
Content coming from third-party apps such as reviews, popups, and others similar features

While Shopify’s Translate & Adapt tool may not translate this kind of dynamic content, Weglot can.

Advanced stores also usually create their own custom theme which aren’t translated by default. Weglot can handle this too. The most significant example is the product page, where certain elements can remain untranslated when using Translate & Adapt but can be fully translated with Weglot.

How Weglot Handles Dynamic Content

If some content is dynamically generated, Weglot will need to dynamically translate the targeted content.

To indicate to Weglot content you need to dynamically translate, you can go to your Weglot dashboard and head over to the project linked to your store.

Go to your Weglot Dashboard > Project > App Settings (may be labeled with your CMS name instead of “App”).
Create a new dynamic rule by entering a precise CSS selector.

How to find the CSS selector

On your website, right-click the element you want to translate
Select Inspect
In the Elements tab, use the arrow tool to target the element
Right-click the highlighted code > Copy > Copy selector
Paste this selector into Weglot’s dynamic rule box and click Add

Here’s an article we created that explains how to translate dynamic elements: "How to translate dynamic content?".

If you are having difficulties finding adapted selectors for your dynamic rules, do not hesitate to contact us at support@weglot.com. We're here to help.

3. How to translate my Shopify checkout?

The way your Shopify checkout is translated depends on the Weglot integration you are using.

For your Shopify Markets store x Weglot setup, you need to use the subdirectory integration, as you can see in part 1 of this article or in our dedicated article.

The Shopify checkout is hosted and translated directly by Shopify, not Weglot. That’s why the Weglot switcher won’t appear during checkout.

However, Weglot ensures the checkout page is displayed in the language selected before checkout. This is possible because Weglot communicates with Shopify’s theme translation system.

You should be able to edit a checkout element translation, by following these steps:

Go to Shopify Admin > Languages
Temporarily set your theme language to the target translation language
Navigate to Online Store > Themes > Edit default theme content > “Checkout & System” tab
Edit the translations you want
⚠️ Don’t forget to reset your default language back afterward

As you are using the subdirectory integration, you will notice that the language code subfolder is added to the checkout URL, with also the "locale" parameter, to indicate to Shopify which language to use.

The checkout URL structure will be https://website.com/language_code/checkouts/cn/xxx?locale=language_code.

Please note that Weglot is responsible for translating the product details and total/subtotal parts on the checkout page.

We have also made a specific documentation regarding this process here

4. How to translate my Shopify notifications?

By using Weglot, you will be able to translate some of your Shopify email notifications.

You can translate orders, shipping, and customer-related notifications.

We made a specific article to guide you through this translation process, you can access it here.

If you are having difficulties to translate your Shopify notifications, please reach out to us at support@weglot.com.