Description
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
Modal Builder block in action. Adding a trigger. 
Adding a button block inside the trigger block. 
Add another Builder block and change “content type” to content. Add your modal content (like an image).
Blocks
This plugin provides 1 block.
- Modal Builder Block 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 modal trigger.
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.
Reviews
Contributors & Developers
“Modal Builder Block” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Modal Builder Block” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.