by Felix Arntz 4.8 (26 reviews)

Bootstrap for Contact Form 7

Name: Bootstrap for Contact Form 7
Rating: 4.8 (26 reviews)
Author: Felix Arntz

This plugin modifies the output of the popular Contact Form 7 plugin to be styled in compliance with themes using the Bootstrap CSS framework.

Bootstrap for Contact Form 7 ranks #2,058 among WordPress.org plugins with 10,000+ active installations, is #209 of 4,957 in the Utilities & Tools category, a 4.8/5 rating from 26 reviews, and was last updated May 24, 2018. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 4.9.32 (Current: 7.1.1)

v1.4.8 Current Version v1.4.8

Updated 8 years ago Last Update on 24 May, 2018

Refreshed 11 hours ago Last Refreshed on

#209 of 4,957 in Utilities & Tools Top 5% by installs Downloads -11.5% this week No update in over a year

View on WordPress.org

Rank

#2,058

-1 this week

Active Installs

10K+

-17.8%

KW Avg Position

106.5

0.5 worse

Downloads

319.1K

+6 today

Support Resolved

— No change

Rating

96%

Review 4.8 out of 5

4.8 (26 reviews)

Next Milestone 20K

Total Progress 20.5%

10K+ 20K+

637

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 7,953 more installs to reach 20K+

Rank Changes

Current #2,058

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

4.8

26 reviews

Overall 96%

23 (88%)

2 (8%)

1 (4%)

0 (0%)

Security History

Source: WPVulnerability

No known vulnerabilities on record for Bootstrap for Contact Form 7. Checked 1 week ago.

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 1.4.8
Last Updated: May 24, 2018
Requires WP: 3.6+
Tested Up To: 4.9.32
PHP Version: N/A
Author: Felix Arntz

Support & Rating

Rating: ★ ★ ★ ★ ★ 4.8
Reviews: 26
Support Threads: 0
Resolved: 0%

Keywords

bootstrap bootstrap 3 bootstrap framework contact form 7 wpcf7

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,756

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,007

Elementor Website Builder - more than just a page builder

10M+ installs

Contact Form 7

10M+ installs

All-in-One WP Migration and Backup

5M+ installs

#10

UpdraftPlus: WP Backup & Migration Plugin

3M+ installs

#15

WPCode - Insert Headers and Footers + Custom Code Snippets - WordPress Code Manager

View all Utilities-and-tools plugins

TL;DR

AI summary of the plugin's readme

This plugin is for WordPress site owners using Contact Form 7 alongside a Bootstrap-based theme. It automatically restyles Contact Form 7's output to match Bootstrap CSS, removing the need to write custom CSS or wrap fields in extra HTML markup.

Horizontal or inline form layout
Global input size control
Checkbox and radio group layouts
Bootstrap input group support
Inline character count display
Inline captcha image display
GET parameter form pre-filling
Submit button alignment options

Frequently Asked Questions

Common questions about Bootstrap for Contact Form 7

Either download the plugin from within your WordPress site, or download it manually and then upload the entire bootstrap-for-contact-form-7 folder to the /wp-content/plugins/ directory. Activate the plugin through the 'Plugins' menu in WordPress. Setup Guide While the shortcodes generally work the same like in the original plugin, there are a few things to consider. If you like to get started quickly, just copy/paste the content below and adjust it to get the form you like (the code below recreates the default form from Contact Form 7). [text* your-name]Your Name[/text*] [email* your-email]Your Email[/email*] [text your-subject]Subject[/text] [textarea your-message]Your Message[/textarea] [submit "Send"] The following are the most important things that are different in Bootstrap for Contact Form 7: Field labels are now integrated in the field shortcodes, so you don't need to wrap them in paragraphs when editing the form. Instead, make the field shortcode enclosing and put the label text between the opening and closing tag. Example: [text* your-name]Your Name[/text*] You don't need to use HTML tags any longer to give your form a layout. The field shortcodes handle this manually, so you should remove all HTML tags from the form editor. Of course you can still use HTML code to separate parts of your form, for example using the <fieldset> tag. It is recommended to adjust the shortcodes to be conform with the explainations above to ensure perfect results with the plugin and Boostrap themes. For details on everything else that you can do to enhance your forms even further, feel free to check out the Other Notes section.

The form layout (as well as other properties) can be adjusted in the "Additional Settings" tab. Please read the Other Notes section to learn how to do that.

If your labels still appear in a separate line although you have already changed the group_layout, you might still be using the shortcode the same way you did before. Please read the Setup Guide to see what to look out for.

While the option to display radio and checkbox labels before the actual input field is still visually available, it does not work with Bootstrap for Contact Form 7. Radio buttons and checkboxes in Bootstrap follow certain conventions, and switching their order is not part of those. However, you can instead modify the appearance of radio buttons and checkboxes in another cool way (read the Other Notes section to learn how).

Bootstrap for Contact Form 7 is an (inofficial) addon to Contact Form 7. You must have the plugin installed to see any changes. Furthermore you should only use this plugin if your theme is based on the CSS framework Bootstrap.

I preferably take support requests as issues on Github, so I would appreciate if you created an issue for your request there. However, if you don't have an account there and do not want to sign up, you can of course use the wordpress.org support forums as well.

If you're a developer and you have some ideas to improve the plugin or to solve a bug, feel free to raise an issue or submit a pull request in the Github repository for the plugin. You can also contribute to the plugin by translating it. Simply visit translate.wordpress.org to get started.