Adding a language switcher to the header of a multilingual site gives visitors a clear, consistent way to switch languages from any page.
With the Header Meta Content widget from The Plus Addons for Elementor, you can add a WPML language switcher to your website header.
To check the complete feature overview documentation of The Plus Addons for Elementor Header Meta Content widget, click here.
Best Used For:
- Multilingual WordPress sites using WPML that need a language switcher in the header for visitor navigation
- International e-commerce stores and service websites that serve audiences in multiple languages
- Corporate and educational sites that require a consistent language toggle accessible from every page
Requirement – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.
To do this, install and activate the premium WPML plugin.
Make sure you have configured the site languages in the WPML plugin settings.
Once done, add the Header Meta Content widget to the header template and follow the steps below.
Note: To create the header template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it.
1. In the Meta Content tab, open an item and select Language Switcher from the Select Options dropdown.
From the Icon Left Space and Icon Right Space sections, adjust the icon spacing as needed.
From the Responsive Device section, manage the visibility of the item for different devices.
2. Go to the Language Switcher tab, enable the Display Language Switcher toggle, and select WPML from the Select dropdown.
Suggested reading, best 4 Elementor translation plugins for multilingual websites
From the Style dropdown, choose a display style for the switcher.
Enable the Country Flag toggle to show the country flag in the dropdown.
Turn on the Native Name toggle to show the language name in its native form in the dropdown.
Enable the Translated Name toggle to show the translated language name.
Use the Before Text and After Text fields to add custom text before and after the dropdown.
Your WPML language switcher will now appear in the header, allowing visitors to switch languages.
Also, read how to add WooCommerce mini cart in Elementor navigation header menu.
