Display conditions give you control over which widgets appear on specific pages without building a separate template for each page. You can show a contact number only in the header on the Contact page, display a lead magnet in the sidebar on a specific post, or show a different logo variant on the homepage only.
The Display Condition extension of The Plus Addons for Elementor lets you set different visibility rules for single page templates including pages, posts, post types, and terms. These conditions apply to widgets inside common templates such as headers, footers, and sidebars.
Best Used For:
- Agency and business websites: show a different CTA widget in the header on the Contact page only
- Blog and magazine sites: display a targeted lead magnet in the sidebar on specific posts or categories
- WooCommerce and multi-purpose sites: show a unique banner or widget on the static homepage only
Note: These display conditions should be applied to the content in common templates like Header, Footer, Sidebar or Specific template.
To check the complete feature overview documentation of The Plus Addons for Elementor Display Condition extension, click here.
Requirement – This extension is a part of The Plus Addons for Elementor. Make sure it is installed and activated.
Note: If a display condition does not appear to take effect, confirm that you have saved your changes and refreshed the page. Also verify that the correct template (Header, Footer, or Sidebar) is assigned to the right location in your theme settings.
To add display conditions for single page templates, add any Elementor widget on the page.
1. Go to Advanced > Display Condition.
2. Turn on the Display Condition toggle.
You will now see an option called Keep HTML. Enabling this hides the widget in the frontend when the condition is false, but the element remains in the HTML (DOM). Use this when a script or accessibility requirement needs the element present on the page even when it is not visible.
3. After selecting the appropriate option from the Display When dropdown, go to the Rules section. Here you set the actual display condition. You can add one or multiple conditions.
4. Click on the Rule tab. Here you will find different options under the Single label.
How to Set Elementor Display Condition Based on Pages?
With this option, you can set display conditions for a widget on specific pages of your website.
To set display conditions for specific pages:
1. Select Page from the first dropdown under the Rule tab.
2. In the second dropdown, choose one of two options:
Is – This makes the statement true.
Not – This makes the statement false.
3. In the last field, add the page names.
For example, to show a contact number only in the Contact Us page header, go to the header template and select the widget with the contact number.
After selecting Page from the first dropdown, choose Is from the second dropdown.
Then in the last field, add the Contact Us page.
This shows the contact number only on the Contact Us page.
If you set the option to Not in the second dropdown, it reverses the condition.
Note: You can add multiple pages together.
Display conditions also work on popup templates. To show a popup on a specific page, apply the same Page condition to a popup template. See Popup Builder — Elementor Widget Settings Overview for popup setup details.
How to Set Elementor Display Condition Based on Posts?
This option lets you show or hide a widget based on specific blog posts on your site. Use this when you want to display additional content on a particular post inside a common template such as a sidebar or header.
To set display conditions for specific posts:
1. Select Post from the first dropdown under the Rule tab.
2. In the second dropdown, choose one of two options:
Is – This makes the statement true.
Not – This makes the statement false.
3. In the last field, add the post names.
For example, to offer a lead magnet in the sidebar on a specific post, go to the sidebar template and select the widget with the lead magnet offer.
After selecting Post from the first dropdown, choose Is from the second dropdown.
Then in the last field, add the specific post name.
This shows the lead magnet in the sidebar of that post only.
If you set the option to Not in the second dropdown, it reverses the condition.
Note: You can add multiple posts together.
How to Set Elementor Display Condition Based on Static Pages?
The Display Condition extension of The Plus Addons for Elementor lets you set display conditions based on different static pages of your website such as Homepage, Blog, and 404 Page.
To set display conditions for static pages:
1. Select Static Page from the first dropdown under the Rule tab.
2. In the second dropdown, choose one of two options:
Is – This makes the statement true.
Not – This makes the statement false.
3. In the last dropdown, select your static page.
For example, to show a different version of the logo on the homepage only, go to the header template. You should have both versions of the logo there.
First, select the widget with the normal logo.
After selecting Static Page from the first dropdown, choose Not from the second dropdown.
Then in the last dropdown, select Static Homepage.
This hides the normal logo on the homepage.
Then select the other version of the logo and follow the same process, but choose Is from the second dropdown instead.
This shows the different version of the logo on the homepage only.
Note: Default Homepage is the default homepage set by WordPress itself.
To trigger a popup on page load on a specific static page instead of controlling widget visibility, see How to Trigger a Popup on Page Load in Elementor.
How to Set Elementor Display Condition Based on Post Type?
With this option, you can set display conditions based on different post types such as pages, posts, and custom post types. Use this when you want to show additional content across all entries of a specific post type.
To set display conditions for specific post types:
1. Select Post Type from the first dropdown under the Rule tab.
2. In the second dropdown, choose one of two options:
Is – This makes the statement true.
Not – This makes the statement false.
3. In the last field, add the post type names.
Note: If left blank, it will be applied to all post types.
For example, to show a specific banner in the sidebar of a custom post type called Book, go to the sidebar template and select the image.
After selecting Post Type from the first dropdown, choose Is from the second dropdown.
Then in the last field, add the post type as Book.
This shows the image in the sidebar of all posts in the CPT Book only.
If you set the option to Not in the second dropdown, it reverses the condition.
Note: You can add multiple posts types together.
How to Set Elementor Display Condition Based on Terms?
With this option, you can set display conditions based on terms such as categories, tags, and custom taxonomies. Use this when you want to show additional content for all posts or pages that belong to a specific term.
To set display conditions for terms:
1. Select Term from the first dropdown under the Rule tab.
2. In the second dropdown, choose one of two options:
Is – This makes the statement true.
Not – This makes the statement false.
3. In the last field, add the term names.
Note: If left blank, it will be applied to all terms.
For example, to show an author bio in the sidebar for specific authors of the Author taxonomy, go to the sidebar template and select the widget.
After selecting Term from the first dropdown, choose Is from the second dropdown.
Then in the last field, add the author name.
If you set the option to Not in the second dropdown, it reverses the condition.
Note: You can add multiple terms together.
Also, read How to Set Elementor Display Condition Based on Archive Page Content.
