Bage

Modal windows are interesting way to include extran information on a page. <a href="http://www.onextrapixel.com/2014/06/25/create-modal-windows-that-can-be-morphed-from-anything-with-jquery-adaptive-modal-js/" rel="nofollow ugc">adaptive-modal.js</a> makes it beautiful. You can use this little plugin which uses the same jQuery plugin to creae modal windows easily in any page or post or even on a widget uisng shortcode.
I have also added another functionality into this plugin, which will let you to embed your modal content into your post a page directly.
<h3>Usage</h3>
Upon activation, the plugin will create a custom post type called ‘Modals’. Where you can add your content, which later you can use it on a modal or embed directly into your page or post.
<ol>
<li>[modal]</li>
<li>[block] </li>
</ol>
<h3>modal</h3>
the ‘modal’ shortcode is to create modal windows.
For now the [modal] shortcode comes with four attributes.
id 
Your modal id. eg: [modal id=2]Click here[/modal]
data 
If your modal only going to have just text, you can directly add the content in the shortcode. eg: [modal data=”This is my modal content”]Click here[/modal]. This shortcode is much useful when you want to add a modal window to a word in a paragrap without braking the paragrap.
<pre><code>note: you cannot use both id and data in the same shortcode
</code></pre>
background 
This is to style the link and the modal window background. Have to specify a valid color. eg: [modal id=2 background=”#DDDDDD”]Click here[/modal]
color 
This attribute is to change the color of the link. eg: [modal id=2 background=”#DDDDDD” color=”#000000″]Click here[/modal]
<h3>block</h3>
The ‘block’ shortcode is to embed your modal content into any page or post. It only has one attribute.
id 
id of the modal post type post.
<pre><code>note: both block and modal shortcodes uses the same Modals custom post type.
</code></pre>

Flexible Modals

Flexible Modal is a very simple plugin to add modal windows to your WordPress content using shortcodes.

merbmerb

This project provides a modal / popup block for the WordPress Gutenberg editor.
<ul>
<li>Multiple methods for triggering modal including button, text link, image link, external class, and page load.</li>
<li>User definable modal content using Gutenberg blocks, for example, image, paragraph etc. </li>
<li>Support for multiple modal window sizes.</li>
<li>Modal window transitions for fade, left, right, up down.</li>
<li>Manual trigger modal initialization by calling bodModal.initModal()</li>
<li>Custom events for before open, after open, before close, after close so custom code can be used.</li>
<li>Lots of customizable options including Trigger Button Label, Button Color, Trigger Text, Trigger Text Size, Trigger Image, Trigger Class, Modal Delay, Trigger Element Alignment, Overlay Background Color, Title Text Size, Title Font Color, Title Background Color, Title Padding, Border Radius.</li>
<li>Supports multiple modals on the same page.</li>
<li>ADA compliant.</li>
<li>Modal to modal links.</li>
<li>Multiple ways to close the modal.
<ul>
<li>Escape key</li>
<li>Close button ‘X’ in the top right of the screen.</li>
<li>Close button ‘X’ in the modal title.</li>
<li>Close button at the bottom on the modal content.</li>
</ul>
</li>
<li>Uses create-guton-block for easy config.</li>
</ul>
<h3>Donations</h3>
If you like the plugin, consider a donation to support further development. <a href="https://paypal.me/SupportBodDev" rel="nofollow ugc">Click here</a>

Modal Guten Block

Practical and lightweight plugin. Well integrated. Good job. It would be nice to improve the interface for customization especially for the button. And a X button for closing at the top would be great. In general it works fine.

Simple to use, complete and lightweight


I think everything is almost perfect, it would be great if "everything was a little more clean and polished". Silly things like:




add hover color change when focusing edit fields (hard to tell how big the field is) -- for example the "block-editor-plain-text" input field should have more padding, square matching border radius and better font matching size



Missing option to "disable transition" visual effect



Beautiful Plugin


It does what it is supposed to do, easily configurable and I love that this is a separate plugin and not part of a collection of blocks. It keeps WordPress nice and lean.



It would be perfect if the color picker would use the regular Gutenberg color palette chooser :)


Love that this is a separate plugin and not part of a collection of blocks


I like this plugin. I've had zero problems. It does it's job and so far has just stayed out of the way. Thank you. I wish Wordfence wasn't so harsh to plugins like this...  I got this alert:



Medium Severity Problems:* The Plugin "Modal Guten Block" appears to be abandoned (updated October 3, 2023, tested to WP 6.3.7).



Maybe this could have a version bump just so it's "compatible" with WP 6.7 or 6.8? Then Wordfence would yell less often.  


Bump to WP 6.8 for Wordfence

This plugin provides a Gutenberg Modal / Popup Block.

Flexible Modals vs Modal Guten Block