Last Updated on May 13, 2013 by Neil Murray

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.

Last Updated on May 13, 2013 by Neil Murray

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.

Last Updated on May 10, 2013 by Neil Murray

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

Last Updated on May 10, 2013 by Neil Murray

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

Last Updated on May 7, 2013 by Neil Murray

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.