Modal Builder Block
Rodrigo Leon By Rodrigo Leon

August 27, 2021

Modal Builder Block Plugin

Build a modal with the power of WordPress' block editor. Anything you can do with the editor works inside of the modal content window or the moda …

This small plugin allows you to create a modal / popup / lightbox with WordPress’ default Block editor (Gutenberg). The plugin provides you with a block that can be used for the modal’s trigger and the modal’s window contents. Anything you can do with the block editor, you can use for the modal trigger or the contents.

  • Multiple trigger methods. Use the power of the Block Editor to create your trigger (buttons, images, covers, and more).
  • Flexible modal content. Similarly to the trigger, use the Block Editor to define the content inside your modal content.
  • Supports multiple modals on the same page.
  • More to come.

To create a modal, simply use the Modal Builder block to create a trigger. Use another Modal Builder block to create the content (make sure you select the appropriate content type under the modal settings). On both instances, set the “Content ID” to whatever you want as long as both instances match. You are set.

Donations

If you like the plugin, consider leaving a donation to support further development of the plugin. Click here. If you would like custom solutions or the like, please visit HTR.Design.

Screenshots

  1. Modal Builder block in action. Adding a trigger.

    Modal Builder block in action. Adding a trigger.

  2. Adding a button block inside the trigger block.

    Adding a button block inside the trigger block.

  3. Add another Builder block and change "content type" to content. Add your modal content (like an image).

    Add another Builder block and change "content type" to content. Add your modal content (like an image).

FAQ

Will there be more options for customization?

Certainly. Provided there is support and interest, more features will be added as often as we are able to!

Can there be multiple triggers for one Modal?

Yes! You can create as many triggers with different inner blocks as you like.

Details

  • Version: 1.0.0
  • Active installations: 500
  • WordPress Version: 5.8
  • Tested up to: 5.8.0
  • PHP Version: 7.0

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars