WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides
Free Plugin by neilgee v1.3.2

Bootstrap Modals

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

Bootstrap Modals

The facts

Rating
4.5★ from 8
Active installs
1k+
Price
Free
Last updated
17 May 2019
Added
Jun 2014
Requires WP
3.8
Tested up to
WP 5.2.26
Downloads
44,025

Our analysis

AI-assisted

Bootstrap Modals is a WordPress plugin that integrates Bootstrap v3 Modal functionality into your site. It adds the necessary JavaScript and CSS for modals without including other Bootstrap components. Users can employ sample HTML markup or shortcodes to implement modals on their posts, pages, or widget areas.

The plugin offers options to override default CSS styling and disable Bootstrap files in case of conflicts. It is suitable for users familiar with Bootstrap who want to add modal windows to their WordPress sites.

Best for: This plugin is best for WordPress users looking to implement Bootstrap modals on their sites.

What it does well

  • ✓Integrates Bootstrap v3 Modal functionality
  • ✓Allows custom CSS styling for modals
  • ✓Provides sample HTML markup for implementation
  • ✓Includes shortcode options for easier use

Where it falls short

  • •Limited to Bootstrap v3 functionality only
  • •Requires knowledge of HTML and Bootstrap for effective use

Verdict

Bootstrap Modals is a straightforward solution for adding modal functionality, but it requires some familiarity with Bootstrap and HTML to use effectively.

From the developer

neilgee's own description of Bootstrap Modals, lightly tidied.

This plugin adds Bootstrap v3 Modal functionality to WordPress.

It adds just the Bootstrap Javascript Plugin for Modals and associated CSS.

This does not bring in any other Bootstrap javascript or CSS functionality.

There is sample HTML mark up code in the readme.txt for a selector and modal target element.

Options to override the default CSS modal styling and also use a shortcode.

Option to disable Bootstrap JS/CSS files in case of conflict.

Usage

Use either the Bootstrap API markup or Javascript to trigger the modal windows, this can be found here: http://getbootstrap.com/javascript/#modals

There is also further usage information here: http://coolestguidesontheplanet.com/bootstrap/modal.php

Mark up needs to be directly applied to post/page or widget area or via a shortcode.

Options to override the default CSS styling.

Here is a simple HTML Modal MarkUp

<!-- Button trigger modal -->
<a class="btn btn-primary btn-lg" href="#myModal1" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<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><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

You can change the modal size by adding an extra CSS class to the .modal-dialog div;

modal-lg

or

Read the full description on the official page →

Tagged as

purpose Popups & Optin Forms
topic Bootstrap Add Classes

Alternatives

Other plugins for popups and optins.

Popup Maker

Popup Maker

94

Want to boost sales &amp; marketing efforts? Use your favorite forms &amp; builder. Unlimited popups &amp; imp...

Free 700k+ installs 4.9★ (4,504)
Firelight Lightbox

Firelight Lightbox

90

Formerly Easy Fancybox. The most popular WordPress lightbox plugin. Simple, fast, and responsive. Opens images...

Free 200k+ installs 4.8★ (355)
My Sticky Bar

My Sticky Bar

90

Create a welcome notification bar for your website. Also, My Sticky Bar plugin can make your menu or header st...

Free 100k+ installs 4.9★ (1,196)
Depicter

Depicter

90

Build Stunning Slider and Popup. Exit intent Popup, Image slider carousel, video slider carousel, post slider...

Free 80k+ installs 4.6★ (234)
Poptin

Poptin

90

Free email automation, email campaigns, exit intent popup builder, gamified popups with spin the wheel, contac...

Free 20k+ installs 4.9★ (694)