Contact Form 7 Extensions

Contact Form 7 Skins is only one of a large number of extensions that have been created for Contact Form 7 (CF7).

As one on the most popular plugins in the WordPress Plugin Repository it was perhaps inevitable that people would be willing to spend their time developing and releasing plugins that extend CF7’s natural capabilities.

Indeed the range is such that CF7 with it’s extensions can give users many of the functions available in some of the well known premium form plugins.

The advantage in sticking with CF7 is often familiarity with the CF7 form plugin. The learning curve for some of the premium form plugins can be substantial. If you only require one or two extra features, and not the huge range of extra functionality available in the premium form plugins, it can make a lot of sense to use a CF7 extension or two.

In this article, our aim is to make people aware of the various CF7 extensions, what they do and how they can be used to meet additional needs that uses may have with their website forms.

CF7 with it’s extensions can give users many of the functions available in some of the well known premium form plugins

Popular

Contact Form DB

Saves submitted form data to the database and provides short codes to display it.

Websitehttp://cfdbplugin.com/

Contact Form 7 Dynamic Text Extension

Provides a dynamic text field that accepts any shortcode to generate the content. While default values in CF7 are static, this extension lets you create pre-populated fields based on other values.

Contact Form 7 Modules

Add useful modules such as “hidden fields” and “send all fields” to Contact Form 7

Inserting dynamic values
You can also choose to have the value of the hidden field dynamically populated in your form when you are contacted.

Now, when someone contacts you using your Contact Form 7 contact form, you can have lots more information about their visit – and you’ll see it when you receive the email that tells you you’ve been contacted.

+ Send All Fields

Further reading:

WebsiteContact Form 7 Modules

MailChimp for WordPress

Add sign-up checkboxes to your comment form, Contact Form 7 forms or any other form you like.

Contact Form 7 Honeypot

Adds honeypot anti-spam functionality to CF7 forms.

Jquery Validation For Contact Form 7

Adds extra validation rules like: url, date, credit card, phone number in the contact form 7 fields.

Datepicker

Contact Form 7 Datepicker

Enables adding a date field for Contact Form 7 WordPress Plugin using jQuery UI’s datepicker.

Contact Form 7 IE DatePicker and Number Spinner Fix

 

Form Spam – Captcha

Really Simple CAPTCHA

A CAPTCHA module intended to be called from other plugins. Written by Takayuki Miyoshi – the developer of Contact Form 7

Sweet Captcha

A really cool captcha for Contact Form 7

Contact Form 7 reCAPTCHA Extension

Allows the usage of a reCAPTCHA field.

Keypic – NO CAPTCHA Anti-Spam

Keypic checks your forms against the comprehensive Keypic Web Service to see if they look like spam.

Other

Contact Form 7: Accessible Defaults

Replaces the default Contact Form 7 form with an accessible equivalent and provides a suite of selectable base forms.

Contact Form 7 – Success Page Redirects

An add-on for Contact Form 7 that provides a straightforward method to redirect visitors to success pages or thank you pages.

Chosen for WordPress

Makes long, unwieldy select boxes much more user-friendly.

This plugin applies Chosen to any select box in your post and page content. The relevant Javascript & CSS files are only loaded if the post in question includes a select box or a

Error: Contact form not found.

shortcode.

The Grunion Contact Form & Contact Form 7 plugins both use a the

Error: Contact form not found.

shortcode.

If you need to force the Chosen script & styles to load on a page, simply include [chosen] within the page.

Contact Form 7 Integrations | ContactUs.com

This plugin Integrates Contact Form 7 with a cloud-based contact management database, CRM Tools, form conversion analytics and 3rd party software integrations. Supported and maintained by ContactUs.com

Contact Form 7 – Campaign Monitor Addon

Add the capability to create newsletter opt-in forms with Contact Form 7. Automatically submit subscribers to predetermined lists in Campaign Monitor.

Deregister Contact Form 7

Prevents the scripts and styling from the Contact Form 7 plugin from loading on your site. Useful for situations in which you do not require the AJAX functionality of the original plugin and have included all the necessary styling in your themes CSS.

ShootQ for Contact Form 7

Adds ShootQ integration to all Contact Form 7 forms on a blog

Cf Shopping Cart

Allows Contact Form 7 forms to be transformed into a shopping cart:

Contact-Form-7: 3rd-Party Integration

Send Contact Form 7 submissions to a 3rd-party Service, like a CRM. Multiple configurable services, custom field mapping, pre/post processing.

Contact Form 7 Phone Module

This plugin adds telephone field to Contact Form 7 along with masking options.

Contact Form 7 minlength extension

Gives you the ability to add a minimum length to Contact Form 7 textfields.

Premium Plugins

Contact Form 7 Storage

Stores all Contact Form 7 submissions (including attachments) in WordPress dashboard.

Not Being Updated

Contact Form 7 Customfield in mail

Provides a new special mail tag for the mail section of the Contact Form 7 Plugin. It allows the use of custom field values in the mail section of Contact Form 7. (Note 1)

