---
title: "How to Add Elementor Language Switcher with Translatepress in Header?"
url: https://theplusaddons.com/docs/add-elementor-language-switcher-with-translatepress-in-header/
date: 2023-10-28
modified: 2026-04-10
author: "Aditya Sharma"
description: "Are you looking to add an Elementor language switcher in the header? With the Header Meta Content widget from The Plus Addons for Elementor, and the Translatepress plugin you can..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Add-Elementor-Language-Switcher-with-Translatepress-in-Header_-1024x536.jpg
word_count: 288
---

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

## Key Takeaways

- The Plus Addons for Elementor includes the Header Meta Content widget, which allows users to add a language switcher to their Elementor website.
- Translatepress must be installed and activated to set site languages and enable the language switcher feature.
- Users can adjust icon spacing and manage visibility for different devices in the Header Meta Content widget settings.

Are you looking to add an Elementor language switcher in the header? With the Header Meta Content widget from The Plus Addons for Elementor, and the Translatepress plugin you can easily add a language switcher on your Elementor website.

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

***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, you have to install and activate the [Translatepress](https://wordpress.org/plugins/translatepress-multilingual/) plugin.

Then make sure you have set the site languages and other relevant settings in the Translatepress plugin.

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

Once done then, add the Header Meta Content widget to the header template and follow the steps -

> *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, you’ll find an item click to open it, then 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)

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

Then, do the necessary icon spacing adjustments from the **Icon Left Space** and **Icon Right Space** sections.

From the **Responsive Device** section, you can manage the visibility of the item for different devices if needed.

2. Then go to the **Language Switcher** tab and enable the **Display Language Switcher** toggle and choose **Translatepress** from the **Select** dropdown.

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

From the **Before Text** and **After Text** fields, you can add texts before and after the dropdown.

Now you’ll be able to see a language switcher in the header.

![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 search icon to Elementor navigation header menu](https://theplusaddons.com/docs/add-search-icon-to-elementor-navigation-header-menu/).

## Frequently Asked Questions

**Q: What should I do if the language switcher doesn't appear after following the steps?**
A: If the language switcher isn't showing up, first ensure that the Translatepress plugin is correctly installed and activated. Check that you've set the site languages and relevant settings in Translatepress. If everything seems correct, revisit the Header Meta Content widget settings and confirm that the Display Language Switcher toggle is enabled.

**Q: Can I use the language switcher with other plugins besides Translatepress?**
A: The language switcher feature specifically requires the Translatepress plugin. The Plus Addons for Elementor allows you to select Translatepress from the dropdown in the Language Switcher tab, so using other translation plugins may not be compatible with this setup.

**Q: What are the best practices for positioning the language switcher in the header?**
A: When adding the language switcher, consider adjusting the icon spacing using the Icon Left Space and Icon Right Space settings in the Header Meta Content widget. This ensures the switcher is visually balanced and accessible. Additionally, check the Responsive Device section to manage visibility on different devices, optimizing user experience across platforms.