Chop Chop

<p><strong>OVERVIEW</strong></p>
<p>Pop-Up Chop Chop plugin brings unlimited pop-ups with easily customizable professional templates. Each template comes in <strong>two sizes</strong> (big and small). The pop-ups are <strong>fully responsive</strong> and work with any WordPress theme.</p>
<p>With Pop-Up Chop Chop 2.0 you can create <strong>any number</strong> of input fields and collect your visitors’ emails, names, phone numbers…</p>
<p>Pop-Up Chop Chop is a perfect solution to capture the audience’s attention in the right time and place to build your mailing list.</p>
<p><strong>CUSTOMIZATION</strong></p>
<p>Pop-Up Chop Chop allows you to build elegant and professional pop-ups in a couple of minutes. Create attractive content and the pop-ups matching your website’s design. Preview your changes live while editing the content in our custom visual editor. Decide when the visitors see your pop-up – set the time and display the pop-up exactly when and where you want to.</p>
<p><strong>Features:</strong></p>
<ul>
<li>Unlimited pop-up number</li>
<li>Multiple input fields (drag & drop ordering)</li>
<li>Neat designs</li>
<li>6 elegant and professional pop-up templates</li>
<li>Two pop-up sizes (big and small)</li>
<li>Responsive pop-up themes</li>
<li>Retina-friendly</li>
<li>Quick and easy pop-up setup</li>
<li>User-friendly interface</li>
<li>Smooth and swift admin panel</li>
<li>Highly customizable content</li>
<li>Email notifications</li>
<li>Turn on/off the pop-ups on mobile devices</li>
</ul>


Pop-Up Chop Chop

Powerful pop-up plugin with professional templates.

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.

Pop-Up Chop Chop vs SBModal