You can start creating your own Survey Form with our free Survey Form 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, our free plugin available in the WordPress plugin directory has many free templates available such as an improved Survey Form template.
In this article, we aim to help you get a head start on creating a Survey Form for your own WordPress (WP) site using our freely available Survey Form template. You can use this template to start creating forms on your own quickly.
1. Copy the free Survey Form template code
Firstly, you need to copy the Survey Form template code below:
<fieldset> <legend>Survey Form</legend> <p> Please help us to serve you better by completing this survey. It should take around 5 minutes to complete. </p> <ol> <li> Overall, how satisfied are you with our product / service? [radio cf7s-survey1 default:1 "Very Satisfied" "Satisfied" "Neutral" "Unsatisfied" "Very Unsatisfied" " N/A"] </li> <li> Would you recommend our product / service to others? [radio cf7s-survey2 default:1 "Definitely" "Probably" "Not Sure" "Probably Not" "Definitely Not"] </li> <li> How long have you used our product / service? [radio cf7s-survey3 default:1 "Less than a month" "1-6 months" "1-3 years" "Over 3 Years" "Never used"] </li> <li> How often do you use our product / service? [radio cf7s-survey4 default:1 "Once a week" "2 to 3 times a month" "Once a month" "Less than once a month"] </li> <li> What aspect of the product / service were you most satisfied by? [radio cf7s-survey5 default:1 "Quality" "Price" "Purchase Experience" "Usage Experience" "Customer Service"] </li> <li> Overall, the product / service met my expectations? [radio cf7s-survey6 default:1 "Strongly Agree" "Agree" "Neutral" "Disagree" "Strongly Disagree" "Don't Know"] </li> <li> What do you like about the product / service?[textarea cf7s-survey7] </li> <li> Thinking of similar products / services offered by others, how would you compare the product / service offered by us? [radio cf7s-survey8 default:1 "Much Better" "Somewhat Better" "About the Same" "Somewhat Worse" "Much Worse" "Don't Know"] </li> </ol> [submit "Submit"] </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
Secondly, you must paste the code directly in your 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 generate a basic Form for your WP site as shown in the form below.
This form was made using CF7 Skins. You can re-create this exact styleStyle When you select a CF7 Skins Style the aesthetic design (CSS code) is automatically created and applied to your form. by selecting Fig as your CF7 Skins Style, which is available in the CF7 Skins Pro Add-on.
Further Reading:
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
What’s next?: You can also read further about tips & tricks on how to quickly edit your form.
Moreover, did you know that you have more free templates (and styles) to choose from? Download the free CF7 Skins plugin and use any of our Contact Form 7 form templates available.
