---
title: "Add Language Switcher & Language Visibility"
url: https://docs.coolplugins.net/doc/add-language-switcher-elementor/
date: 2026-01-08
modified: 2026-05-21
author: "Satinder Singh"
description: "With Connect Polylang for Elementor, you can add a language switcher directly inside Elementor and control the visibility of languages on your website. https://youtu.be/7DUh-bggJBs?si=ob_ePdlkrQg6tKW8 Add Language Switcher in Elementor Follow..."
categories:
  - "AutoPoly - AI Translation For Polylang"
image: https://docs.coolplugins.net/wp-content/uploads/2026/05/add-language-switcher-Language-elementor-autopoly-800x450.jpg
word_count: 501
---

# Add Language Switcher & Language Visibility

With **Connect Polylang for Elementor**, you can add a language switcher directly inside Elementor and control the visibility of languages on your website.

https://youtu.be/7DUh-bggJBs?si=ob_ePdlkrQg6tKW8

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

[![language switcher elementor](https://docs.coolplugins.net/wp-content/uploads/2026/01/language-switcher-elementor.png)](https://docs.coolplugins.net/wp-content/uploads/2026/01/language-switcher-elementor.png)

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

[![customize language switcher](https://docs.coolplugins.net/wp-content/uploads/2026/01/customize-language-switcher.jpg)](https://docs.coolplugins.net/wp-content/uploads/2026/01/customize-language-switcher.jpg)

- Once added, the switcher will automatically display all languages configured in Polylang.

## Add Floating Language Switcher

With **Connect Polylang for Elementor**, you can also enable a **Floating Language Switcher**. This is useful when you don’t want to place a language switcher inside the header or layout but still want easy access for visitors.

Follow the steps below to enable and configure the floating language switcher:

- From your **WordPress Dashboard**, navigate to **Connect Polylang > Floating Language Switcher**.

- Enable the **Floating Language Switcher**. Once enabled, the switcher will appear on the front end of your website.

[![floating language switcher](https://docs.coolplugins.net/wp-content/uploads/2026/01/floating-language-switcher-800x469.png)](https://docs.coolplugins.net/wp-content/uploads/2026/01/floating-language-switcher.png)

- **Switcher Type**: Choose the type of floating switcher from **dropdown** or **side by side**.

- **Apply a Preset Style**: Choose any one style for the floating language switcher.

- **Customize Layout**: Customize the layout of the floating language switcher using following settings:

**Flag Icon Position**: Choose whether you want a flag icon before language, after language, or want to hide icons.

- **Language Names**: Choose whether you want to display full language names, short names, or none.

[![customize language switcher layout](https://docs.coolplugins.net/wp-content/uploads/2026/01/customize-language-switcher-layout-800x497.png)](https://docs.coolplugins.net/wp-content/uploads/2026/01/customize-language-switcher-layout.png)

- **Customize Design:** Customize the appearance of the floating switcher by adjusting background color, text color, text hover color, border color, width, radius, and more.

[![customize design](https://docs.coolplugins.net/wp-content/uploads/2026/01/customize-design-800x698.png)](https://docs.coolplugins.net/wp-content/uploads/2026/01/customize-design.png)

- After satisfied, click **Save Changes**, your floating language switcher will be live.

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

[![language visibility](https://docs.coolplugins.net/wp-content/uploads/2026/01/language-visibility.png)](https://docs.coolplugins.net/wp-content/uploads/2026/01/language-visibility.png)

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