Modal Builder Block

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.

1. 

   Modal Builder block in action. Adding a trigger.

2. 

   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).