Display Conditions
What is Display Conditions Feature in Gutenberg?
The Display Conditions feature in Gutenberg gives you complete control over when and where specific blocks appear on your WordPress website. Instead of showing the same content to every visitor at all times, you can set smart rules—called conditions—that decide whether a block should be visible or hidden.
Requirements to Get You Started
To start using Display Conditions on your WordPress website, you will need to download the following:
Enabling Display Conditions Feature
To enable Premium Display Conditions for Gutenberg on your WordPress website, follow the steps listed below:
Once you enable the display conditions option, you can locate and enable the Display Conditions settings in the Advanced section of the related blocks.
Show/Hide Website Content Based on Specific Conditions
Easily control the visibility of any block, relevant to Premium Blocks plugin, by setting condition rules such as Date, Day, Time, Location, Browser, and more. This helps on giving you full flexibility to decide what your visitors see and when they see it.
Browser
Browser display condition allows you to control content visibility based on the visitor’s web browser, such as Google Chrome, Safari, Firefox, Opera, or Microsoft Edge. This is especially useful when certain features, designs, or messages apply only to specific browsers.
💡 Example: You could show a notice to Safari users if a feature on your website isn’t fully supported in their browser, while hiding that message for everyone else who are using another web browser.
Operating System
The Operating System display condition lets you show or hide content depending on the visitor’s device platform, such as Windows, macOS, Linux, iPhone, iPad, Android, QNX, or OpenBSD. This is useful when you want to deliver OS-specific instructions, promotions, or download links.
💡 Example: You could display a download button for the iOS version of your app only to visitors browsing from iPhones, while showing the Android download link exclusively to Android users.
Day
Day display condition allows you to control block visibility based on specific days of the week. This is perfect for recurring events, weekly promotions, or scheduled content.
💡 Example: You might display a ‘Friday Flash Sale’ banner only on Fridays, or highlight a ‘Sunday Weekly Roundup’ section that appears exclusively on Sundays.
Date
The Date display condition lets you show or hide content on your Gutenberg website based on a specific calendar date. This is ideal for one-time events, announcements, or seasonal messages.
💡 Example: You could display a ‘Happy New Year’ greeting banner only on January 1st, or show a special promotion on your store’s anniversary date.
Date Range
Date Range display condition allows you to control content visibility between a chosen start and end date. This is especially useful for limited-time offers, seasonal campaigns, or event promotions.
💡 Example: On your e-store website, you could show a ‘Back to School Sale’ banner from August 15th until September 1st, after that range the banner will automatically disappear.
Time Range
Time Range display condition lets you display or hide content on your WordPress website within specific hours of the day. This is ideal for time-sensitive messages, business hours notices, or daily promotions.
💡 Example: A restaurant could show a ‘Lunch Special’ offer between 12:00 PM and 3:00 PM, while hiding it outside of those hours.
Location
Location display condition allows you to control block visibility based on the visitor’s location. This is perfect for region-specific messages, local promotions, or country-based content targeting.
Location Detect Method Option: Choose between New or Old detection methods. This setting determines how the system identifies a visitor’s geographical location to apply the location-based condition accurately.
💡 Example: You could display a ‘Free Shipping’ banner exclusively to visitors in Canada, while automatically hiding it for all other countries.
8. Login Status
Login display condition lets you show or hide content based on whether a visitor is logged in or not. This is ideal for displaying exclusive content to logged-in users or prompting guests to log in or register.
💡 Example: Show a ‘Welcome back!’ message to logged-in users, while displaying a ‘Sign in to access more features’ prompt to visitors who aren’t logged in.
Role
Role display condition allows you to control block visibility based on the user’s role in WordPress. This is useful for displaying personalized content to specific user groups such as Administrators, Editors, Author, Subscribers, or custom roles.
💡 Example: Show a ‘Manage Site Settings’ link only to Administrators, while hiding it from other user roles.
Returning Visitor
Returning Visitor display condition allows you to show or hide content based on whether a visitor has previously visited your website. This is perfect for showing special messages to return visitors, like a welcome back message or a discount offer.
💡 Example: You could display a ‘Welcome back! Enjoy 10% off’ banner to returning visitors, while showing a ‘First time here? Sign up for updates’ message to new users.
Site Language
Site Language display condition allows you to control block visibility based on the active language of your website. This is useful for multi-language websites where you want to display different content for different language versions.
💡 Example: You might display a ‘Contact Us’ button for the English version of your site, and a ‘Contáctanos’ button for the Spanish version.
Post
Post display condition lets you display or hide content based on the current post being viewed. This is helpful when you want to display specific content only on certain post.
💡 Example: You could display a special offer banner only on your ‘Product Launch’ post, and hide it from all other posts.
Post Type
Post Type display condition allows you to control block visibility based on the type of content being viewed, such as posts, pages, or any custom post types. This is ideal for displaying exclusive content across different content types on your site.
💡 Example: Show a promo banner only on blog posts, and hide it on pages or other custom post types.
Post Format
Post Format display condition lets you show or hide content based on the format of the post being viewed, such as standard, gallery, video, or quote. This helps you customize content visibility depending on how your posts are presented.
💡 Example: You could display a ‘Watch Now’ button only on posts with the video format, and hide it on other formats.
Page
Page display condition allows you to control block visibility based on the specific page a visitor is viewing. It’s useful when you want certain blocks to appear only on selected pages of your website.
💡 Example: You could display a ‘Subscribe Now’ section only on the Home and Blog pages, and hide it from others.
Website Static Pages
Website Static Pages display condition lets you show or hide content specifically on static pages of your website—those pages that don’t change often, like About Us, Contact, or Services. This helps you target content to these key pages separately from blog posts or dynamic content.
💡 Example: You might display a ‘Meet the Team’ section only on your About Us page, while keeping it hidden on other parts of your site.
Keep in mind: Certain cache plugins can conflict with your display conditions.
Conclusion
The Display Conditions feature in Premium Blocks for Gutenberg allows you to create dynamic and personalized content. By allowing you to show or hide any block based on a variety of conditions. Whether you’re building a membership site, customizing content for different user segments, targeting visitors from specific marketing campaigns, or even adjusting content based on the language or device used, Display Conditions make your Gutenberg blocks more versatile and impactful.
Have a question or need assistance? Premium Blocks dedicated support team is here to help! Explore our contact options to ensure you get the support you need. We’re committed to making your Gutenberg website-building experience seamless and resolving any queries you may have.
Leap13 is a WordPress-focused web development firm specializing in building premium WordPress themes and plugins.
Subscribe to our newsletter and be the first to know our latest updates!
Copyright © 2026 | Built With ❤️ Using Kemet WordPress Theme and Premium Blocks