See All Features Get Started Join 300,000+ using Formidable Forms to build solution-focused forms!

Bootstrap Modal Add-On

This WordPress popup plugin is the easiest way to create a Bootstrap modal form. Open any content in a Bootstrap modal or popup like the one we use on this site. Go ahead, check it out and click the login or search link at the top of the page. This plugin does not require Formidable Forms for WordPress forms, and will show content from any other plugin with a shortcode.

Keep your pages clean by only showing the forms when your visitor wants to see them. No need for a long complicated page or a separate page that includes your WordPress form.

The Bootstrap Modal add-on is included in the Formidable Forms Basic, Business, and Elite plans.

WOW. Formidable Forms is indeed... formidable!! I've been using it every day for a month now and you've created an amazingly powerful tool that's allowing me to whip up a subscriber-based front-end database that I didn't think was possible without hiring a "real" developer. Your documentation is amazing and I've found answers to dozens and dozens of questions, all with easy to follow steps that allow even this noob to create complex exchanges of information.

How to add a Bootstrap modal form

Insert the link to open the modal with a simple shortcode on the page. Insert Click me for a form or Click me for a view.

The login form shortcode and any other shortcodes can be included inside Click me. Replace "Put shortcode here" with any shortcode you would like to insert.

Smooth sailing!

Trusted By More Than 200,000 Businesses

Brands that trust WordPress Forms Plugins More Brands that trust WordPress Forms Plugins

More Awesome Formidable Features

See more features

[formidable id=164]
<div class="frm_forms with_frm_style frm_style_formidable-style" id="frm_form_164_container" > <form enctype="multipart/form-data" method="post" class="frm-show-form frm_pro_form frm_ajax_submit " id="form_mqotp" > <div class="frm_form_fields "> <fieldset> <legend class="frm_screen_reader">Contact</legend> <div class="frm_fields_container"> <input type="hidden" name="frm_action" value="create" /> <input type="hidden" name="form_id" value="164" /> <input type="hidden" name="frm_hide_fields_164" id="frm_hide_fields_164" value="" /> <input type="hidden" name="form_key" value="mqotp" /> <input type="hidden" name="item_meta[0]" value="" /> <input type="hidden" id="frm_submit_entry_164" name="frm_submit_entry_164" value="a257a1e173" /><input type="hidden" name="_wp_http_referer" value="/features/bootstrap-modal-forms/" /><label for="frm_verify_164" class="frm_screen_reader frm_hidden">If you are human, leave this field blank.</label> <input type="text" class="frm_hidden frm_verify" id="frm_verify_164" name="frm_verify" value="" /> <div id="frm_field_2405_container" class="frm_form_field form-field frm_required_field frm_none_container"> <label for="field_mpczq" class="frm_primary_label">Name <span class="frm_required">*</span> </label> <input type="text" id="field_mpczq" name="item_meta[2405]" value="" placeholder="Your Name" data-reqmsg="This field cannot be blank." aria-required="true" data-invmsg="Text is invalid" /> </div> <div id="frm_field_2406_container" class="frm_form_field form-field frm_required_field frm_none_container"> <label for="field_luf5u" class="frm_primary_label">Email <span class="frm_required">*</span> </label> <input type="email" id="field_luf5u" name="item_meta[2406]" value="" placeholder="Your Email" data-reqmsg="This field cannot be blank." aria-required="true" data-invmsg="Email is invalid" /> </div> <div id="frm_field_2407_container" class="frm_form_field form-field frm_required_field frm_none_container"> <label for="field_uq2x0" class="frm_primary_label">Paragraph <span class="frm_required">*</span> </label> <textarea name="item_meta[2407]" id="field_uq2x0" rows="5" placeholder="Type your message here" data-reqmsg="This field cannot be blank." aria-required="true" data-invmsg="Paragraph is invalid" ></textarea> </div> <div id="frm_field_2446_container" class="frm_form_field frm_html_container form-field">Having trouble submitting your question? Please <a href="/new-topic/">create a new support ticket</a>.</div> <input type="hidden" name="item_key" value="" /> <div class="frm_submit"> <button class="frm_button_submit frm_final_submit" type="submit" formnovalidate="formnovalidate">Submit</button> </div></div> </fieldset> </div> </form> </div>