How to Set Display Conditions on Elementor

Controlling what your visitors see based on different conditions can make your website more dynamic and engaging. The Display Conditions extension in Master Addons for Elementor lets you show or hide sections, columns, or widgets based on factors like user role, login status, date, time, device type, and more.

With this feature, you can personalize content, display limited-time offers, or restrict access to specific users—all without coding!

In this guide, we’ll explore how to use the Display Conditions extension effectively to optimize your Elementor website.

The Elementor Conditional Display by Master Addons provides a way to create conditions on your Elementor editor that will determine what your visitors see. This extension can be used to display or hide different types of content based on the visitor’s behavior.

Enable Display Conditions in Master Addons

Before using the display condition for Elementor extension, ensure it’s enabled in the Master Addons settings:

Go to your WordPress Dashboard.
Navigate to Master Addons → Extensions.
Find Display Conditions and toggle it ON.
Click Save Settings.

How to Apply Display Conditions in Elementor

Once enabled, you can apply Display Conditions to any section, column, or widget in Elementor:

Open any page or post with Elementor Editor.
Select the section, column, or widget where you want to apply conditions.
In the Advanced tab, scroll down to find the Display Conditions panel.
Toggle “Display Conditions” to yes and choose from the available options.
Set your preferred condition (e.g., Show only for logged-in users).
Click Update to save changes.

Display Conditions Rules

After enabling Display Conditions you will see “Display On” and “Add Item” option. You can add as many conditions as you need and also select “All Conditions meet” or “Any conditions meet” from Display option.

All Conditions Meet: If you select this option, then your content will be only visible to those visitors who will meet every condition that you’ve defined. If any visitor failed to fulfill the criteria of your conditions, then he is unable to check your content.

Any Conditions Meet: If your visitors fulfill at least one condition of your list, then your content will be visible to their device.

Create Dynamic Conditional Page

Master Addons developed some awesome conditions like Login Status, User role, Browser, OS, Time Range, Time of Day, Day of Week, and so on. Explore Master Addons Plugin to learn More.

Understanding the Condition Categories

The Display Conditions extension in Master Addons offers a variety of rules to control content visibility. You can set conditions based on user status, date and time, page type, and more. Let’s break down each category and its practical uses.

Visitor-Based Conditions

These conditions control content based on the visitor’s status or device.

Login Status – Show or hide content based on whether a user is logged in or logged out.
Example: Display a “Sign Up” button only for logged-out users.
User Role – Restrict content to specific roles like Admin, Editor, or Subscriber.
Example: Show exclusive tutorials only to paying members.
Operating System – Display different content for Windows, macOS, Linux, etc.
Example: Offer a macOS-specific download link to Mac users.
Browser – Customize content based on Chrome, Firefox, Safari, etc.
Example: Show a notice to update the browser if using an outdated version.

Date & Time Conditions

These conditions help schedule content visibility based on time.

Date Range – Set a start and end date for content visibility.
Example: Display a holiday sale banner only from Dec 1 to Dec 25.
Time of Day – Show content at specific times of the day.
Example: Offer a “Morning Deal” that appears only from 6 AM to 12 PM.
Day of the Week – Display content on specific days.
Example: Promote a “Weekend Special” only on Saturdays and Sundays.

Single Page/Post Conditions

Control content visibility based on individual pages or post types.

Page – Show or hide content on specific pages.
Example: Display a contact form only on the “Contact Us” page.
Post – Apply conditions to specific blog posts.
Example: Show a related product offer only on certain blog articles.
Static Page – Target static pages like Home, About, or Landing Pages.
Post Type – Apply conditions to different post types (Blog Posts, WooCommerce Products, Custom Post Types, etc.).
Example: Show a “Buy Now” button only on product pages.

Archive-Based Conditions

These conditions affect content visibility on archive pages like category pages, search results, and author archives.

Taxonomy – Show or hide content based on categories or tags.
Example: Display a “Tech News” banner only on posts in the “Technology” category.
Term – Target specific terms within a taxonomy.
Post Type – Display content on archives of blog posts, products, or custom post types.
Date – Show content on archive pages of posts published on a specific date.
Author – Display content on posts written by a specific author.
Example: Show a “Meet the Author” section only on articles by a guest blogger.
Search – Customize content for search result pages.
Example: Display a “No Results Found” message if a search query has no matches.

Practical Use Cases

The Display Conditions extension in Master Addons lets you personalize your Elementor website by controlling when and where content appears. Here are some practical ways to use this feature effectively.

Personalized User Experience

Display different content based on the visitor’s login status or user role.

An important thing to note is that: When you enable “Conditional Display” from advanced tab, it sets a login status condition by default.

For example, lets say you want to show a “Welcome Back!” message for logged-in users.

Conversely, display a “Sign Up Now” button for visitors who aren’t logged in.

Similarly, you can also set display conditions based on user role. Just pick “User Role” from conditions and select the specific user role you want the element to appear for or not appear for. Simple!

Limited-Time Offers & Seasonal Promotions

Schedule special offers and announcements using the Date Range condition.

For example, you can display a Black Friday sale banner only from November 20 to November 30.

Dynamic Content Based on Time of Day

Optimize user engagement by displaying different content at different times.

For example, A food delivery website can show a “Breakfast Menu” in the morning and a “Dinner Specials” section in the evening.

Just pick “Time of Day” in the conditions. Now you’ll see a field that reads “Before”. To set the time for the breakfast menu just type in 12:oo PM.

The breakfast menu will show till 12:00 PM.

You can set the lunch menu to show till 8:oo PM and dinner menu till 11:00 PM.

Optimizing Desktop and OS Experiences

With the help of Elementor Conditional display extension, you can define which content will be visible on different browsers. At present, there are 6 browser IE, Firefox, Chrome, Safari, Opera, Opera Mini available to set conditions.

All you have to do is select “Browser” as a Condition then select the browser name. In this way, you can display your content on the selected browser.

You can use this condition to hide large images or animations on mobile devices for faster loading times.

Or, display a Safari-specific message if a feature works best on Chrome or Firefox.

With the Display Condition extension you can also showcase specific content based on visitor’s OS. There are a total of 11 OS available for the Condition. Which is enough to create a Dynamic OS based webpage.

iPhone, Windows, OpenBSD, Linux, Safari, Mac OS, QNX, BeOS, OS/2, and Search Bot – select your desired OS as condition and then define whether you like to showcase content for this OS or hide content for this OS.

These are but a few use cases we’ve touched on.

To check out first hand how to use this extension, you can also watch the Conditional Display Extension video to learn more about it.

There are many more things you can do with this extension. For example, you can display content dynamically for different posts, pages and even post types. For this you need to work with Elementors header & footer builder but we’ll discuss that on a separate post. Stay tuned!