--- title: "Display Conditions Settings Overview" url: https://theplusaddons.com/docs/display-conditions-settings-overview/ date: 2023-06-22 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "When building a dynamic website in Elementor, display conditions can play an important role. Display conditions allow you to control how, when, and where your content is displayed. They give..." image: https://theplusaddons.com/wp-content/uploads/2023/06/Display-Conditions_-Settings-Overview-1024x536.jpg word_count: 1930 --- # Display Conditions Settings Overview ## - The Plus Addons for Elementor Pro requires the Display Condition extension to be installed, activated, and turned on under The Plus Addons → Extensions, because it is off by default. - Display Condition works on every Elementor widget and adds rules in Advanced > Display Condition, with Keep HTML on by default and a toggle that removes private content from the browser when turned off. - Display When offers two logic modes, All Rules are True and Any one Rule is True, and each rule also supports an Is or Not choice. - Visitor, Date & Time, Single, Archive, Language, URL, Shortcode, WooCommerce, and ACF rules cover specific targets such as login status, current date ranges like 25th Dec to 1st Jan, search archives, browser language, UTM parameters like ?utm_source=email, cart subtotal, and ACF text fields. - Good to Know notes that the editor ignores conditions, rules run on the server, cached pages show whatever was true when cached, and date and weekday rules use UTC while time-of-day rules use the site timezone. When building a dynamic website in Elementor, display conditions can play an important role. Display conditions allow you to control how, when, and where your content is displayed. They give you the flexibility to show different pieces of content to different audiences or even hide content from specific users. Knowing which display conditions to use and how to apply them can make all the difference in your website's overall design and usability. But Elementor has a very limited option for setting up good display conditions on your Elementor website. For this, you can use the powerful Display Condition extension from The Plus Addons for Elementor. It offers a whole list of options to set up complex display conditions on your website. ***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) ## Required Setup - [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated. - This is a Premium feature, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Display Condition extension is activated. To verify this, go to The Plus Addons → Extensions and turn on Display Condition. It is off by default. ## Learn via Video Tutorial: https://www.youtube.com/embed/xn9vPYHbogI ## How to Activate the Display Condition Extension? Go to  - **The Plus Addons **→** Extensions ** - **Search **the extension name and **turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2023/06/Tpae-Display-Condition-Activate.png) ## Key Features - **Multiple display conditions** - You can set multiple display conditions together on a widget, combining login status rules with date and time conditions. - **User based condition **- You can easily set different display conditions based on the user status, like login, browser, location, and more.  - **Date and Time based** - You can set display conditions based on different dates and times.  - **Single page based **- You can target different single page templates to set visibility conditions on different widgets. - **Archive page based** - You can target different archive page templates to set display conditions for your content. - **Language based** - Set visibility condition based on the site or browser language. - **Shortcode based** - You can show or hide content using the shortcode value. - **URL based** - You can set display conditions based on the current page address or its query parameters. - **Display condition for Woocommerce** - You can specifically set different display conditions for Woocommerce. - **Display condition for Custom fields** - You can target different custom fields from plugins like ACF, JetEngine, Meta Box, etc., to set different display conditions. ## How to Use the Elementor Display Conditions? Once the Display Condition extension is activated, you can use it with all Elementor widgets. So add any Elementor widget on the page. 1. Go to **Advanced** > **Display Condition**.  2. Turn on the **Display Condition** toggle. ![The Display Condition switch turned on in Advanced > Display Condition](https://theplusaddons.com/wp-content/uploads/2026/09/tpae-the-display-condition-switch-turned-on-in-advanced-display-condition.webp) 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. Then from the **Display When** dropdown, you have to choose when the display conditions are applied. Here you’ll find two options - **All Rules are True** - In this option, whichever rules you’ve set in the Rules section have to be true for the display condition to work. **Any one Rule is True** - In this option, any one rule has to be true for the display condition to work. Then in the **Rules** section, you have to set the actual display condition. You can have one or multiple conditions/rules. To set the rule, click on the **Rule** tab. You’ll find different options to set your display condition in the **Rule** dropdown. **Visitor**: This sets [display rules based on the different statuses of a visitor](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-login-status/). - **Login Status** - Based on the user’s login status. Like Logged In or Logged Out. - **User Role** - Based on different [WordPress user roles](https://wordpress.org/documentation/article/roles-and-capabilities/). Like Administrator, Editor, etc.  - **Operating System** - Based on the user’s operating system. Like Windows, Mac OS, Linux, etc.  - **Browser** - Based on the user’s browser. Like Google Chrome, Mozilla Firefox, etc. - **Location** - Based on the user’s location. Like the United States, the United Kingdom, etc. **Date & Time**: This sets [display rules based on date and time](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-date-time/). - **Current Date** - For targeting a specific date range. Like 25th Dec to 1st Jan. - **Time of Day** - For targeting a particular time of the day. Like 11:59 pm. - **Day of Week** - For targeting a specific day of the week. Like Monday, Friday, etc. - **Time Range** - For targeting a specific time range. Like 10 pm to 12 pm. **Single**: This sets [display rules on single page templates](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-single-page-template/). - **Page** - For different pages of the site. Like About Us, Contact Us, etc. - **Post** - For different posts on the site. Like different blog posts. - **Static Page** - For different static pages. Like Home Page, Blog Page, 404 Page, etc. - **Post Type **- For different post types like Pages, Post,s etc. - **Term** - For different terms like Categories, Tags, etc. Like Clothing, Fashion, etc., for a Clothing website.   **Archive**: This sets [display rules on archive templates](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-archive-page/). Like Search Page, post category listing page, and so on. - **Taxonomy** - For different taxonomies like Category, Tags, etc., of an archive template. - **Term** - For different terms of Categories, Tags, etc., of an archive template. - **Post Type**- For different post types like Pages, Posts, etc., of an archive template. - **Date**- For different date archive templates. - **Author**- For the author archive templates. - **Search** - For the search archive template. **Language**: This sets [display rules based on different languages](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-browser-site-language/). - **Site** - For the language of the website. Like Spanish, Italian, etc., set in General Settings of WordPress - **Browser** - For the language of the user's browser. Like Spanish, Italian, etc. **URL**: This sets [display rules based on the URL](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-url-string-or-parameters/) users are coming from. - **String** - For specific URL string. Like https://domain.com/product - **Parameter** - For UTM-based URL. Like https://domain.com/?utm_source=email **Shortcode**:  - **Shortcode** - This sets [display conditions based on a shortcode](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-shortcode/). If you’ve created your own shortcode to show content, you can manage the visibility using this option. This is for advanced users only. Like [my_shortcode] If you are using Woocommerce, then you’ll find some dedicated display conditions for it. **Woocommerce**: This sets [display rules specifically for Woocommerce](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-woocommerce-product/). - **Woo: In Cart Product Category** - Based on the category of the product added to the cart. - **Woo: In Cart Product Tag** - Based on the tag of the product added to the cart. - **Woo: Cart Subtotal** - Based on the cart subtotal (before discount, tax, and shipping, etc.). - **Woo: Cart Total** - Based on the cart total (after discount, tax, and shipping, etc.). - **Woo: Items in Cart** - Based on the number of items added to the cart. - **Woo: Purchase Order Total** - Based on the total order value of a customer. - **Woo: Purchase Date** - Based on a buyer's purchase date. - **Woo: First Purchase Date** - Based on a buyer's first purchase date. - **Woo: Last Purchase Date** - Based on a buyer's last purchase date. - **Woo: In Purchase Product Category** - Based on the category of a product bought previously. - **Woo: In Purchase Product** - Based on a product bought previously. - **Woo: Order(s) Placed** - Based on the number of orders placed previously. - **Woo: Current Product Category** - For product page based on the product category. - **Woo: Current Product Price** - For product page based on the price of a product. - **Woo: Current Product Stock** - For product page based on the stock of a product. - **Woo: Cart Product** - Based on a product added to the cart. - **Woo: Last Order Billing City** - Based on the buyer's billing city in the last order. - **Woo: Last Order Billing State** - Based on the buyer's billing state in the last order. - **Woo: Last Order Billing Country** - Based on the buyer's billing country in the last order. - **Woo: Last Order Billing Postcode** - Based on the buyer's billing postcode in the last order. - **Woo: Last Order Shipping City** - Based on the buyer's shipping city in the last order. - **Woo: Last Order Shipping State** - Based on the buyer's shipping state in the last order. - **Woo: Last Order Shipping Country** - Based on the buyer's shipping country in the last order. - **Woo: Last Order Shipping Postcode** - Based on the buyer's shipping postcode in the last order. If you are using Advanced Custom Fields (ACF), you’ll find additional display condition options for its fields. **AFC**: This sets display rules for the Advanced Custom Fields. - **ACF: Text Fields** - For different ACF text fields (includes text, number, range, email, url, password, and text area). - **ACF: Selection** - For different ACF select elements like select, radio button, and checkbox. - **ACF: Button Group** - For ACF buttons. - **ACF: Boolean** - For ACF boolean value (True or False). - **ACF : Date / Time** - For ACF date and time. - **ACF: Post** - For ACF Post. - **ACF: Taxonomy** - For ACF taxonomy. > *Note: If you are using some other dynamic custom fields plugins like JetEngine, Metabox or Toolset, you’ll get relevant display condition options.* Then you can make the status true or false by choosing **Is** or **Not** from the dropdown below. You'll get relevant dropdown options based on the selected option in the **Rule** dropdown. Select the appropriate option to set the condition. You can add multiple rules by clicking on the **+Add Items** button. ## What is Keep HTML? **Keep HTML** 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 remains in the page source. Turn it off and the element is not sent at all — the right choice for anything private. This will allow web crawlers like Googlebot to crawl the content from HTML even if it is not visible. But if you want to remove the content altogether, then you can turn off the option. For example, we have a title widget with the **Keep HTML** option enabled, and the display condition is false.  ![Keep HTML turned on in Advanced > Display Condition](https://theplusaddons.com/wp-content/uploads/2026/09/heading-keep-html-wide-section.webp) If we check the HTML code in the Inspect Element, we can see the title in the HTML. Now if we turn off the **Keep HTML** option and then check the HTML code, it will not be there in the code. ## How Rules Are Combined | Display When | The element shows when | | ------------ | ---------------------- | | All Rules are True (default) | every rule in the list passes | | Any one Rule is True | at least one rule passes | Each rule has an **Is** / **Not** choice. **Not** reverses that one rule. ![The Display Condition section with Keep HTML and Display When on the Advanced tab](https://theplusaddons.com/wp-content/uploads/2026/09/heading-keep-html-wide-section.webp) ## Good to Know - **Pro only, and off by default.** Turn it on under The Plus Addons > Extensions.- **Works on every Elementor element.** It is added to the Advanced tab of widgets, sections and containers.- **The editor ignores conditions.** Check the published page, in a private window.- **Rules run on the server.** A cached page shows whatever was true when it was cached — exclude pages with visitor-specific rules from page caching.- **Keep HTML leaves hidden content in the page source.** Turn it off for private content.- **Date and weekday rules use UTC** in the current version; time-of-day rules use the site timezone. See [date and time conditions](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-date-time/). ## Condition Guides - [Visitor: login status, role, OS, browser, location](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-login-status/)- [Date and time](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-date-time/)- [Single pages and posts](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-single-page-template/)- [Archive pages](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-archive-page/)- [Site and browser language](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-browser-site-language/)- [URL string and parameters](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-url-string-or-parameters/)- [Shortcode output](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-shortcode/)- [WooCommerce cart, orders and products](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-woocommerce-product/)- [ACF, JetEngine, Toolset and PODS fields](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-dynamic-custom-fields/) ## Frequently Asked Questions **Q: Why are my Elementor display conditions not showing on the page?** A: The most common miss is leaving the Display Condition extension off. It is a Pro feature in The Plus Addons for Elementor, and it is off by default until you enable it under The Plus Addons → Extensions. Another gotcha is that the editor ignores conditions, so the real test is the published page, ideally in a private window. If caching is involved, server-side rules can show stale results until the cache updates. **Q: How do I hide content from logged-out users in Elementor?** A: The Visitor rule is built for that kind of gatekeeping. It lets The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH apply display rules based on login status, user role, browser, operating system, and location. For login-based visibility, use Logged In or Logged Out under Visitor. That matters because it lets you show different content to members without changing the whole page layout. **Q: Should I keep HTML on for private content in display conditions?** A: Keep HTML should stay off for anything private. When it is on by default, hidden elements are still sent to the browser and only concealed with CSS, which means their content can still appear in the page source. Turning it off removes the element from the output entirely. That makes it the safer choice for members-only details or prices meant only for logged-in customers. **Q: Can I combine multiple Elementor display conditions on one widget?** A: Multiple rules can be stacked on a single widget, which is useful when visibility depends on more than one factor. The Display When setting gives you two modes: All Rules are True or Any one Rule is True. That choice changes whether every rule must pass or just one. Each rule also has an Is / Not option, so you can reverse a condition instead of building a separate rule. **Q: What kinds of dynamic content can display conditions target?** A: The condition system goes well beyond simple login checks. The Plus Addons for Elementor supports rules for date and time, single pages, archive templates, language, URL strings and parameters, shortcode output, WooCommerce data, and custom fields from tools like ACF, JetEngine, Meta Box, Toolset, and PODS. That makes it useful when visibility needs to follow content structure instead of just user status. **Q: What should I know before using Elementor display conditions on a live site?** A: Three things matter most: it is Pro only and off by default, the editor does not evaluate conditions the same way as the live page, and server-side rules can be affected by caching. Date and weekday rules use UTC in the current version, while time-of-day rules use the site timezone. Those details matter because they explain why a rule may look right in editing but behave differently after publishing.