neilgee

<p>This plugin adds Bootstrap v3 Modal functionality to WordPress.</p>
<p>It adds just the Bootstrap Javascript Plugin for Modals and associated CSS.</p>
<p>This does not bring in any other Bootstrap javascript or CSS functionality.</p>
<p>There is sample HTML mark up code in the readme.txt for a selector and modal target element.</p>
<p>Options to override the default CSS modal styling and also use a shortcode.</p>
<p>Option to disable Bootstrap JS/CSS files in case of conflict.</p>
<h3>Usage</h3>
<p>Use either the Bootstrap API markup or Javascript to trigger the modal windows, this can be found here: http://getbootstrap.com/javascript/#modals</p>
<p>There is also further usage information here: http://coolestguidesontheplanet.com/bootstrap/modal.php</p>
<p>Mark up needs to be directly applied to post/page or widget area or via a shortcode.</p>
<p>Options to override the default CSS styling.</p>
<p>Here is a simple HTML Modal MarkUp</p>
<pre><code>
<a class="btn btn-primary btn-lg" href="#myModal1" data-toggle="modal">Launch demo modal</a>


<div id="myModal1" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" type="button" data-dismiss="modal">×</button>
                    <h4 class="modal-title">My Title in a Modal Window</h4>
            </div>
            <div class="modal-body">This is the body of a modal...</div>
            <div class="modal-footer">This is the footer of a modal...</div>
            </div>
    </div>
</div>
</code></pre>
<p>You can change the modal size by adding an extra CSS class to the <strong>.modal-dialog</strong> div;</p>
<pre>modal-lg</pre>
<p>or</p>
<pre>modal-sm</pre>
<p>for large and small respectively.</p>
<p>Since version 1.0.2 extra CSS is included to set the close button to a state similar to Bootstrap install, to override the default CSS for the close button use a CSS selector .modal-dialog .close { } in your CSS styles.</p>

Bootstrap Modals

Oh! Love you man. I was thinking about creating a custom plugin by myself for this as I need it on my site and before started coding did a Google search and here it is just the exact script that I was thinking about. Thanks a tom for it. Definitely going to use it on my personal site as well as refined to others. T thane a tom for it.
Good bless you buddy....



Thank you very much. Just perfect.

This plugin adds Bootstrap Modal functionality to WordPress. All you need to do is add the Modal HTML mark up code.

Freemius

Rock Solid

<h4>A lightweight and straightforward Popup Builder for WordPress</h4>
<p><a href="https://demo2024.rocksolidplugins.io/easy-popup-demos/" rel="nofollow ugc">View demos</a> | <a href="https://www.rocksolidplugins.io/docs/easy-popups/" rel="nofollow ugc">View docs</a></p>
<p><strong><a href="https://www.rocksolidplugins.io/plugins/easy-popups/?utm_source=wordpressorg&utm_medium=link" rel="nofollow ugc">Easy Popups</a></strong> is a lightweight plugin that allows you to create multiple popups across your website.</p>
<p>From the makers of <a href="https://wordpress.org/plugins/bulletin-announcements/" rel="ugc">Bulletin</a>, an Announcement Banner plugin with a solid 5-star rating!</p>
<p>Here are a few of the typical scenarios when you would use Easy Popups:</p>
<ul>
<li>
<p>🚀 <strong>Promoting a Special Offer</strong>: Use an easy popup to highlight a limited-time discount, promotional code, or flash sale to encourage visitors to make a purchase.</p>
</li>
<li>
<p>✉️ <strong>Building Email Subscriptions</strong>: Employ an easy popup to capture visitors’ email addresses and encourage them to subscribe to your newsletter or mailing list.</p>
</li>
<li>
<p>📣 <strong>Announcing New Product or Service</strong>: Use an easy popup to inform visitors about a new product launch, service offering, or significant update to generate interest and drive conversions.</p>
</li>
<li>
<p>💬 <strong>Increasing Social Media Engagement</strong>: Utilize an easy popup to encourage visitors to follow your social media accounts, like your Facebook page, or join your community on other platforms.</p>
</li>
<li>
<p>🤝 <strong>Collecting User Feedback</strong>: Implement an easy popup to gather feedback or conduct surveys, enabling you to gather valuable insights and improve your website or business offerings.</p>
</li>
</ul>
<h4>How it works</h4>
<p>Watch a quick video of how it works here:</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/NbamBC6VDYg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>You simply install the plugin and create your first popup. Then configure the settings while checking the instant preview. Once you’re ready, you can publish the popup for everyone to see!</p>
<p>You can also check out the <a href="https://www.rocksolidplugins.io/docs/easy-popups/?utm_source=wordpressorg&utm_medium=link" rel="nofollow ugc">docs on our site</a>, which are extended regularly.</p>
<h3>Full Easy Popups features</h3>
<p>The basic Easy Popups plugin allows you to add unlimited Popups with buttons and various styling options</p>
<p>The Pro version of Easy Popups comes packed with features:</p>
<p><strong>📝 Form Integrations</strong><br />
Show a form directly on the popup</p>
<p><strong>👉 Advanced Triggers</strong><br />
Set the ability for the Popup to show after a % of the page has been scrolled. Or scrolled until a certain CSS selector. You can also set it to appear manually (e.g. when a button is clicked)</p>
<p><strong>🖼️ Image slider and video ability</strong><br />
Add an image slider or video on your popup</p>
<p><strong>🚀 Fancy animations and Google fonts</strong><br />
Customize the popup further by adding a eye-catching animation and Google fonts</p>
<p><strong>🚦Advanced visibility options</strong><br />
Show a Popup only on selected pages on your site. Or only for logged-in users.</p>
<p><strong>🕑 Schedule and expiry functions</strong><br />
Ability to schedule + expire the Popup.</p>
<p><strong>🕺 WordPress Network support</strong><br />
Specify Popups to show on all your sub-sites</p>
<p><strong>🃏Advanced CSS</strong><br />
Ability to add your own CSS with each Popup</p>
<p>View demos below:</p>
<ul>
<li><a href="https://demo2024.rocksolidplugins.io/easy-popup-demos/newsletter-popup/" rel="nofollow ugc">Newsletter popup</a></li>
<li><a href="https://demo2024.rocksolidplugins.io/easy-popup-demos/top-image-popup-with-scroll-trigger/" rel="nofollow ugc">Top-image popup with scroll-trigger</a></li>
<li><a href="https://demo2024.rocksolidplugins.io/easy-popup-demos/popup-with-image-slider-that-zooms-in/" rel="nofollow ugc">Popup with image slider that zooms in</a></li>
<li><a href="https://demo2024.rocksolidplugins.io/easy-popup-demos/no-image-popup-that-hides-for-1-hour-after-closing/" rel="nofollow ugc">No-image popup that hides for 1 hour after closing</a></li>
<li><a href="https://demo2024.rocksolidplugins.io/easy-popup-demos/popup-with-video/" rel="nofollow ugc">Popup with video</a></li>
</ul>
<h4>Credits</h4>
<p>This plugin is created by <a href="https://www.rocksolidplugins.io/?utm_source=wordpressorg&utm_medium=link" title="Rock Solid Plugins" rel="friend nofollow ugc">Rock Solid Plugins</a>.</p>


Easy Popups – Beautiful, Responsive Popups for Lead Capture & Announcements

Create beautiful, responsive popups in minutes. Add forms, videos, smart triggers, and precise display rules — all inside WordPress.

Bootstrap Modals vs Easy Popups – Beautiful, Responsive Popups for Lead Capture & Announcements