How to set up a Language Switcher for multilingual WordPress Websites

A language switcher gives your site visitors the possibility to switch between the languages you provide on your multilingual site and thus to read the content in their preferred language. With MultilingualPress you can set up a language switcher either via a navigation menu or via a menu widget.

Here you can find a step by step guide for setting up the language switcher.

Set up a language switcher in your navigation menu

Follow these steps if you want to show a language switcher in your navigation menu as you can see it in the screenshot below.

"<yoastmark

  1. Go to Appearance→ Menus.
  2. Click on the link Create a new menu and enter a name. Afterwards click the button Create Menu.

    Create a new menu and enter a name for the menu, e.g. Main Menu
  3. After that, in the left sidebar open the Languages dropdown. If this dropdown is not visible yet, you first need to activate it: open the Screen Options menu and select the Languages checkbox.

    You can use Screen Options to display the languages box in the sidebar.
  4. If you have opened the Languages box on the left, then you will see all language versions of your website (e.g. German and English). Now check the languages that you want to be shown in the language menu. Then click Add to menu.

    Set up the language menu: Add languages
    Use the Languages toggle to add the languages that should appear in the menu.
  5. Now the selected languages are shown in the language switcher menu. You can change the order of the languages using drag & drop or if you click on Move while the languages box is open. You can also change the name of the language as it appears on your website in the Navigation Label field.
    Language menu set up individual settings
    Make individual changes in the language menu.

    Finally, the following advanced settings are also available:

    • You can optionally specify an HTML attribute title.
    • By ticking Open link in a new tab, you can indicate that the language will open in a new tab.
    • You can also optionally customize the CSS classes and link relationships (XFN).
    • In the description you can write a short info about the language. However, this is only displayed if the theme you are using supports displaying.

    If you do not see these options, is because you have to open the upper menu Screen Options again and check the Show advanced menu properties checkboxes.

  6. Then click Save Menu.
  7. In order to let your visitors see the language menu, you have to assign a position to the menu in the theme. To do this, switch to the Manage Locations tab. Select your language menu in one of the available locations and then click Save Changes.

    Set up voice menu: Set position on website.
    Determine the position of your Language menu.

Set up language switcher via a widget

If you want your language switcher to appear in the sidebar of your website, make the following settings.

  1. Go to Appearance → Widgets.
  2. There you will see various widgets available. Select the Navigation Menu widget. Drag and drop it into your sidebar.
  3. Select the menu in which you created the language links (see Setting up the language switcher using the navigation menu, steps 1 to 6).
    "Set

Show language flags

We have developed a small plug-in for MultilingualPress 3, which enables you to display flags in the language switcher. All you have to do is install the plugin and activate it across the network. You can get the additional plugin from us requesting it in our Support.

Flaggen im Sprachmenü anzeigen über ein MultilingualPress Zusatzplugin
Show flags via an additional MultilingualPress 3 plugin

Build the perfect multilingual webshop with WooCommerce and our plugins MultilingualPress and CentralStock!