---
title: "How to Set Elementor Display Condition Based on Single Page Template?"
url: https://theplusaddons.com/docs/set-elementor-display-condition-based-on-single-page-template/
date: 2023-06-23
modified: 2026-09-11
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Set-Elementor-Display-Condition-Based-on-Single-Page-Template_-1024x536.jpg
word_count: 1599
---

# How to Set Elementor Display Condition Based on Single Page Template?

## 

- Utilizes The Plus Addons for Elementor's Display Condition extension to set visibility rules for single page templates.
- Enables display conditions for specific pages, posts, static pages, post types, and terms using the Rule tab in Elementor.
- Allows customization of content visibility based on conditions like 'Is' or 'Not' for various elements such as headers and sidebars.
- Facilitates dynamic content presentation by applying multiple conditions across different templates and post types.

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](/docs/display-conditions-settings-overview/).*

***Requirement - This extension is a part of The Plus Addons for Elementor. Make sure it is installed and activated.***

[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.*

> **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.

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 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** - The rule passes when the condition is met.

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

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](https://theplusaddons.com/docs/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** - The rule passes when the condition is met.

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

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** - The rule passes when the condition is met.

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

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](https://theplusaddons.com/docs/trigger-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** - The rule passes when the condition is met.

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

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** - The rule passes when the condition is met.

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

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](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-archive-page/).

## Limitations

- **Best in shared templates.** These rules are most useful in a header, footer or single template shared by many pages; on a single page you can simply edit that page.- **Pro only.** Display Condition is not in the free plugin.

## Troubleshooting

### The element shows everywhere

Check the page is published and the rule's **Is**/**Not** choice. The editor ignores conditions, so test on the published page.

## Frequently Asked Questions

**Q: Why isn’t my display condition working on the live page?**
A: Display conditions are applied only on the published page, not in the Elementor editor, so the editor will still show everything. If a rule seems ignored, first confirm the page is published and refresh the live page in a private window. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH also notes that saved changes and the correct template assignment matter, especially for Header, Footer, or Sidebar templates.

**Q: Can I use display conditions for a header or sidebar instead of editing each page separately?**
A: That is the main use case here. The Display Condition extension is meant for shared templates like Header, Footer, Sidebar, or a specific template, so one widget can change based on where it appears. That is why it works well for showing a contact number only on the Contact page header or a lead magnet only in one post’s sidebar. For the full setup overview, see [click here](/docs/display-conditions-settings-overview/).

**Q: What is the difference between Page and Static Page display conditions?**
A: Page targets specific individual pages by name, while Static Page targets WordPress static pages such as Homepage, Blog, and 404 Page. That distinction matters because a homepage rule is usually better handled as Static Page instead of naming a page manually. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses Static Page when you want something like a different logo variant on the homepage only.

**Q: How do I hide an element from logged-in users or private content?**
A: Keep HTML controls whether hidden content is still sent to the browser. When it is on, the element can still exist in page source and is hidden with CSS. Turn it off for private content such as members-only details or prices for logged-in customers so the element is not sent at all. That matters because hidden-by-CSS content is easier to inspect than content that never reaches the browser.

**Q: What should I use if I want one widget to show only on a custom post type?**
A: Post Type is the right rule when you want one widget to apply across all entries of a specific type such as pages, posts, or custom post types. The page gives Book as an example: set Post Type to Book and the widget appears only on that CPT’s posts. If you leave the last field blank, it applies to all post types, which makes it useful for broad template-level rules.

**Q: Can display conditions be used on popup templates too?**
A: Popup templates can use the same Page condition rules as normal widgets. That means you can show a popup on a specific page by applying Page conditions to the popup template itself. For popup setup details, see [Popup Builder — Elementor Widget Settings Overview](https://theplusaddons.com/docs/popup-builder-elementor-widget-settings-overview/) and [How to Trigger a Popup on Page Load in Elementor](https://theplusaddons.com/docs/trigger-popup-on-page-load-in-elementor/).
