Block Visibility vs Responsive Visibility

Easily create dynamic content in WordPress that will increase conversions, enhance the user experience, and improve your workflow. With this no-code solution, control which blocks are visible on your website and who can see them. Schedule content to show or hide at a specific time. Display exclusive promotions to your customers or members. Restrict blocks to specific user roles, screen sizes, query strings, WooCommerce products, EDD downloads, ACF fields, WP Fusion tags, and more. Block Visibility is built exclusively for the WordPress Editor (Gutenberg) and is designed to work with any WordPress block. This includes blocks natively provided by WordPress, third-party blocks, and even block-based widgets. Create Conditional Blocks in Seconds! Work directly in the WordPress Editor with blocks you’re already familiar with. There is no external editor or new interface to learn. In seconds, you can transform static blocks into conditional and personalized content. It takes just 3 simple steps: Create your content using any WordPress block. Select the desired visibility conditions. Save the page/post and marvel at the results! Packed With Features Visibility Controls determine whether a block should be visible to users on the front end of your website. Features include: Hide blocks from all users. Schedule when content should be visible using a start and end date/time. Conditionally display blocks based on screen size (Desktop, Tablet, Mobile, and more) Only show blocks to logged-in users. Only show blocks to logged-out users. Only show blocks to users with specific roles (Administrator, Subscriber, Customer, Member, etc.) Only show blocks to specific users. Great for personalization. Show or hide dynamic blocks based on URL query strings. Great for marketing campaigns! Show or hide blocks based on their location and “attributes” of their location (post type, taxonomy, archive, etc.) Display blocks based on a website visitor’s referral source (domain/URL). Support for all post and user metadata (custom fields). Display blocks based on HTML cookies. WooCommerce: Show or hide blocks based on products, cart contents, customer purchase history, and more. Advanced Custom Fields (ACF): Control the visibility of block content based on ACF fields. Easy Digital Downloads: Show or hide blocks based on downloads, cart contents, customer purchase history, and more. WP Fusion: Combine Block Visibility with the power of WP Fusion to conditionally show or hide content based on data from your favorite CRM or marketing automation platform. PLUS: Powerful Settings allow you to customize Block Visibility to your needs or those of your clients. Visibility Presets allow you to control multiple blocks at once. Globally disable any visibility control. Restrict visibility controls to specific block types. Set permissions so only certain users have access to visibility conditions. Configure up to 4 different breakpoints to optimize the screen size controls. Disable contextual indicators and other plugin utilities. Customize the contextual indicator color to enhance theme compatibility. Enable Full Control Mode 🚀 (See the FAQs). Remove all plugin settings on uninstall. Why Do I Need This? While there are countless applications for conditional blocks, here are a few examples to get you started: Use as a content management tool. Hide new blocks while working on them, but keep the page published. Temporarily hide seasonal content on your website rather than having to delete it. Schedule time-sensitive promotional content or event information to display automatically. Show or hide specific content on desktops, tablets, or mobile devices. Restrict content so it’s only visible to your customers, members, or subscribers. Display messaging to logged-out users, encouraging them to subscribe to your blog. Create unique marketing campaigns using query string parameters to display personalized messaging (See it in action) Conditionally display elements in the Site Editor using advanced visibility logic. Increase visitor engagement and conversions with dynamic content and personalization. Why Choose Block Visibility? 1. Easy to Use Block Visibility is the easiest way to create conditional blocks in WordPress. All with no code and just a few clicks! 2. A Balance of Power and Simplicity Block Visibility is for you whether you’re building a sophisticated time-based promotional campaign for your customers or need to hide a few blocks on mobile. Don’t need certain functionality? Toggle it off in the plugin settings. 3. Helpful Support and Continuous Development Block Visibility is designed, developed, and supported by Nick Diego with contributions from the broader Block Visibility community. Have an idea for additional block logic? Let us know in the plugin support forum. Knowledge Base (Documentation) Support Forum For an unbiased review, the plugin was featured on WordPress Tavern. Plays nice with others Block Visibility is designed to work with any block and is tested with these top block libraries and plugins. Compatibility + Direct Integration WooCommerce Advanced Custom Fields Easy Digital Downloads WP Fusion Stay Connected Stay up-to-date on Block Visibility using the links below. The plugin is also being developed transparently on GitHub, so give it a star and follow along! 😉 Plugin Website Knowledge Base YouTube Channel Follow on Twitter View on GitHub

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: How It Works (3 Steps) Edit any block in the Gutenberg editor and open the Responsive Visibility panel in the sidebar. Pick the devices to hide it on — mobile, tablet, desktop, or any custom breakpoint you defined. Save. The block is hidden on exactly those screens — no custom CSS, no theme edits, no shortcodes. Why Responsive Visibility? 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. 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. Works with any theme — block themes or classic themes, with no template edits and no dependencies. Backward compatible — blocks hidden with earlier versions keep working after an update, and your saved breakpoints are not lost. Built for Gutenberg — controls live in the native block Inspector, right where you already edit. Key Features Hide or show blocks by device (desktop, tablet, mobile, and any custom breakpoint) Visibility Conditions — show or hide blocks by login status, user role, specific user or post, post type, page type, URL query param, or shortcode, with All/Any logic Unlimited custom breakpoints — add, rename, reorder, and set pixel widths from Settings → Responsive Visibility Dynamic CSS generation — pixel values come from your saved breakpoints, never hardcoded Cache-safe responsive design — CSS-based hiding that survives full-page caching Per-block control — settings are applied per block, not per page Seamless Gutenberg integration with native WordPress blocks and most third-party blocks Improve page experience by hiding unnecessary or heavy elements on smaller screens Visibility Conditions — Show or Hide Blocks by More Than Device Visibility Conditions let you hide or show a block based on the visitor, the page, or the current request URL. Add one or more conditions to a block, choose whether all of them or any of them must match, and decide whether a match shows the block or hides it. Conditions run on the server, so hidden content is removed before the page is sent. Login status — show member-only blocks to logged-in users, or a sign-up call-to-action only to logged-out visitors. User role — show or hide blocks by user role: administrator, editor, author, subscriber, customer, or any custom role. Specific user — personalize a block for one exact user by ID. Specific post or page — show a block only on a chosen post or page. Post type — target posts, pages, WooCommerce products, or any custom post type (single view or archive). Page type — show on the front page, blog, single posts, archives, search results, or the 404 page. URL Query Param — show or hide blocks by request data like preview, utm_source=google, or utm_source IN [google, yahoo]. Shortcode — gate a block on any custom PHP logic using a shortcode — a flexible, developer-friendly escape hatch. 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. Ideal For Content creators who want to hide large or secondary blocks on phones and tablets. Designers building responsive Gutenberg layouts without writing one-off CSS. Site owners tailoring what each device sees to boost engagement and speed. Membership & WooCommerce sites showing content by login status and user role — members, customers, and subscribers see exactly what’s meant for them. Agencies and developers who need simple, reliable block visibility and conditional content on client sites. More Plugins by WowDevs Sky Elementor Addons — A powerful toolkit of Elementor widgets, extensions, and ready-made templates to build stunning pages faster. Ultimate Spin Wheel — Gamified spin-to-win wheel that turns visitors into subscribers and sales with fun, interactive discounts. Blockish — A collection of beautiful, lightweight Gutenberg blocks to design rich layouts without the bloat. External Services 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. 1. Usage Analytics / Data Insights (dashboard.wowdevs.com) 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/