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.

My advice? Get this plugin and empower yourself to add the functionality to your site that you’ve wanted to but never known how. I’ve built client login areas, a range of conditional sms alerts, user publishing abilities, membership areas, automatic post creations after Woocommerce purchases, a gift voucher system, inter-user messaging, feedback applications and a whole range of other apps using this plugin.

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="e077c06e4e" /><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>