Step-by-Step Guide to Translating Consentmo via Translation Lab
In this article, we will show you how you can translate Consentmo app by using Translation Lab. Below you will find a step-by-step explanation, so let's get going.
Initial setting of the app
First, take a look at the admin side of the app.
1. Navigate to Apps section
2. Go to the Translation Lab - AI Translate
![Translation Lab - AI Translate in Shopify](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9ada7_2022-02-21_16-12-34_14ca8d504f.png)
When entering the admin side of the app you will see the initial steps you need to go through in order to configure the app.
![The initial steps for setting up Translation Lab - AI Translate](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9ad93_2022-02-21_16-14-19_997d8.png)
The first step is adding the language you want to use.
1. Navigate to Languages tab
2. Select the language you want to use and then click the Add button
3. Make sure to Publish the language. That way you will be able to start the translation process
![First step is adding the language you want to use in Translation Lab](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9add1_2022-02-22_16-03-08_860a876e4c.png)
Here is how the added language looks like
![Here is how the added language looks like](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9adaa_2022-02-21_17-39-38_88a9afed11.png)
Step number 2 is configuring the Language Switcher.
1. Navigate to Switchers tab
2. Then click on the Save button
![How to configure the Language Switcher in Translation Lab](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9ad81_2022-02-22_16-06-13_13e5ff3915.png)
Here is how the admin side of the app looks like after the integration of the language switcher.
![Here is how the admin side of the app looks like after the integration of the language switcher](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9adad_2022-02-21_17-46-43_15101c.png)
Note: Make sure to remove the integration before deleting the app. That way no snippets of code will be left in your theme.
Once the language switcher is integrated you can enable and customize it by following these steps:
1. Navigate to the Themes section
2. Click on the Customize button
![Enable and customize the language switcher](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9adf0_2022-02-21_17-51-38_0652e5c3d9.png)
3. Go to the Theme settings
4. Then, navigate to the Translation Lab section located on the right side of the screen in order to enable and customize the switcher by your preferences
![How to enable and customize the switcher by your preferences](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8fe3fee0b8d4f9afb2_2022-02-21_17-52-32_092140236b.png)
When you are done with the initial setup of the Translation Lab, it is time to show you how to translate the Cookie Bar and Preferences Popup of our app.
Translating the Consentmo app
Translation Lab offers two options for translating the Consentmo app - Manual Translation and Auto Translation.
Manual Translation
Here is how the Manual Translation works:
1. Navigate to the Translations tab
2. Select the language you want to use for translation
3. Then, choose Shop metafields as a resource type
4. By clicking on the Blue button you will add the translations in the text fields on the right side.
![How the Manual Translation of the Consentmo app works](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9ade8_2022-02-23_14-56-43_72f6ccf.png)
That way you can translate each part of the Cookie Bar and the Preferences Popup.
Here is how the translated to German Cookie Bar and Preference Popup look like
![Here is how the translated to German Cookie Bar and Preference Popup look like](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8ee3fee0b8d4f9af44_2022-02-22_15-55-14-1_40915184a3.png)
GDPR Compliance page can be translated by following the same steps.
1. Navigate to the Translations tab
2. Select the language you want to use for translation
3. Then, choose Pages as a resource type
4. By clicking on the Blue button you will add the translations in the text fields on the right side of the admin.
![How to translate the GDPR Compliance page](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8ee3fee0b8d4f9ae59_2022-02-22_10-15-33_08564bb570.png)
Here is how the translated in German Compliance page looks like
![Here is how the translated in German Compliance page looks like](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e729af2c8712f1711c5f_gdpr_(2)_95146.png)
By submitting any request on this page, you will see that the additional messages are also translated to German.
How the translated Data collection text looks like
![How the translated Data collection text looks like](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e72884767165cb2c0e4c_gdpr2_841813d87e.png)
How the translated confirmation for the submitted request looks like
![How the translated confirmation for the submitted request looks like](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e72884767168ae2c0e49_gdpr1_0c7571.png)
Auto Translation
The second translation option is Auto Translation. Follow the steps below to see how it works:
1. Navigate to the Auto Translations tab
2. Click on the Scan button in order to check the translatable resources
![How the Auto Translation of the Consentmo app works](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9adde_2022-02-22_16-41-37_2b3875dacb.png)
3. The next step is to click on the Configure Auto Translate button
![Configure Auto Translate button in Translation Lab](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9adb0_2022-02-22_11-03-01_c1c6ea5565.png)
4. In order to translate the whole content of your store Select all as a resource type
5. Then, select what to translate. We recommend choosing Not-translated or Outdated option
6. Lastly, click the Translate button
![Auto translation steps for the Consentmo app in Translation Lab](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8de3fee0b8d4f9ade1_2022-02-22_11-05-00_3ee9f.png)
Wait until the whole content of the store is translated and go to the storefront to check the result.
Here is how the translated to German Cookie Bar and Preference Popup look like
![Here is how the translated to German Cookie Bar and Preference Popup look like](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/64ba5f8ee3fee0b8d4f9af44_2022-02-22_15-55-14-1_40915184a3.png)
The Compliance pages are also translated, as well as the additional messages when submitting any request.
Below you will find a video tutorial showcasing all the steps mentioned above:
And that is how you can translate the Consentmo app by using Translation Lab.
More translation blog posts are coming soon, so stay tuned.
If you have any additional questions regarding the translation of our app, feel free to contact us via chat or email.