Get a head start on creating a form using our Event Registration Contact Form 7 templateTemplate CF7 Skins Templates are the structure of your form, providing the content and layout. They act as an easy to follow guide that can be adjusted to your particular needs.. Contact Form 7 (CF7) includes a default form template, but it is minimal and doesn’t give much help or guidance to new users.
Contact Form 7 Skins (CF7 Skins), our free plugin available in the WordPress plugin directory has many free templates available such as an Event Registration template.
In this article, we aim to help you get a head start on creating any form for your own WordPress (WP) site using our freely available Event Registration template. You can also use this template to start creating forms on your own quickly.
1. Copy the Event Registration template code
<fieldset> <legend>Event</legend> <ol> <li>Name [text text-474]</li> <li>Phone Number [tel tel-267]</li> <li>Email [email* email-750]</li> <li>Which workshops will you be attending? [checkbox checkbox-795 "Option 1" "Option 2" "Option 3"]</li> <li>Are you an existing customer? [radio radio-709 default:1 "Yes" "No"]</li> <li>How did find out about this event? [select select-789 "Option 1" "Option 2" "Option 3"]</li> <li>Comments or Questions [textarea textarea-570]</li> </ol> [submit "Submit"] <p> * Required</p> </fieldset> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tempus pharetra vehicula. Aliquam pellentesque mi non scelerisque placerat.</p>
Tip: Just drag over the contents of this box to highlight all the included text. Then press Copy – Ctrl+C in Windows, Command+C on Mac.
Further Reading:
2. Paste into Contact Form 7
Paste the code directly within the Contact Form 7 tag editor. You can find the tag editor in the Form tab.
Further Reading:
3. Save & preview in WordPress
Lastly, once you save the form, you can use the shortcode to have the same form fields and labels as shown on this live form:
This form was made using CF7 Skins with the Default F7 Skins StyleStyle When you select a CF7 Skins Style the aesthetic design (CSS code) is automatically created and applied to your form..
Further Reading:
- Choosing a Template for Your Form
- Overview of the CF7 Skins User Interface
- How do I create a form with CF7 Skins?
Alternatively — use the CF7 Skins Visual Editor
If you prefer to create and edit your Contact Form 7 forms visually, CF7 Skins now includes drag & drop visual editor.
CF7 Skins Visual: Tour the visual form editor is your guide on how to create forms visually.
Further Reading
- Free Event Registration Form template for Contact Form 7
- Free Contact Form template for Contact Form 7
What’s next?: Take a look at tips & tricks on quickly editing your form.
Did you know you can get more free templates (and styles) right now? Download the free CF7 Skins plugin and use any of our Contact Form 7 form templates.