---
title: "How to Add Elementor Language Switcher with WPML in Header?"
url: https://theplusaddons.com/docs/add-elementor-language-switcher-with-wpml-in-header/
date: 2023-10-28
modified: 2026-06-29
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Add-Elementor-Language-Switcher-with-WPML-in-Header_-1024x536.jpg
word_count: 378
---

# How to Add Elementor Language Switcher with WPML in Header?

## 

- Integrates the Header Meta Content widget from The Plus Addons for Elementor to add a language switcher in the header.
- Requires installation and activation of the premium WPML plugin to set site languages and enable the language switcher.
- Utilizes Elementor Pro or Nexter Builder to create a header template and customize language switcher settings, including icon spacing and display options.

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](/docs/header-meta-content-widget-settings-overview/).*

**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.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/header-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, install and activate the premium [WPML plugin](https://wpml.org/).

Make sure you have configured the site languages in the WPML plugin settings.

![wpml languages](https://theplusaddons.com/wp-content/uploads/2023/10/wpml-languages.png)

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*](https://nexterwp.com/docs/nexter-theme-builder-explained/)* 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.

![header meta content language switcher](https://theplusaddons.com/wp-content/uploads/2023/10/header-meta-content-language-switcher.png)

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.

![header meta content language switcher settings wpml](https://theplusaddons.com/wp-content/uploads/2023/10/header-meta-content-language-switcher-settings-wpml.png)

Suggested reading, [best 4 Elementor translation plugins for multilingual websites](https://theplusaddons.com/blog/best-elementor-translation-plugins/)

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.

![header meta content language switcher demo](https://theplusaddons.com/wp-content/uploads/2023/10/header-meta-content-language-switcher-demo.gif)

Also, read [how to add WooCommerce mini cart in Elementor navigation header menu](https://theplusaddons.com/docs/add-woocommerce-mini-cart-in-elementor-navigation-header-menu/).