--- title: "Display Conditions Settings Overview" url: https://theplusaddons.com/docs/display-conditions-settings-overview/ date: 2023-06-22 modified: 2026-09-11 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: 1905 --- # Display Conditions Settings Overview ## - The Plus Addons for Elementor Display Condition extension is a Pro-only feature, and it is off by default until it is turned on under The Plus Addons → Extensions. - Keep HTML stays on by default, so hidden elements are still sent to the browser and remain in the page source unless it is turned off for private content. - Display When offers two modes, All Rules are True and Any one Rule is True, so an element shows only when every rule passes or when at least one rule passes. - Visitor rules cover login status, user role, operating system, browser, and location, while Date & Time rules cover Current Date, Time of Day, Day of Week, and Time Range. - WooCommerce and ACF add dedicated conditions, including cart subtotal, cart total, items in cart, purchase date, current product price, current product stock, and ACF text fields, selection fields, button group, boolean, date/time, post, and taxonomy. 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. [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 isn’t the Display Condition extension working in Elementor?** A: The usual blocker is that the extension is still off. Display Condition is a Premium feature in The Plus Addons for Elementor, and it is disabled by default under The Plus Addons → Extensions. It also depends on Elementor FREE being installed and activated, plus The Plus Addons for Elementor being installed and activated. If the widget still ignores conditions, remember the editor can ignore them, so test the published page in a private window. **Q: How do I hide Elementor content from logged-out users or specific visitors?** A: Visitor-based rules are built for that kind of targeting. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH lets you set display rules by login status, user role, operating system, browser, and location. That makes it useful when one audience should see different content than another. For a focused walkthrough on login-based targeting, see [display rules based on the different statuses of a visitor](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-login-status/). **Q: What is Keep HTML in Elementor display conditions?** A: Keep HTML controls whether hidden content still exists in the page source. When it is on by default, an element that fails its condition is still sent to the browser and hidden with CSS, so crawlers like Googlebot can still read it from HTML. Turn it off for private content such as members-only details or logged-in customer prices, because then the element is not sent at all. **Q: How are multiple Elementor display conditions combined?** A: The combination logic matters because it changes whether all rules must pass or only one. Display When offers two modes: All Rules are True means every rule in the list has to pass, while Any one Rule is True means a single passing rule is enough. Each rule also has an Is / Not choice, so one rule can be flipped without rewriting the whole setup. **Q: Can I use Elementor display conditions with WooCommerce product pages and cart data?** A: WooCommerce gets its own condition set in The Plus Addons for Elementor. That includes cart product category, cart subtotal, cart total, items in cart, purchase order total, purchase date, first purchase date, last purchase date, current product category, current product price, current product stock, and several last-order billing and shipping fields. That makes it practical for showing different content based on what a shopper bought or what is currently in the cart. **Q: What’s the best way to use display conditions with custom fields in Elementor?** A: Custom field targeting is strongest when you already store structured data in plugins like ACF, JetEngine, Meta Box, Toolset, or PODS. The Plus Addons for Elementor includes condition options for ACF fields such as text fields, selection fields, button group, boolean values, date/time, post, and taxonomy. That lets you show or hide content based on real field values instead of hardcoding separate templates.