Description
Conditional Blocks allows you to create a unique experience for your visitors and customers.
Conditionally hide any Gutenberg Block, even third-party blocks! You can use Conditional Blocks to restrict content on a memebership site, or you can created unique design on your landing pages.
Be creative, Conditional Blocks in the WordPress block editor gives you open hands to explore different way of building templates, block groups and more.
What can conditional blocks do?
Included Conditions:
- Show or Hide block based user state (logged in or out users).
- Show blocks depending on screen size (mobile, tablet, desktop).
Pro Conditions:
- Show block depending on user rules (WooCommerce Customer, editors etc).
- Show block for specific Date Ranges.
- Show block for any device (iPhone, Android, macOS and Windows).
- Show block based URL Referer (e.g if user came from Google.com).
- Show block on Custom Field value, post meta condition.
Learn about Conditional Blocks Pro
Restrict Gutenberg Blocks
Restrict any Gutenberg block by simply clicking on it, You’ll be able to set it to appear for logged in or out users only.
Great for creating members only content on your site.
Control Mobile Blocks
You can select specific screen sizes to display your blocks on, and exclude them from others! Pick and choose if the block should be shown on mobile, tablet or desktop.
Compatibility
We’ve tested Conditional Blocks with the follow plugins:
- Stackable
- Atomic Blocks
- CoBlocks
- Editorskit
- WooCommerce Blocks
- Easy Digital Downloads Blocks
- Ultimate Addons for Gutenberg
- Otter Blocks & Templates
Please reach out on support if you are experiencing issues with another plugin.
Screenshots
Gutenberg Editor logged out/in user content block. 
Frontend showing the logged out user block. 
Editor options for conditionally showing block on screen sizes. 
Frontend showing different blocks for different screens.
Installation
Conditional Blocks for Gutenberg Installation Instructions:
- Upload the Conditional Blocks plugin to your /wp-content/plugin/ directory or through the plugin admin section under “add new”.,
- Activate the plugin through the ‘Plugins’ menu in WordPress.,
- That’s it!
FAQ
- Can I conditionally hide any block?
-
Yes, you can conditionally hide any Gutenberg block using any of the conditions.
Reviews
Contributors & Developers
“Conditional Blocks – Control any Gutenberg Block” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Conditional Blocks – Control any Gutenberg Block” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.5
- Added feature to modify the CSS breakpoints.
- Updated date range conditions in Conditional Blocks Pro
- Fixed issue where MomentJS could not be found in Conditional Blocks Pro
1.0.4
- Ready and tested with WordPress 5.4
- Pro: Fixed date conditions sometimes applying to new blocks when new dates are added.
- Minor code improvements.
- Tested with Gutenberg 7.7.1
1.0.3
- Improved how device size conditions are handled across all blocks.
- Fixed hiding on device sizes across could cause full-width blocks to be standard size.
- Fixed Conditional Blocks highlighting for Gutenberg 7.4+
- Fixed postmeta condition being skipped.
- Fixed postmeta condition saving incorrectly on blocks.
1.0.2
- Removed Freeemius and tracking.
1.0.1
- New Date Range Conditions for Blocks in Pro! Learn about Date Conditions
- Improved JS browers caching with file versions.
- Improved code structure.
- Fixed conflict with Yoast and other plugings which triggers Gutenberg by using React.
1.0.0
- initial Release of Conditional Blocks for Gutenberg.