--- 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-11 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: 821 --- # How to Set Elementor Display Condition Based on Browser/Site Language? ## - The Plus Addons for Elementor Pro includes Display Condition, and it is off by default until The Plus Addons > Extensions turns it on. - Display Condition appears in the Advanced tab of any Elementor widget, section, or container, not only The Plus Addons widgets. - Site rules read the exact locale WordPress serves, such as Italian (it_IT), while Browser rules read the visitor’s first preferred browser language only. - Keep HTML stays on by default, so unmet elements are still sent to the browser and hidden with CSS; turning it off stops private content from being sent at all. 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 extension is a part of The Plus Addons for Elementor, 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: How do I show different Elementor content based on site language?** A: Site language rules are the right choice when a multilingual plugin changes the WordPress locale for the page. In The Plus Addons for Elementor, POSIMYTH’s Display Condition extension, you set the rule to Site, choose Is or Not, then pick the language such as Italiano. That makes the condition follow the language WordPress is serving, so it is better for translated page variants than browser-based targeting. **Q: How do I target visitors by browser language in Elementor?** A: Browser language rules use the visitor’s first preferred browser language, not the site’s translation setup. In The Plus Addons for Elementor Display Condition, choose Browser under the Rule tab, then use Is or Not and select the language. This is useful when you want content to adapt to a user’s browser preference even if the site itself is multilingual. The catch is that only the first browser language counts. **Q: Why does my translation plugin not change the Site display condition?** A: The Site rule follows the language WordPress reports for that page, so a translation plugin has to set the locale per language for it to change. If it does not, the condition will keep reading whatever locale WordPress is serving. That makes this rule dependable only when your multilingual setup actually switches the page locale, not just visible text. **Q: What are the limitations of browser language conditions in Elementor?** A: Browser rules are coarse by design. They ignore regions, so Portuguese in Portugal and Portuguese in Brazil look the same. They also only use the visitor’s first browser language, which means someone with English first and Italian second is treated as English. In The Plus Addons for Elementor Pro, that makes Browser useful for broad targeting, but not for region-specific personalization. **Q: Do I need The Plus Addons for Elementor Pro to use display conditions?** A: Display Condition is part of The Plus Addons for Elementor Pro and does not exist in the free plugin. It also has to be switched on under The Plus Addons > Extensions before it appears in Elementor’s Advanced tab. That matters because even though it works on any Elementor widget, section, or container, it will not be available until the extension is active. **Q: How can I test Elementor display conditions without getting fooled by the editor preview?** A: The editor always shows everything, so it is a bad place to verify display conditions. Conditions only apply on the published page, which means you should check results in a private window and stay logged out if your rule depends on login status. Also note that Keep HTML is on by default, so hidden elements can still be present in page source unless you turn it off for private content.