Bootstrap for Contact Form 7 Plugin WordPress, Download, Install

Este plugin modifica la salida de el popular Contact Form 7 plugin de estilo para estar en cumplimiento con los temas utilizando el marco Bootstrap CSS.

Bootstrap for Contact Form 7 Download Now

(If the link does not work)↓

Originals Link WordPress.org

https://es.wordpress.org/plugins/bootstrap-for-contact-form-7/

How to Install Bootstrap for Contact Form 7 Plugin, Manually

Download and Activation

1. 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.
2. Activa el plugin desde el menú ‘Plugins’ de 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:

1. 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*]
2. 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.

Video

Screenshots

Plugin Not Working?

If any errors or problems with the plug-in then write comments.