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.

1. How to access the Switcher Editor
2. How to change the position of the switcher
3. How to reset the switcher to its default position
4. How to add a mobile switcher
5. How to change the design of the switcher

The Switcher Editor allows you to move the language switcher on your website. It offers a preview of your website, where you can experiment with different designs by dragging and dropping the language switcher button until you are satisfied with its position.

1. How to access the Switcher Editor

First, you can go into your Weglot Dashboard > Settings > Language Switcher, and click on the "Switcher Editor" button at the top right:

⚠️ Note that your website must be live and accessible to use the Switcher Editor.
Your website's URL must also be set in your Weglot Dashboard > Settings.

2. How to change the position of the switcher

To change the position of your language switcher (located in the bottom right corner of the browser window by default), click on it, then drag and drop the switcher to where you'd like to position it. You can repeat this process until you're satisfied with the switcher's placement.

Finally, click on "Save" to register your changes.

3. How to reset the switcher to its default position

You can reset the switcher to its default position by clicking on the "Switcher position" dropdown menu, located in the menu on the left. Then, click on "Reset to default position".

4. How to add a mobile switcher

You can add as many language switchers as you want, even for the different versions of your website (mobile and desktop, for example).

First, select the appropriate version in the bottom left corner:

Then, click on the plus icon in the top left corner:

This will add a new language switcher that you can drag and drop at the desired location, then click "Save" to apply your changes.

5. How to change the design of the switcher

You can modify the language switcher(s) design in several ways.

Select the language switcher you wish to modify from the dropdown list in the top left corner. Then click on the Switcher Style dropdown menu to display the design options:

There are several options to modify the design of the selected switcher:

The language name (abbreviated if the "Display the full language name" option is turned off, such as "en" for English, for example)
The full language name
The type of switcher (when off, the language options will be displayed as a list)
The language flags and the type of flags (shiny rectangle, matte rectangle, square, circle)

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?