Bage

<p>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.</p>
<p>I have also added another functionality into this plugin, which will let you to embed your modal content into your post a page directly.</p>
<h3>Usage</h3>
<p>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.</p>
<ol>
<li>[modal]</li>
<li>[block] </li>
</ol>
<h3>modal</h3>
<p>the ‘modal’ shortcode is to create modal windows.</p>
<p>For now the [modal] shortcode comes with four attributes.</p>
<p><strong>id</strong><br />
Your modal id. eg: <em>[modal id=2]Click here[/modal]</em></p>
<p><strong>data</strong><br />
If your modal only going to have just text, you can directly add the content in the shortcode. eg: <em>[modal data=”This is my modal content”]Click here[/modal]</em>. This shortcode is much useful when you want to add a modal window to a word in a paragrap without braking the paragrap.</p>
<pre><code>note: you cannot use both id and data in the same shortcode
</code></pre>
<p><strong>background</strong><br />
This is to style the link and the modal window background. Have to specify a valid color. eg: <em>[modal id=2 background=”#DDDDDD”]Click here[/modal]</em></p>
<p><strong>color</strong><br />
This attribute is to change the color of the link. eg: <em>[modal id=2 background=”#DDDDDD” color=”#000000″]Click here[/modal]</em></p>
<h3>block</h3>
<p>The ‘block’ shortcode is to embed your modal content into any page or post. It only has one attribute.</p>
<p><strong>id</strong><br />
id of the modal post type post.</p>
<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.

Antonio Villegas

Nelio Software

David Aguilera

<h4>THE EASIEST WORDPRESS POPUP BUILDER FOR THE BLOCK EDITOR</h4>
<p><a href="https://neliosoftware.com/popups/?utm_source=wordpressorg&utm_medium=referral&utm_campaign=nelio-popups" rel="nofollow ugc">Nelio Popups</a> is the most intuitive and well-designed popup creator for WordPress. Bend it to create any type of popup, modal, or content overlay for your WordPress website.</p>
<p>With Nelio Popups you can turn website visitors into email subscribers, increase sales, and grow your business. Enjoy the popup creation process using the WordPress block editor and all its power.</p>
<h4>Reasons for choosing Nelio Popups</h4>
<p>Here’s why you should switch to Nelio Popups:</p>
<h4>#1. 🚀 It’s awesome</h4>
<p>Your popup creation experience is our #1 priority. Nelio Popups’ editor won’t annoy you when designing awesome popups and slide-ins like other WordPress popup plugins do. Nelio Popups uses the WordPress block editor and allows you to include any block within your popups.</p>
<h4>#2. 😎 It’s easy</h4>
<p>We were tired of the bloated and slow popup builder plugins with complex settings. That’s why we built Nelio Popups to adapt to your marketing workflow and allow you to create custom popups, newsletter opt-in forms, slide-ins, announcement bars, and other high converting lead generation forms within minutes.</p>
<p>By using the standard WordPress drag & drop block editor, you can easily customize the look and feel of your campaigns, and even add third-party block elements like countdown timers, form integrations, or even block patterns, that change based on user behavior (no code necessary).</p>
<h4>#3. 🎨 Simplifies styling and design</h4>
<p>If you have an eye for detail you’ll love the additional customization options available with Nelio Popups. As well as basic appearance elements like layout, images, typography, and color that you can set with the WordPress block editor we use, Nelio Popups allows for more advanced detailing like popups borders, shadow, sizing, and more. In addition to it, the styles of your popup will match the ones in your WordPress theme without any further effort from you.</p>
<h4>#4. 🎯 Targets visitors with smart conditions</h4>
<p>As well as intelligent visibility conditions, Nelio Popups also allows you to set up a range of behavior triggers for your popups and slide-ins. Including: click, hover, scroll, exit-intent, and more. Furthermore, Nelio Popups has all the behavior and condition settings you’ll need to target visitors. Set up intelligent conditions such as: specific pages and posts, source of arrival, browser cookie, and a whole lot more.</p>
<h4>#5. ℹ️ You are not alone</h4>
<p>The desire of each customer and the problems that have arisen are the priority issues that have to be solved by our support team. That is why our team works very hard to help and satisfy the demands and wishes of all its customers. If there is a question that you would like to ask, or there is something unclear, then our support team is ready to answer each question in detail to satisfy any interest.</p>


Nelio Popups

An intuitive popup designer based on open WordPress technologies

Flexible Modals vs Nelio Popups