How Does Block Visibility Work?

Block Visibility is the easiest way to create dynamic content in WordPress. There is no external editor or new interface to learn. Work directly in the Block Editor with blocks you are already familiar with. In a matter of seconds, you will be able to transform static blocks into conditional and personalized content.

It takes just 3 simple steps…

Step 1

Create Your Block Content

Begin by adding your content to the Block Editor. Block Visibility works with all blocks including those provided by third-party plugins like Jetpack and WooCommerce.

Example

Here we have used Cover, Heading, Paragraph, and Buttons blocks to create a promotional banner. We ultimately want this content to only be visible starting on July 12th at 9:00 am.

Step 1: Create your block content in the WordPress Block Editor.
Step 2: Configure the desired visibility controls for your block content.

Step 2

Set the Desired Visibility Controls

With your content finalized, navigate to the Visibility panel in the settings sidebar of the selected block. Choose the visibility control(s) that you would like to apply. Update the page/post when finished.

Example

We have chosen the Date & Time control and configured a schedule. The block will become visible at 9:00 am on July 12th. Conditional settings only need to be applied to the Cover block. All blocks inside of the Cover block will be hidden as well.

Step 3

Marvel at the Results

The block is now conditional and will only be visible based on the configured controls. That was pretty easy, right?

Best of all, Block Visibility is a 100% free!

Need more advanced functionality and third-party integrations? Block Visibility Pro is available as an optional paid add-on.

Step 3: Marvel at what you have built. Your block is now conditional.

Ready to upgrade to Block Visibility Pro?

Unlock block location controls, eCommerce integrations, advanced block scheduling, and more!