---
title: "How to Set Elementor Display Condition Based on Browser/Site Language?"
url: https://theplusaddons.com/docs/set-elementor-display-condition-based-on-browser-site-language/
date: 2023-06-23
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "In today's digital age, content is king, and presenting that content in an optimised way is essential to a successful website. This can be especially true if you cater to..."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Set-Elementor-Display-Condition-Based-on-Browser_Site-Language_-1024x536.jpg
word_count: 822
---

# How to Set Elementor Display Condition Based on Browser/Site Language?

## 

- The Plus Addons for Elementor Pro includes the Display Condition extension, and it is off by default in The Plus Addons > Extensions.
- Display Condition appears in the Advanced tab of any Elementor widget, section, or container, and the editor shows everything while conditions apply only on the published page.
- Site rules use the language WordPress serves for the page, with exact locale matching such as Italian (it_IT), and the rule can use Is or Not.
- Browser rules use the visitor’s first preferred browser language only, ignore regions, and treat Portuguese in Portugal and Brazil as the same language.

In today's digital age, content is king, and presenting that content in an optimised way is essential to a successful website. This can be especially true if you cater to a global or multiple language audience. To ensure your website is seen in the right language, it's important to be able to set display conditions based on the browser/site language.

If you’re using Elementor to create your website, you can try the Display Condition extension of The Plus Addons for Elementor. With this, you can easily set different display conditions based on user's browser or site language.

*To check the complete feature overview documentation of The Plus Addons for Elementor Display Condition extension, [click here](/docs/display-conditions-settings-overview/).*

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.***

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

## Before You Start

- **Edition:** **Pro** — Display Condition is part of The Plus Addons for Elementor Pro. It does not exist in the free plugin.- **Switch it on.** It is off by default. Go to **The Plus Addons > Extensions** and turn on **Display Condition**.- **Where it appears:** the **Advanced** tab of any Elementor widget, section or container — not only The Plus Addons widgets.

> ***The editor always shows everything.** Conditions are applied only on the published page, so check the result in a private window — logged out if the rule is about login status.*

To add display conditions based on browser or site language, add any Elementor widget on the page. 

1. Go to **Advanced** > **Display Condition**. 

2. Turn on the **Display Condition** toggle.

Now you will see **Keep HTML**, which is on by default. While it is on, an element whose conditions are not met is still sent to the browser and hidden with CSS, so its content can be read in the page source. Turn it **off** for anything private — members-only details, prices for logged-in customers — so the element is not sent at all.

3. After selecting the appropriate option from the **Display When** dropdown, go to the **Rules** section, here you have to set the actual display condition. You can have one or multiple conditions/rules.

4. Then click on the **Rule** tab. Here you’ll find different options under the **Language **label.

## How to Set Elementor Display Condition Based on Site Language? 

If you are using any multilingual plugin, you can use this option to show or hide specific content based on the different languages of the site. This can be useful to show special content tailored for a particular language.

To set display conditions for site language - 

1. Select **Site** from the first dropdown under the **Rule** tab.

2. Then in the second dropdown, you have two options - 

**Is** - The rule passes when the condition is met.

**Not** - Reverses the rule: it passes when the condition is not met.

3. From the last dropdown, select your language.

For example, we want to show a different banner image if the language is set to Italian. 

To do this, select the widget, after selecting **Site** from the first dropdown, choose **Is** from the second dropdown.

Then in the last field, select Italiano.

If the option is set to **Not** in the second dropdown, it will reverse the condition.

## How to Set Elementor Display Condition Based on Browser Language? 

With this option, you can set display conditions on content based on the [language set in the browser](https://www.computerhope.com/issues/ch001904.htm). This can be used to show content in different languages based on the user’s browser language settings. 

To set display conditions for browser language - 

1. Select **Browser** from the first dropdown under the **Rule** tab.

2. Then in the second dropdown, you have two options - 

**Is** - The rule passes when the condition is met.

**Not** - Reverses the rule: it passes when the condition is not met.

3. From the last dropdown, select your language.

For example, if you have a multilingual website and want to display different content based on the visitor's browser language, you can set the display condition to "Browser Language." This means that visitors who have their browser language set to a specific language will see the corresponding content tailored to their language preference.

Also, read [How to Set Elementor Display Condition Based on URL String or Parameters](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-url-string-or-parameters/).

## How Each Language Is Detected

| Rule | Reads | Matches |
| ---- | ----- | ------- |
| Site | The language WordPress is serving the page in | The exact locale, e.g. Italian (it_IT) |
| Browser | The visitor's first preferred browser language | The language only, e.g. Italian — not the region |

## Limitations

- **Browser rules ignore regions.** Portuguese in Portugal and in Brazil look the same.- **Only the first browser language counts.** A visitor with English first and Italian second is treated as English.- **Pro only.** Display Condition is not in the free plugin.

## Troubleshooting

### The Site rule does not change with my translation plugin

It follows the language WordPress reports for the page. Check your multilingual plugin sets the locale per language.

## Frequently Asked Questions

**Q: Why is my Elementor display condition not changing on the published page?**
A: Elementor’s editor always shows everything, so the condition only takes effect on the published page. That means a rule can look wrong in the editor even when it works live. The practical check is to open the page in a private window, and if the rule depends on login status, test while logged out. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH applies Display Condition only after publish.

**Q: How do I show different content based on site language in Elementor?**
A: Site language rules are meant for multilingual plugins, where WordPress serves different locales for each version of the page. In Display Condition, choose Site in the Rule tab, then use Is or Not and pick the language you want. This is useful when one language needs a different banner or message, like showing Italiano only on the Italian version. The key detail is that it follows the language WordPress reports for that page.

**Q: How do I target visitors by browser language in Elementor?**
A: Browser language rules look at the visitor’s first preferred browser language, not the site’s translated locale. In Display Condition, choose Browser in the Rule tab, then set Is or Not and select the language. This is useful when you want content to adapt to what the visitor’s browser prefers rather than what your multilingual plugin serves. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses only that first browser language for matching.

**Q: What is the difference between site language and browser language in Elementor display conditions?**
A: Site language reads the exact locale WordPress is serving, such as Italian as it_IT. Browser language reads only the visitor’s first preferred browser language, such as Italian without region data. That difference matters because site rules follow your multilingual setup, while browser rules follow user preference in the browser itself. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH separates those two cases so you can choose the one that matches your content logic.

**Q: What are the limitations of browser-based display conditions?**
A: Browser rules ignore regions and only use the first browser language. That means Portuguese in Portugal and Portuguese in Brazil look identical to this rule set, and a visitor with English first and Italian second is treated as English. It also matters that Display Condition is part of The Plus Addons for Elementor Pro, not the free plugin. Those limits make browser rules good for broad language targeting, not fine-grained regional detection.

**Q: Why does my translation plugin not change the Site rule?**
A: The Site rule follows whatever language WordPress reports for that page, so a translation plugin has to set the locale correctly per language. If it does not change there, Display Condition will keep reading the same site language value. That is why this rule works best with multilingual setups that switch WordPress locale cleanly. For a broader condition setup overview, see [Display Conditions settings overview](/docs/display-conditions-settings-overview/).