How to use the Switcher Editor?
In this article, you'll see how to change the position of the language switcher on your website using the Switcher Editor feature.
The Switcher Editor allows you to move the language switcher in context on your website by dragging and dropping the button on a preview of your website.
1. How to access the Switcher Editor
First, you can go into your Weglot Dashboard > Custom Language Switcher, and click on the "Visual Editor" button at the top right:
⚠️ Note that your website must be live and accessible in order to be able to use the Switcher Editor.
2. How to change the position of the switcher
In order to change the position of your language switcher (which is at the bottom right corner by default), you can click on it and then drag and drop it where you'd like to place it.
If you are not satisfied with the result, you can simply drag it somewhere else. You may need to reload the page to reset its position.
Finally, click on "Save and it's done.
3. How to add a mobile switcher?
You have the possibility to add as many language switchers as you want, including in the different versions of your website (mobile and desktop, for example).
In order to do that, you can first select the version at the bottom left corner:
Then, just click on the plus icon at the top left corner:
This will add a new language switcher that you can drag and drop at the desired location, then click on "Save, and it's done.
4. How to change the design of the switcher?
You can choose the language switcher(s) design in several ways; in the visual editor, you can select a language switcher directly at the top left corner:
And then you have the possibility to change some elements and display:
- The language name (such as "en" for English, for example)
- The full language name
- The type of switcher (list/dropdown)
- The language flags and the type of flags (square, circle, rectangle)
After that, click on "Save and it's done.
If you'd like to make further design adjustments to your language switcher, feel free to look at our dedicated article: How to change the design of the language switcher?