With Connect Polylang for Elementor, you can add a language switcher directly inside Elementor and control the visibility of languages on your website.
Add Language Switcher in Elementor
Follow the steps below to add a dedicated Language Switcher widget:
- Edit your header template with Elementor Editor.
- From the Elementor widgets panel, search for “Language Switcher”.
- Drag and drop the Language Switcher.
- From the widget settings, customize:
- Layout: vertical, horizontal, or dropdown.
- Alignment: Choose the position of the language switcher (left, center, or right).
- Hide the Current Language: Enable this option to hide the currently active language from the switcher.
- Hide Languages With No Translation: Enable this option to hide languages that do not have translated content.
- Display Flags: Enable this option to show country flags with languages.
- Display Language Names: Enable this option to show full language names.
- Display Language Codes: Enable this option to show short language codes like EN or FR.
- Once added, the switcher will automatically display all languages configured in Polylang.
Language Visibility
Language Visibility allows you to control which Elementor widgets appear on a specific language page. Follow the steps below to control the language visibility of widgets:
- From your WordPress dashboard, navigate to pages section.
- Edit a page using Elementor.
- Click on the widget you want to show or hide for a specific language.
- Go to the Advanced tab in the widget settings.
- Scroll down to the Language Visibility section.
- Toggle on the Language Visibility option.
- Visibility: Select whether you want the widget to be displayed or hidden for the selected languages.
- When Language is: Choose one or more languages from the list.
(This works like show or hide (specific widget) when the language is (chosen language)) - Update or publish the page.
That’s it. The selected widget will now appear only for the chosen language and remain hidden for all other languages.