Mykhailo Petrenko

<p>You could easily create Bootstrap Modals.</p>
<p>It requires only:</p>
<ol>
<li>Fill the Content section with needed data.</li>
<li>Provide call Selector (See “Usage” -> “Options” -> “Call Selector”).</li>
</ol>
<p>You may use all features of standard WP WYSIWYG editor for creating Modal content. E.g.: CF7 shortcodes to show the form.</p>
<h3>Usage</h3>
<h4>Plugin Settings</h4>
<p><strong>Enqueue bootstrap.js</strong> (Yes or NO) – If you using <code>bootstrap.min.js</code> in your own theme (or plugin), use this option to remove this script from SBModal queue.</p>
<p><strong>Enqueue Bootstrap CSS Style</strong>:</p>
<ul>
<li><em>Full Bootstrap.css</em> – Complete <code>bootstrap.min.css</code>.</li>
<li><em>Styles ONLY for Modal</em> – Enqueue Bootstrap styles only for Modal.</li>
<li><em>Do NOT Load CSS</em> – Do not load any Bootstrap styles.</li>
</ul>
<h4>Create Modal</h4>
<ol>
<li>GOTO “Modals” -> “Add New”.</li>
<li>Add some data to Content section. This field mandatory. Title and Footer are optional.</li>
<li>Configure Modal behaviour in “Options” metabox (right sidebar).</li>
</ol>
<h4>Options</h4>
<ul>
<li>Select Template: Simple (display only content),  Middle (title + content), Full (title + content + footer).</li>
<li>Call Selector – jQuery selector of the element which will open Modal by click. (Examples: a[href=”#OpenModal”], a#click_me, a.open-modal).</li>
<li>Width – Aliases for standart Bootstrap styles: Large (modal-lg), Middle (modal-md), Small (modal-sm).</li>
<li>Max Width – You could provide INT value to limit width of Modal (px).</li>
<li>Class – custom class.</li>
<li>ID – custom ID.</li>
<li>Custom url – Custom url for each modal. For example: http://yourdomain.com/#modal-custom-url</li>
</ul>
<h4>Filters</h4>
<ul>
<li>sbmodal_client_templates_path – path to the folder with templates. From template root.</li>
<li>sbmodal_templates – array of templates (‘slug’ => __(‘Template Name’, ‘sbmodal’)). </li>
<li>sbmodal_width_classes – array of modal width classes (‘modal-width-class’ => __(‘Class Name’, ‘sbmodal’), …).</li>
</ul>


SBModal

Provides ease of Bootstrap Modals management. A lot of options and ease of extensibility.

akora

<p>This plugin provides a popup window that is triggerd on scroll or timeout. It is based on bootstraps modal window, so your theme MUST have bootstrap installed with modal support. It works with Bootstrap 3.2.0</p>


Bootstrap modal popup

Provides a popup triggerd on scroll or timeout, based on bootstraps modal.

SBModal vs Bootstrap modal popup