> For the complete documentation index, see [llms.txt](https://deco-product-labels-and-badges-1.gitbook.io/deco-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://deco-product-labels-and-badges-1.gitbook.io/deco-guidelines/our-special-features/add-translations-for-content.md).

# Add Translations For Content

Quick guide on how to set up and add translations for different language

## 🎐 Which Features Have This Translation Feature

* Badges
* Banners
* Trust Badges
* Tooltips

## ✨ Step 1: Preparations - Set Up Languages in Shopify

*<mark style="color:$primary;">**(Skip this step if you've already configured multiple languages on your store.)**</mark>*

#### 1/ Access Language Settings

* Navigate to *<mark style="color:$primary;">**Settings**</mark>* in the bottom-left corner of your *<mark style="color:$primary;">**Shopify admin**</mark>*

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-4366971050d185486359963f81b72c8a597cc1f2%2Ftranslations-01.png?alt=media" alt=""><figcaption></figcaption></figure>

#### 2/ Add Your Desired Languages

* Click on *<mark style="color:$primary;">**Languages**</mark>* >> *<mark style="color:$primary;">**Add a language**</mark>*
* *<mark style="color:$primary;">**Select the language(s)**</mark>* you want to display on your website
* Click *<mark style="color:$primary;">**Next**</mark>* to proceed

<div><figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-f1158ae36642c36bdf6302eccb346ff303dc3b8e%2Ftranslations-02.png?alt=media" alt=""><figcaption></figcaption></figure> <figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-fae176716e697a57b35af3f71c5780333ddc3e3e%2Ftranslations-03.png?alt=media" alt=""><figcaption></figcaption></figure></div>

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-aa16cab77ee50d85e905e57c9b50392fcc61b0f2%2Ftranslations-04.png?alt=media" alt=""><figcaption></figcaption></figure>

#### 3/ Enable and Publish

* Toggle the button to enable each language
* Click **Done**

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-0243ef6bf0b5a9cd3c3e41e26a4f5c01798dff14%2Ftranslations-05.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Important:** Your new languages will be in the status *<mark style="color:blue;">**"Not published"**</mark>* —don't forget to *<mark style="color:blue;">**publish them to make them live on your store**</mark>*
{% endhint %}

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-a6813873abfffb16b39ced9b5824d491eb4f5851%2Ftranslations-06.png?alt=media" alt=""><figcaption></figcaption></figure>

## ✨Step 2: Processing - On the DECO app

⇒ Now for the final step: Select your language(s) and add translations for your DECO badges, banners, and trust badges.

{% hint style="success" %}
Adding translations is <mark style="color:blue;">**available for all**</mark> DECO features, including: <mark style="color:blue;">**BADGE, BANNER, TRUST BADGE**</mark>. On banners and trust badges with a countdown, you can also translate the timer units (Days / Hrs / Mins / Secs).
{% endhint %}

{% hint style="info" %}
"Add translations" is available from the **Starter** plan.
{% endhint %}

### 1. Access Created Badges/Banners/Trust Badges

* *<mark style="color:blue;">**Open Created Badges (Only Available For TEXT BADGE)**</mark>*

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-9a6dc10e19d760fcfd305028ecc3a9052e7bb744%2Ftranslations-07.png?alt=media" alt=""><figcaption></figcaption></figure>

* *<mark style="color:blue;">**Open Created Banner**</mark>*

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-3cf887727e11186ea258a694a07f24345df645e8%2Ftranslations-08.png?alt=media" alt=""><figcaption></figcaption></figure>

* *<mark style="color:blue;">**Open Created Trust Badge**</mark>*

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-8b552e09cd8b6a61976306b844bffe6a0dedf029%2Ftranslations-09.png?alt=media" alt=""><figcaption></figcaption></figure>

### 2. Add Translations For Content

*<mark style="color:blue;">**To provide a localized experience, follow the steps below for each feature type.**</mark>*

#### 🏅 For Badges:

* Click the *<mark style="color:$primary;">**pencil icon**</mark>* to *<mark style="color:$primary;">**open**</mark>* your selected badge.

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-64d9832a52044deb2c7d9918f269b36ff0b9a68d%2Ftranslations-10.png?alt=media" alt=""><figcaption></figcaption></figure>

* Navigate to the *<mark style="color:$primary;">**Design tab**</mark>* and find the *<mark style="color:$primary;">**Content**</mark>* section.
* Click *<mark style="color:$primary;">**"Add translations"**</mark>* and *<mark style="color:$primary;">**select**</mark>* your *<mark style="color:$primary;">**target language.**</mark>*
* *<mark style="color:$primary;">**Enter**</mark>* *<mark style="color:$primary;">**your translated text**</mark>* and click "*<mark style="color:$primary;">**Add"**</mark>*.

<div><figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-9ce008b7d4211ba01cb91b89f0bac639293cad7b%2Ftranslations-11.png?alt=media" alt=""><figcaption></figcaption></figure> <figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-2313b1b45e187a429a35582d7a8d352beb7d0008%2Ftranslations-12.png?alt=media" alt=""><figcaption></figcaption></figure></div>

#### 🚩 For Banners:

* Click the *<mark style="color:$primary;">**pencil icon**</mark>* to *<mark style="color:$primary;">**open**</mark>* your selected banner.

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-18748bdc7b8bc347b4e80998ddc6e6ba2422934d%2Ftranslations-13.png?alt=media" alt=""><figcaption></figcaption></figure>

* In the *<mark style="color:$primary;">**Design tab**</mark>*, find the *<mark style="color:$primary;">**Content**</mark>* section. "Add translations" is at the end of it.
* Click *<mark style="color:$primary;">**"Add translations"**</mark>**,*** select a language, and enter your text.
* Click *<mark style="color:$primary;">**"Add"**</mark>* to save.

<div><figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-444c4a620630d872bd48079fff00177b7e918153%2Ftranslations-14.png?alt=media" alt=""><figcaption></figcaption></figure> <figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-073a2ff9a2d155b33799f321b6454c0083dacc1b%2Ftranslations-15.png?alt=media" alt=""><figcaption></figcaption></figure></div>

#### 🛡️ For Trust Badges:

* Click the *<mark style="color:$primary;">**pencil icon**</mark>* to *<mark style="color:$primary;">**open**</mark>* your selected trust badge.

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-8d40ca330109ab309163a5c5e2d4b602b48719bb%2Ftranslations-16.png?alt=media" alt=""><figcaption></figcaption></figure>

* In the *<mark style="color:$primary;">**Design tab**</mark>*, find the *<mark style="color:$primary;">**Content**</mark>* section. "Add translations" is at the end of it.
* Click *<mark style="color:$primary;">**"Add translations"**</mark>**,&#x20;**<mark style="color:$primary;">**select your language**</mark>*, and *<mark style="color:$primary;">**type the translation**</mark>*.
* Click *<mark style="color:$primary;">**"Add"**</mark>* to finish.

<div><figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-9e5758aea1e614d941c9a8fb1bfb6589580ad194%2Ftranslations-17.png?alt=media" alt=""><figcaption></figcaption></figure> <figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-8b4f737299a1483988f6b3980eb1ca30d408bc92%2Ftranslations-18.png?alt=media" alt=""><figcaption></figcaption></figure></div>

#### 🛡️ For Tooltips:

Click the *<mark style="color:$primary;">**pencil icon**</mark>* to *<mark style="color:$primary;">**open**</mark>* your selected badge.<br>

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-3339d50c14d63c8870a1096bc67619a7f43c6961%2Ftranslations-19.png?alt=media" alt=""><figcaption></figcaption></figure>

In the *<mark style="color:$primary;">**Design tab**</mark>*, scroll to the bottom to find the *<mark style="color:$primary;">**Other Settings**</mark>* section.

* Here choose *<mark style="color:purple;">**Show tooltip for badge**</mark>*
* Click on *<mark style="color:purple;">**Add translations**</mark>*

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-388b4761f7a917c30d22d188b5c391fcceb91bcb%2Ftranslations-20.png?alt=media" alt=""><figcaption></figcaption></figure>

Here you can ***select your language*** and type the ***tooltip*** that you want.

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-980a968a9ad156d3c2c9989101bb2214f1b1781a%2Ftranslations-21.png?alt=media" alt=""><figcaption></figcaption></figure>

You can ***add as many translations*** as you want and also ***edit*** them here:

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-f2377b6d03e5b3aa2ff2b32876674b48021632e3%2Ftranslations-22.png?alt=media" alt=""><figcaption></figcaption></figure>

*All done!* 🎉 If you have any questions or need a hand, click the chat icon below for instant support. [***Chat here***](http://go.crisp.chat/chat/embed/?website_id=17e47fa7-bddf-4074-b627-df66a29a740e) ***😎***