How to Restrict Elementor Content with PowerPack’s Display Conditions

display conditions elementor restrict content

Table of Contents

Restricting Content with Elementor granularly was not an easy task until now. But now with the Display Conditions feature of PowerPack, you can define when widget or sections appear on your website’s pages. In this article, I will show how you can restrict content on your Elementor website using the PowerPack’s Display Conditions feature.

There are many instances where you don’t want to show your website’s content to the viewers. Instances like running coupons on Specific Dates, Download Links or showing My Account to logged-in users.

In that case, Elementor does not provide a lot of options. If you want to restrict some content of your page or website, you will need PowerPack Addon for Elementor. PowerPack comes with an ingenious tool that allows you to set up rules that can restrict widgets or sections. We will be using this feature in this tutorial and will look at different scenarios where you can use this feature.

By the end of this blog, you will be able to easily restrict content on the elementor pages with the Display conditions feature of PowerPack.

If you do not know how to use this feature, you can follow along with this tutorial or check out this quick guide. If you would rather watch a video, you can check it here:

Restrict Content with Elementor

Here we will take a look at different scenarios where you can benefit from restricting content from your users. We will also look at the steps on how that content can be restricted using PowerPack’s Display Conditions feature.

Let’s dive in!

Scenario 1: Running Limited Time Deals and Offers

If you want to run offers or discounts on your website, you would want them to run on some specific dates or duration, right?

For that, you can enable the Display conditions for the coupon code section and set the condition as “Current Date” and can enter the duration of the dates for which you want to run the deals on your website.

How to do it?

Open the section or widget settings of the page you want to run deals on and go to Advanced > PowerPack settings. Now enable the Display Conditions option and set the first parameter as “Current Date” by selecting it from the dropdown list.

current date restrict content with elementor

Since we want our offer to run on a specific date range, select the days you want to run your deal on.

Doing this will make the element appear only when the condition is met and the offer will automatically hide when the current date exceeds the set date.

Scenario 2: Restricting Content from Logged out Users

If you want to hide some elements on your website from logged out users like the “My Account” button on the header button, or the Profile page, you can do it too. For this, we will be using the Logged in status parameter to restrict the buttons or any other elements.

How to do it?

Like we did earlier, enable the Display Conditions option from the Advanced Settings of the widget/section you want to restrict.

Now select the parameter as “Login status” and set the other two parameters to “is” and “Logged in”

display conditions restrict content by login status

This will make the elements to appear only when the user logs in to the website. Otherwise, the restricted elements will not be displayed.

Scenario 3: Restricting Content on Single Pages

Do you wish to show to not show an element in the footer or a popup on the specific blog pages? You can do that using the Single Pages Condition.

You can make en element/section to appear or not appear on specific pages with this parameter.

How to do it?

For this, enable the display conditions to feature you wish to show or hide. Now set the condition to any singular subcategory. You can select Post, Page, Post Type, or Static Post.

restrict single page content

Once that is done, search and select the single page you want to exclude or exclusively include. This will make the element to show/hide on specific pages.

Scenario 4: Upsell or Display Special offers for Existing WooCommerce Customers

Yes, even this is possible. If you want to do upsell to your eCommerce store customers, you can do it using the User Role parameter for this too.

You can place a section at the bottom of the Cart Page or the products page. Then it will appear only to the existing customers. 

How to do it?

Enable the Display Conditions for the upsells section. You can create this section using the WooCommerce Products widget. Then you can limit the number of products to 2-3 depending on the number of products you want to promote.

user role restrict content elementor

Now select the Condition as “User Role” and setting the parameters to “is” and “customer”. This will make the upsells section to appear only to the existing customers.

Scenario 5: Displaying “Download for iOS/Android” Icons for Respective Operating Systems

If you are customizing a mobile app landing page and want to show an icon to your users depending on the device they are on, you can do it using the “Operating Device” Condition.

The Operating System condition restricts the content based on the OS like Android, Windows, MAC, OpenBSD, or, Linux.

How to do it?

Enable the Display conditions from the Advanced tab for the download link section. Now add the condition as “Operating System” and other parameters as “is” and “android”.

display condition operating system

If you want to show the same section on the iPhone OS as well, you can add another Operating System condition and setting the parameter to “iPhone”. Make sure that you change the “Display on” parameter to “any condition met” to make the section show up when any of the condition is satisfied.

Scenario 6: Restricting Content on the basis of Browser Type

