Ben Byrne

kenjigarland

De'Yonté W.

Xavier Serrano

Danny Cabrera

Ron Pasillas

WP Popup is a plugin for implementing whatever you want to call them — modals, lightboxes, overlays or popups — on your site. While it offers fine-tuned control over where and when the lightboxes display, it was developed with the goal of being simple and lightweight: WP Popup won’t cause your site to take a big performance hit by loading lots of complicated and extraneous CSS and JavaScript.
WP Popup lets you use the standard WordPress post editor to build and configure your popups. In addition to full WYSIWYG editing of popup content, WP Popup gives you powerful control over what triggers the appearance of your lightbox. Triggers can be set so popups show:
<ul>
<li>Immediately on page load</li>
<li>After a configurable number of seconds</li>
<li>After the page is scrolled a configurable number of pixels</li>
<li>After the page is scrolled halfway or to the bottom</li>
<li>After the user has spent a configurable number of minutes on the site</li>
<li>After the user has visited a configurable number of pages over the past 90 days</li>
<li>On page exit (Exit intent)</li>
</ul>
In addition to those sophisticated trigger controls, you also get options on each popup for:
<ul>
<li>Mask background color: Choose an appropriate color and opacity to set as the background of the mask that covers your site.</li>
<li>Background image: Make a richer, more visually engaging popup by using a photo or illustration that fills the inside of the popup.</li>
<li>Background color: Choose an appropriate color and opacity to set as the background of the popup.</li>
<li>Width control: Set a minimum and maximum width.</li>
<li>Height control: Set minimum and maximum values along with pixels or percentages.</li>
<li>Padding: Control the padding within your popup.</li>
<li>Border: Add a border of any color, width and radius.</li>
<li>Opacity: Adjust the opacity of the popup.</li>
<li>Where to display: Choose whether to display on your site’s homepage, on all pages, on all pages except the homepage, or specific pages.</li>
<li>Scheduling: Configure whether users should see the popup just once, all the time, or periodically based on a schedule.</li>
<li>Mobile control: Avoid hits to your SEO by suppressing your popups from appearing on mobile devices!</li>
<li>Cookie identifier: Easily change how browsers know about this popup so you don’t have to save a whole new popup after fixing a typo if you want your updated popup to appear again.</li>
</ul>
Note: This plugin uses cookies, so if you’re bound by the EU or other regulations requiring you notify users of such, be sure to do so if you’ve got WP Popup enabled.
Interested in other plugins from Cornershop Creative? We’ve made <a href="https://cornershopcreative.com/products" rel="nofollow ugc">these things</a>.

WP Popup

This plugins works pretty fine, but itś not compatible with websites that don't use jQuery as it can have bad impact on performance.

If you would re-write it to vanilla JS, i can give it a 5

Plugin works fine, but require jQuery

Looking for a new way to entice your site visitors? WP Popup is the lightbox/popup plugin built with performance in mind.

jamesdbruner

WP Modalplate is possibly the easiest and cleanest way to add responsive modals to your website! To see an example you can go to <a href="http://modalplate.jamesdbruner.com" rel="nofollow ugc">modalplate.jamesdbruner.com</a> and take a look.
<h4>How to use it</h4>
There are two shortcodes here and you need to use both. Here’s an example of how to use these shortcodes together:
<pre><code>[modalplate_trigger]Example Button[/modalplate_trigger]
[modalplate title="Example Title"]Example content[/modalplate]
</code></pre>
NOTE FOR THEME DEVELOPERS: This plugin makes use of both wp_head() and wp_footer() so if your theme is missing either you may experience issues using this plugin.
Special thanks to <a href="https://twitter.com/chrishumboldt" rel="nofollow ugc">@chrishumboldt</a> for creating the original <a href="http://getwebplate.com/plugins/modalplate" rel="nofollow ugc">Modalplate plugin</a>. Check out <a href="http://getwebplate.com/" rel="nofollow ugc">WebPlate</a> to see more of his awesome work.

WP Modalplate

A quick and simple plugin for producing responsive modals

WP Popup vs WP Modalplate