How to add language selector to your site?

Different ways to add language selector:

  • Using Geolocation to create a language selector
  • Using the language selector of your theme
  • Using Etranslate language selector Option 1
  • Using Etranslate language selector Option 2





    Part 1 Geolocation
    Here is what it looks like after you installed Gelocation.

logo

Part 2 Theme language selector

There are many themes support muti-language. For example, if you are using the Debut theme, you can enable the language selector in the footer section.

logo

Part 3 Etranslate Option 1

Here is what it looks like:

logo

If you want to use this language selector, you need add the following code to your theme.liquid file, anywhere in the < Head > section.

{% include 'etranslate-language-switch-control.liquid' %}

logo

Part 4 Etranslate Option 2

Here is what it looks like:

logo

If you choose Option 2, you need to add two parts of code.
Part 1: Add the following code in your theme.liquid file, anywhere in the < head > section.

{% include 'etranslate-language-switch-control.liquid' %}

Part 2: Add the following code to your page header.

<div id="embed-header-translate-ETranslate" class="embed-header-translate-ETranslate-container"></div>

logo

We recommend you to add this code next to the little cart button in your header. Go to your theme section folder and locate the headers.liquid file. There find the code where the cart button is defined, and insert the code after that.

These files may vary across stores, if you don’t know how to do this, you can add our email: [email protected] to the staff account of your store and give us the access permissions of Apps & Themes.

After that, a Etranslate team member will contact you once the setup has been completed. Feel free to remove our access to your store once we’ve completed assisting you.

Ps:
(1) After you have added the code to your theme, remember to enable the language selector option in the Setting page of Etranslate. The language selector will only appear after you enabled this feature.

(2) If you want to remove the language selector from your site, you need to remove the code by yourself. Uninstall the app won’t remove that code you added.