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.

CodeManas

Introducing Simple Popup Block: the easy way to manage popups on your website. 
With its user-friendly interface, creating customized popups is a breeze. 
Enjoy enhanced engagement without sacrificing page speed.
Features
<ul>
<li>Triggers : Choose how your popup should be triggerred either on page scroll, click or after certain interval.</li>
<li>Conditions : Show popups only to your specific user based on roles. Option to show only to logged-in user or logged-out users</li>
<li>Behaviour : Determine how the popup should be shown only once or multiple time or auto close after certain time.</li>
<li>Built-in Templates : Design your popup from the scratch or use one of the ready-made 5+ templates</li>
<li>Easy & Simple : Easily create simple and interesting popups — all with a few quick clicks. No coding skills required.</li>
<li>Built for Editor : Work organically and smoothly with the Site Editor</li>
</ul>
Useful Links 
👉 <a href="https://tastewp.com/new/?pre-installed-plugin-slug=simple-popup-block" rel="nofollow ugc">Live Demo Test</a> 
👉 <a href="https://docs.cmblocks.com/" rel="nofollow ugc">Documentation</a>

Simple Popup Block


Simple Popup Block is fast, easy-to-use and well integrated with the block editor. What else?


Lightweight Block

Easily manage and customize popups on your website with a user-friendly interface, enhancing engagement without sacrificing page speed.

Flexible Modals vs Simple Popup Block