Contact Form 7 Widget

Use your Contact Form 7 forms and other shortcodes in your sidebars. (Note 1)

Note 1: This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

======================

New Extension

Details

http://wordpress.org/plugins/search.php?q=cf7

Further reading:

WebsiteExtension

CF7 Skins Community Showcase

Premium members can see example of forms created by other members of the CF7 Skins Community in our CF7 Skins Community Showcase.

  • ideas
  • examples
  • their industry

Note: will give us access to what people are using CF7 Skins for.

Creating Effective Forms

Keys to making effective forms

Articles on making effective forms – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nisl eros, adipiscing semper euismod condimentum, bibendum eget purus.

Research on Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nisl eros, adipiscing semper euismod condimentum, bibendum eget purus.

Suggested Reading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nisl eros, adipiscing semper euismod condimentum, bibendum eget purus.

Creating Accessible Contact Form 7 Forms

Creating Accessible Forms

Aenean accumsan massa ut risus dapibus a aliquet ante volutpat. Proin ac lectus lectus. Morbi suscipit lacinia dui, nec hendrerit purus ullamcorper ut. Fusce consectetur volutpat est ac blandit. Proin mi mauris, feugiat ac malesuada vel, suscipit at nunc.

Semantic Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nisl eros, adipiscing semper euismod condimentum, bibendum eget purus.

Contact Form 7 plugin is not WCAG accessible
esmi – Theme Diva & Forum Moderator

Yes. For example, the forum at http://quirm.net/contact/ uses the following in the form field:

<p><label for="name">Name (required)</label>
    [text 1="your-name" 2="akismet:author" 3="id:name" language="*"][/text] </p>
<p><label for="email">Email Address (required)</label>
    [email* your-email akismet:author_email id:email] </p>
<p><label for="subject">Subject (required)</label>
    [select* your-subject id:subject include_blank "I would like to develop an eShop add-on plugin" "I want a custom theme" "I need you to install WordPress for me" "I need you to troubleshoot my WordPress site" "I just want to rant!"]</p>
<p><label for="message">Your Message</label><br />
    [textarea your-message id:message] </p>
<p class="right">[submit "Send"]</p></code>

http://blog.rrwd.nl/2014/03/01/how-to-set-up-an-accessible-form-using-contact-form-7-in-wordpress/

http://wordpress.org/support/topic/how-to-add-an-id-to-a-field-so-i-can-use-a-label-tag

Using Contact Form 7

Basic Contact Form 7

Aenean accumsan massa ut risus dapibus a aliquet ante volutpat. Proin ac lectus lectus. Morbi suscipit lacinia dui, nec hendrerit purus ullamcorper ut. Fusce consectetur volutpat est ac blandit. Proin mi mauris, feugiat ac malesuada vel, suscipit at nunc.

Contact Form 7 for Dummies

See how Ninja Forms is explained at – http://tidyrepo.com/ninja-forms/

Advanced Contact Form 7

Quisque sapien augue, interdum id rutrum at, mollis a odio. Vivamus sagittis ultrices enim, sed fermentum velit egestas eget. Curabitur turpis orci, lobortis sit amet dapibus sed, ullamcorper in neque. Cum sociis natoque penatibus et magnis dis parturient montes.

Contact Form 7 for Smarties

Links to Contact Form 7 Documentation

Styling Contact Form

Styling Forms in Contact Form 7 (topics)

What’s the Right/Best way to build forms in CF7

Aenean accumsan massa ut risus dapibus a aliquet ante volutpat. Proin ac lectus lectus. Morbi suscipit lacinia dui, nec hendrerit purus ullamcorper ut. Fusce consectetur volutpat est ac blandit. Proin mi mauris, feugiat ac malesuada vel, suscipit at nunc.

What HTML should be used when building CF7 forms

Quisque sapien augue, interdum id rutrum at, mollis a odio. Vivamus sagittis ultrices enim, sed fermentum velit egestas eget. Curabitur turpis orci, lobortis sit amet dapibus sed, ullamcorper in neque. Cum sociis natoque penatibus et magnis dis parturient montes.

Using Fieldsets & Labels

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nisl eros, adipiscing semper euismod condimentum, bibendum eget purus. Sed consectetur volutpat massa, vitae consectetur nunc molestie at. Fusce sed volutpat nibh. Curabitur ultrices porttitor eros ac cursus.

Using Unordered & Ordered Lists

Quisque sapien augue, interdum id rutrum at, mollis a odio. Vivamus sagittis ultrices enim, sed fermentum velit egestas eget. Curabitur turpis orci, lobortis sit amet dapibus sed, ullamcorper in neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst.

Controlling position of form elements

Fusce consectetur volutpat est ac blandit. Proin mi mauris, feugiat ac malesuada vel, suscipit at nunc. Quisque sapien augue, interdum id rutrum at, mollis a odio. Vivamus sagittis ultrices enim, sed fermentum velit egestas eget.