Mastering Multilingualism: Step-by-Step Translation with LangShop for Consentmo
Next up in our Translation blog post series is the LangShop app. In this article, we will show you the translation process of the Consentmo app by using LangShop. Let's jump right in.
Initial settings of the app
Before we start translating, let's take a look at the admin side of the LangShop app.
1. Navigate to the Apps section
2. Go to the LangShop app
![Where to find the LangShop translation app](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e7288476717c892c0e51_langshop-app_37ffff96a.png)
When entering the admin side of the app, you will see the dashboard with all the languages used in your store.
Here is how the admin side of the app looks like
![The admin side of the Lang Shop app](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e728847671b1862c0e4e_langshop-admin_525cee81.png)
Here the first thing you should do is configure the language switcher to do so follow these steps:
1. Navigate to the Settings tab
2. Go to Switchers
![Where to find the Switchers settings](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e72884767109b62c0e52_language-switcher-lanshop_e75ac4453b.png)
3. Next, make sure to Publish the switcher. Тhat way it will be visible on the storefront.
![Publishing the Switcher](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e7288476718a942c0e56_switcher1_fdeff30b2b.png)
4. The last step is to customize the outlook of the switcher
![Customizing the LangShop Switcher](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e7288476713b0f2c0e55_switcher2_8ace7230fa.png)
Here is how the language switcher looks like on the storefront
![How the language switcher looks like on the store](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e7298476713f602c0e58_switcher-langshop_a9ff7bb8.png)
Once you finish with the configuration of the language switcher, it is time to add the language you want to use for translating your store’s content.
1. Navigate to the Settings tab
2. Go to Languages
![Where to add languages to the Switcher](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e728847671d4b62c0e53_language1_0593761af6.png)
3. In order to add a new language click on the Add new button
4. Find the language you want to use
![The Add new button](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e72884767101332c0e46_languages2_66a53b1f85.png)
![Find the language you want to use](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e72884767124862c0e47_languages3_ba4d4e4a60.png)
5. When choosing the language a new window will open. By default, the whole content of your store is selected for translation. In order to start the translation process just click on the Translate button.
![The Translate button](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e7288476710d922c0e4f_languages4_ba5a1078.png)
6. The next step is to Publish the language that you have just added, so it will be visible on the storefront
![Publish the language](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e72884767166732c0e48_languages5_44f4a0c39b.png)
Once you have the language selected and added, the content of your store will be automatically translated. Now we will show you how you can translate the Cookie Bar and Preferences Popup of our app.
Translating the Consentmo app
In order to translate the Cookie bar and Preferences Popup, you need to use the Dynamic text option. By using it you will be able to translate popups, animated banners, and other dynamic elements.
1. Navigate to the Translations tab
2. Select Themes
![Selecting Themes in LangShop](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e7288476717c072c0e4b_translation1_98ca98a07.png)
3. Then, go to the Dynamic text section and click on the Translate button
![Going to the Dynamic text section](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e72884767176872c0e54_translation2_007a7ec8.png)
4. Add ">" in the Previous char
5. In the Original text field add the part of the Cookie Bar or Preferences Popup that you want to translate
6. In the Next char add "<"
![What fields to fill out](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e72884767175102c0e4d_dynamic-text_891c72b66d.png)
7. Once you add the whole content that you want to translate, select the sections that will be translated
8. Then, click on the Translate button
![Select all and translate](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e72884767102782c0e50_dynamic-text1_ac5f59c491.png)
By following the same steps you are able to translate each part of the Cookie Bar and Preferences Popup. When you are done with the translation go to your storefront to check the result.
Here is how the translated Cookie Bar and Preferences Popup look on the storefront
![How the Cookie bar and Preferences popup look on the store](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e72984767146b12c0e57_cb-pp_b61e9e9fa4.png)
The Consentmo Compliance pages are also automatically translated.
Here is how the translated in German GDPR Compliance page looks like
![German GDPR Compliance page](https://cdn.prod.website-files.com/63b5899260387ebd34efab28/63e0e728847671a1d02c0e4a_gdpr-page_bbf67fc078.png)
By submitting any request on this page, you will see that the additional messages are also translated into 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)
In order to help you with the translation process, we have created a step-by-step video tutorial available in our YouTube channel:
And that is all for the translation of the Consentmo app with LangShop.
If you have any additional questions feel free to contact us via chat or email.