robertoiacono

Block Visibility Manager gives you fine-grained control over which blocks support visibility rules in the block editor.
You can conditionally show or hide individual block based on:
<ul>
<li>Time</li>
<li>Date and time</li>
<li>User roles (including guests)</li>
<li>Device type (mobile, tablet, desktop)</li>
</ul>
<h3>Benefits</h3>
<ul>
<li>Show a block only during a limited time (e.g. event banners)</li>
<li>Hide a block for guests</li>
<li>Improve content relevance and scheduling without complex tools.</li>
<li>Keep the editor clean by enabling visibility only where needed.</li>
<li>No performance overhead or custom block lock-in.</li>
<li>100% native: works seamlessly with WordPress Core and Gutenberg.</li>
</ul>
<h3>Features</h3>
<ul>
<li>Time Scheduling – Show or hide blocks between specific times, everyday (based on server time).</li>
<li>Date & Time Scheduling – Show or hide blocks between specific dates with time for granular control, based on UTC+0 timezone. For example you can display a block only on Amazon Prime Days, from 00:00 of the first day to 23:59 of the last day.</li>
<li>User Role Targeting – Restrict visibility based on WP user roles, such as Administrator, Editor, Subscriber, and others — or hide/show blocks specifically for guests (non-logged-in users).</li>
<li>Device-Based Display – Conditionally hide blocks on mobile, tablet, or desktop. his is achieved using fixed CSS media queries, ensuring consistent behavior across themes without relying on JavaScript.</li>
<li>Selective Block Control – Choose which blocks support visibility settings.</li>
<li>Fully Native – Built using core WordPress components and filters only.</li>
</ul>
<h3>Who Is It For?</h3>
<ul>
<li>Content creators who want to show time-sensitive content.</li>
<li>Developers and site builders who prefer native, non-bloated solutions.</li>
<li>Agencies looking to offer clients role-based or scheduled content blocks.</li>
<li>Marketers who need to hide/show promotions or messages dynamically.</li>
</ul>
<h3>Why Use This Plugin?</h3>
Need to:
<ul>
<li>Show a block only during a limited time (e.g. event banners)?</li>
<li>Hide a message from logged-out users?</li>
<li>Disable visibility options on blocks that don’t need them.</li>
<li>Avoid third-party plugins that add extra blocks or scripts?</li>
</ul>
Block Visibility Manager solves these problems cleanly and natively.
<h3>Technical Notes</h3>
No Blocks Added 
This plugin does not add any new blocks. Instead, it extends existing core WordPress blocks using official filters and native UI components, keeping your site fast, lean, and fully compatible with WordPress standards.
Device-Based Visibility 
The hiding functionality for mobile, tablet, or desktop relies purely on CSS using <code>display: none;</code>. No JavaScript is involved. This ensures lightweight and consistent behavior across different themes.
Server-Side Visibility Filtering 
Other visibility conditions (such as time range, date range, or user roles) are enforced server-side. If a block does not meet the defined conditions, it is entirely removed from the rendered HTML output.
Editor Behavior 
Visibility settings currently apply only on the frontend. Blocks remain fully visible in the editor to avoid confusion during content creation. Visibility conditions are not previewed in the block editor at this time.
Block Visibility for WordPress Block Editor 
This plugin is designed exclusively for the WordPress Block Editor (Gutenberg). It does not support other page builders such as Elementor, Beaver Builder, WPBakery, or others.
If you are using a block-based theme or editing content with the native WordPress block editor, this plugin will seamlessly integrate. For other builders, visibility settings will have no effect.

Block Visibility Manager

Control Gutenberg block visibility by user role, device, date, and time. Dynamically show or hide blocks under specific conditions.

Shahidul Islam

wowDevs

Md.Hashib Ali

