How to translate the progress bar texts for each language and market

Translate a text from its own field

Every translatable text has a translate icon: at the end of the field for a simple field, or at the end of the toolbar (right after the </> button) for a rich-text editor. Clicking it opens a menu with two choices:

• Translate across markets: pick a language. The translation is used in that language in every market.
• Adapt a market: pick a market, then one of its languages. The text is used only for that language in that market, for example French for Canada.

Type the translation in the window that opens. Once a text has translations, a counter such as 2 translations appears at the end of the field label. Click it to see every translation, edit it or delete it with Remove this translation. A text you filled in but have not translated yet shows Not translated in the same place: click it to open the translate menu. An empty field shows neither.

The menu lists the languages added to your store in Shopify. A language missing from the list must first be added in Shopify's language settings. Regional languages, such as Chinese (Traditional) or Portuguese (Brazil), are translated the same way: the translation shows on your store, at checkout and in the discount title.

Which texts are translated this way

In the tier card on Goals & Discounts:

• the tier name (Goal name);
• the tier text shown while the tier is ahead (Goal's text template);
• the text shown under or above the tier on the bar (Threshold label, see add a tier);
• the discount title;
• the Login button label;
• the texts of the gift button and of the gift chooser for that tier (see gift chooser).

On the Design page, for each design:

• the success message and its Default link word, in the Success message tab (see success message);
• the default texts of the gift chooser and the labels of the “Choose a gift” and “Give back the gift” buttons, in the Gift interface tab (see gift chooser).

Elsewhere:

• the quantity labels of a bar, in its Quantity labels or Order count labels card (singular, plural, remaining quantity), see bars;
• the Button label of the gift button at checkout, on the Checkout page (see checkout);
• the title and add-to-cart label of a recommendation block, in its Content tab (see recommendations).

Default texts are translated for you. When you add a tier or change its type, its default name (for example “10% off”) and its default tier text are written in your store's main language and translated into its other languages, like the tiers created at install. A text you type yourself is never translated automatically: translate it from its field.

A field left empty falls back to the next text: a market adaptation to the translation of its language, then the translation to the main text. An adaptation can therefore hold only the texts that differ in that market.

Texts once translated with Translate & Adapt

The success message, the gift chooser texts and the “Choose a gift” button label used to be translated in Shopify's Translate & Adapt app, and their texts set in Online Store › Customize › App embeds › Yaco Progress Bar. They now belong to each design and are translated from their own fields, like the other texts.

If you had changed or translated these texts before, they were copied to your designs with their translations: you have nothing to redo. On your store, the text of the design now comes first. The fields in the theme editor are only used when a design has no text of its own, and will be removed later. The gift chooser colours stay in the theme editor.

Your translations still show in Translate & Adapt, under Yaco wordings. A change made there is picked up the next time you save in Yaco Progress Bar.

An AI assistant connected to your store can translate these texts for you, design by design.

Texts you do not need to translate

• On your store, the texts you never changed are shown in the shopper's language, for every language published on your store: the “Choose a gift” and “Add my gift back” buttons, the gift chooser texts (title, buttons, “Free”, “Sold out”), the Login button, the arrows of a recommendation carousel, the notice shown when a discount code removes a free gift, and the summary of your offers read by screen readers and AI assistants. A text you write yourself is shown as written, until you translate it. These translations are refreshed each time you open Yaco Progress Bar: after publishing a new language in Shopify, open the app once.
• The discount title shown in the cart and at checkout is written for you when you create a Free product, Percentage off or Amount off tier, or switch a tier to one of these types: in your store's main language, and translated into each of its other languages. A Dutch store with German as a second language gets “Gratis product”, and “Gratisprodukt” for German shoppers. A title you wrote yourself is never replaced. Existing tiers keep their current title: edit or translate it from its field.
• In checkout, the default Login button label follows the shopper's checkout language.
• In checkout, the “FREE”, “Add” and “Remove” wordings and the messages shown in the gift list follow the shopper's checkout language automatically. They cannot be edited.
• In a recommendation block, a title or button label you never changed is shown in the shopper's language from built-in translations. Once you write your own title, it is shown as written in every language, until you translate it.

Preview a language

When your store has more than one published language, the preview has a Language selector: pick a language to see the bar as shoppers browsing in that language see it. Adding a translation or typing in one switches the preview to that language on its own. For a translation made with Adapt a market, the preview also switches to that market.

The success message and the gift chooser texts are shown translated too. Only the gift product names stay in your main language in the preview: Shopify translates them on your store.

Language versus market

Use Translate across markets in most cases. Use Adapt a market when one market needs different wording in the same language, for example British and American English. To change a tier's threshold per market, see markets.

Translations are saved with the page: click Save, or Publish on the Checkout page.