What if you want to restrict some content on the basis of Browser Type. Well, that is possible too. This can be useful when you want to show some content targeted towards that particular browser.

If you have created a landing page for your Chrome addon or Firefox addon, you can restrict the download button automatically and make them appear for the related browsers.

How to do it?

To restrict content with Elementor on the basis of Browser type, enable the PowerPack’s Display conditions for that specific widget or section.

Now select the criteria as “Browser” and set the next parameter to “is”. Now select the browser on which you want to show your content. If you have a chrome extension landing page and want the download link to appear only on the Chrome Browser, you can do it by setting the third field to “Google Chrome”. This way the widget/section will appear only on the chrome browser.

Scenario 7: Hide/Show Content on Specific Post Types

If you have custom post types on your website, you can make an elementor section appear/disappear on it with the Post Type condition. This will remove or display a widget/section on all the pages of that specific post type.

How to do it?

For this, enable the Display Condition for the widget/section. Now select the condition as “Post Type” and then set the next parameter to “is” and then select the post type you want to element to show on.

display conditions elementor

Doing this will show the element only on that post type. This is very useful for displaying sales banners or any other popups only on product pages.

Scenario 8: Showing popups only on Product Archive Pages

Just like Post types, you can restrict content to set archive pages as well. If you want to show discount notifications or “recently bought” popups to boost the sale of the products, you can do that by showing the popups only on archive pages.

How to do it?

This can be done by firstly enabling the display conditions feature for the section. Now select any condition from the Archive category. You can go with Taxonomy, Term, Post Type, Date, Author, or Search.

taxonomy display condition

I am selecting “Taxonomy” from the list and setting the third parameter to “Product categories”. This will make the section to appear only on the product category pages on the website.

Scenario 9: Running Weekly Offers and Discounts

Who doesn’t like Friday freebies or weekend offers? But doing them manually and updating the website every week for deals and freebies can add a considerable amount of work.

With Display Conditions, you can set a rule which will display the content only on specific dates of the week.

With this condition, you can make a content block/section to appear only on the weekends or any other day of the week.

How to do it?

Enable the Display Conditions option for the freebies banner section and set the condition to “Day of Week”. Then set the third parameter to the days to want the deal to show on.

For example, if you wish to show the deals only on Fridays, select Friday from the list and the banner will appear only on Fridays. You can choose multiple days as well.

Scenario 10: Showing Happy Hours Deals

If you are seeing downtime in traffic and conversions on your website during a period on a standard day, you can start running happy hours offers to boost conversion during those hours of the day.

For this, you can use the Time of Day parameter to restrict the content to show daily during those hours.

How to do it?

To do this, enable the Display Condition feature for the happy hours’ information page/banners. Now set the condition to Time of Day and in the third parameter, set the end time of the deal.

Now add another condition and again set the condition to Time of Day. This time set the second parameter as “is not” and in the third field, enter the start time of the deal.

Make sure you add those two conditions so the Display On is set to “All Conditions Met”. This way the banner/info page will appear only on those set hours every day.

More Ideas for Restricting Content using Elementor?

These are just a few examples of how you can restrict the content on your website pages using PowerPack’s Display Conditions feature. You can limit content display on the basis of many more parameters. You can check those parameters in this list of Display Conditions.

Again, if you want to check out the video tutorial for Display Conditions, you can check it here.

Using Multiple Conditions Together!

You can even mix and match multiple conditions for the same elementor as well. For example, if you want to run a deal on a specific date and want to show the deal to only logged out users, you can do it by adding 2 different conditions for Login Status and Date parameters. You can mix and match other conditions as well!

Apart from the Display Conditions feature, you get a lot more with the PowerPack Addon for Elementor. You get 70+ widgets and a loaded library of professionally designed templates that you can use to enhance your elementor workflow.

If you wish to learn more about PowerPack, you can check here.

Do let me know if you found this article useful. Also, tell me which condition you use the most in the comment section below!

Liked this Article? Join 5000+ Subscribers

Get latest Elementor updates, tutorials, and freebies in your inbox. No Spam Guaranteed.
Yashwardhan Rana

Yashwardhan Rana

I am Yash, Content Marketing Head at IdeaBox Creations, we are the makers of PowerPack :) I love good food, gaming and memes. When I am not in front of my laptop, I am either cooking, traveling or attending WordPress meetups.

Leave a Comment

Get 70+ Elementor Widgets with PowerPack Elementor addon

Hours
Minutes
Seconds

Biggest Sale of the Year!
Get up to 50% OFF