Responsive Visibility adds block visibility controls to every Gutenberg block. You choose which screen sizes a block shows on, and the plugin hides it on the rest with CSS media queries. There is no custom CSS to write and nothing to configure in your theme. To hide a block on mobile but keep it on desktop, open the block settings in the editor sidebar and switch the device off.
Most visibility plugins give you three fixed sizes. Responsive Visibility lets you define your own custom breakpoints instead, so you can add a widescreen rule for large monitors, a small-phone rule, or whatever your layout needs, and name each one. You manage them on a single settings page, the way Elementor handles breakpoints.
A few things people use it for: hiding a large hero image on phones to cut load time, showing a different call to action on desktop, or keeping a sidebar widget off small screens. Any block becomes a conditional block without a shortcode or a line of code.
For a walkthrough, watch this tutorial:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/g7My09gTghI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>How It Works (3 Steps)</h4>
<ol>
<li>Edit any block in the Gutenberg editor and open the Responsive Visibility panel in the sidebar.</li>
<li>Pick the devices to hide it on — mobile, tablet, desktop, or any custom breakpoint you defined.</li>
<li>Save. The block is hidden on exactly those screens — no custom CSS, no theme edits, no shortcodes.</li>
</ol>
<h4>Why Responsive Visibility?</h4>
<ul>
<li>Unlimited custom breakpoints — not just mobile/tablet/desktop. Define any number of named device ranges and the plugin generates the matching CSS media queries automatically.</li>
<li>Cache-friendly — visibility uses CSS classes and media queries, so every visitor gets the same HTML. It works with any caching plugin and updates live as the screen resizes.</li>
<li>Works with any theme — block themes or classic themes, with no template edits and no dependencies.</li>
<li>Backward compatible — blocks hidden with earlier versions keep working after an update, and your saved breakpoints are not lost.</li>
<li>Built for Gutenberg — controls live in the native block Inspector, right where you already edit.</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>Hide or show blocks by device (desktop, tablet, mobile, and any custom breakpoint)</li>
<li>Visibility Conditions — show or hide blocks by login status, user role, specific user or post, post type, page type, or shortcode, with All/Any logic</li>
<li>Unlimited custom breakpoints — add, rename, reorder, and set pixel widths from Settings → Responsive Visibility</li>
<li>Dynamic CSS generation — pixel values come from your saved breakpoints, never hardcoded</li>
<li>Cache-safe responsive design — CSS-based hiding that survives full-page caching</li>
<li>Per-block control — settings are applied per block, not per page</li>
<li>Seamless Gutenberg integration with native WordPress blocks and most third-party blocks</li>
<li>Improve page experience by hiding unnecessary or heavy elements on smaller screens</li>
</ul>
<h4>Visibility Conditions — Show or Hide Blocks by More Than Device</h4>
Version 1.2.0 adds visibility conditions, so you can hide or show a block based on the visitor or the page, not only the screen size. Add one or more conditions to a block, decide whether all of them or any of them have to match, and set whether a match shows the block or hides it. Conditions run on the server, so a hidden block is left out of the page instead of being hidden with CSS. That keeps member-only conditional content out of the page source where it could otherwise be read.
<ul>
<li>Login status — show member-only blocks to logged-in users, or a sign-up call-to-action only to logged-out visitors.</li>
<li>User role — show or hide blocks by user role: administrator, editor, author, subscriber, customer, or any custom role.</li>
<li>Specific user — personalize a block for one exact user by ID.</li>
<li>Specific post or page — show a block only on a chosen post or page.</li>
<li>Post type — target posts, pages, WooCommerce products, or any custom post type (single view or archive).</li>
<li>Page type — show on the front page, blog, single posts, archives, search results, or the 404 page.</li>
<li>Shortcode — gate a block on any custom PHP logic using a shortcode — a flexible, developer-friendly escape hatch.</li>
</ul>
You can use conditions and device rules together on the same block. Login and role conditions work with caching plugins as long as logged-in visitors get an uncached page, which is the default in most caching setups.
<h4>Ideal For</h4>
<ul>
<li>Content creators who want to hide large or secondary blocks on phones and tablets.</li>
<li>Designers building responsive Gutenberg layouts without writing one-off CSS.</li>
<li>Site owners tailoring what each device sees to boost engagement and speed.</li>
<li>Membership & WooCommerce sites showing content by login status and user role — members, customers, and subscribers see exactly what’s meant for them.</li>
<li>Agencies and developers who need simple, reliable block visibility and conditional content on client sites.</li>
</ul>
<h4>More Plugins by WowDevs</h4>
<ul>
<li><a href="https://wordpress.org/plugins/sky-elementor-addons/" rel="ugc">Sky Elementor Addons</a> — A powerful toolkit of Elementor widgets, extensions, and ready-made templates to build stunning pages faster.</li>
<li><a href="https://wordpress.org/plugins/ultimate-spin-wheel/" rel="ugc">Ultimate Spin Wheel</a> — Gamified spin-to-win wheel that turns visitors into subscribers and sales with fun, interactive discounts.</li>
<li><a href="https://wordpress.org/plugins/blockish/" rel="ugc">Blockish</a> — A collection of beautiful, lightweight Gutenberg blocks to design rich layouts without the bloat.</li>
</ul>
<h3>External Services</h3>
This plugin connects to one external services under the conditions described below. No data is ever sent without a clear user action or explicit opt-in.
<h4>1. Usage Analytics / Data Insights (dashboard.wowdevs.com)</h4>
What it does: Sends non-sensitive plugin usage data to help improve the plugin. This is part of the optional Data Insights program powered by the DCI SDK.
When it connects: Only if you explicitly opt in when prompted. No data is ever sent without your consent. You can opt out at any time from the Sky Addons dashboard.
Data sent: Plugin version, WordPress version, active theme, site language, and similar non-personal environment data. No passwords, user content, or personally identifiable information is transmitted.
Service: wowDevs Data Insights, operated by wowDevs. 
Service URL: https://dashboard.wowdevs.com/ 
Privacy Policy: https://wowdevs.com/privacy-policy/ 
Terms of Service: https://wowdevs.com/terms-and-conditions/

Responsive Visibility — Show or Hide Blocks by Device, Custom Breakpoints & Conditions

Show or hide any Gutenberg block by device, custom breakpoint, or condition — login, user role, post type & more. No CSS, no code.

Block Visibility Manager vs Responsive Visibility — Show or Hide Blocks by Device, Custom Breakpoints & Conditions