Contact Form 7 is one of the most popular and oldest WordPress contact form plugins around. However, despite its popularity, many people struggle with how to set up Contact Form 7. Sound familiar?
To fix that, we’re going to give you step-by-step instructions on how to set up Contact Form 7. We will cover how to:
- Install the Contact Form 7 plugin
- Create a new form with Contact Form 7
- Insert contact forms into your WordPress website
Top features of Contact Form 7
With over 5 million active installs, Contact Form 7 is clearly a favored WordPress plugin. So let’s take a look at some of its best features:
- Create and manage multiple contact forms
- Easily customize form fields
- Use simple markup to alter mail content
- Insert forms into any pages or posts using Shortcode
- Plugin supports Akismet spam filtering, Ajax-powered submitting, and CAPTCHA
- Lots of third-party extensions to add additional functionality
And best of all, it’s free!
So now you know what this powerful plugin can do, let’s look at how to set up Contact Form 7 on your WordPress website.
How to install Contact Form 7
The first step to setting up Contact Form 7 is to install the plugin on your WordPress website. To do so, in your WordPress dashboard, select Plugins > Add Plugin from the menu.
Then type Contact Form 7 into the search function. Once the Contact Form 7 plugin is displayed, click Install > Activate.
Once it’s activated, you can find the plugin’s functionality in the new Contact area of your WordPress dashboard.
How to set up Contact Form 7
Click on Contact > Contact Forms. Here you will see the central administration panel where you can manage multiple contact forms. You will also find the Contact Form 7’s default contact form, labeled Contact Form 1.
Contact Form 1 contains all the fields a basic contact form may need. This form is ready to use and can be inserted into any page and post of your website, if you wish (this is covered further on).
Alternatively, you can create your own contact form by selecting Contact > Add New.
Creating a new contact form
Give your new contact form a name, and then scroll down to Form. Here you can edit the new contact form template.
Your template defines the various fields that will appear on your form, as well as the labels that appear next to those fields.
By default, Contact Form 7 adds a number of fields to new forms, including name, email, subject, message and send. More than likely, you will want to keep all of these fields.
However, you may want to add extra fields, depending on your site’s needs. To do this, you can select the appropriate tag-generator button to generate the correct form-tag. For example, to add a URL field, you just click on the URL button (as marked below).
If you want to add a label to your field, you can copy the HTML that accompanies a form-tag from the other fields. For example, when we clicked on the URL button, Contact Form 7 pre-generated the form-tag
[url url-935]. We then added the extra HTML for the label, so the final URL field read as:
<label> Your Website URL [url url-935] </label>
You can now add as many extra fields as needed for your site’s contact form. Remember to click Save at the bottom of the page when you have finished.
Setting up mail to control email notifications
Any extra fields you add to your contact form are not automatically reflected in the email notification template settings. Therefore, once you have finished customizing the Form, switch to the Mail, tab.
This is the template for the email you will receive when a contact form is sent. In the To field, check that the email address is correct, as this is where any contact form correspondence will be sent. (Contact Form 7 by default will add the email that is linked to your website).
Scroll down to the Message Body section and add the extra form-tags that you generated for your form. This will ensure that when you receive an email via your contact form, it will display all the information you asked the sender to share.
To add a field to your email template, just copy over the form field from your template. You can also add regular text around your fields. You can see how we did this in the screenshot below:
Again, remember to click on Save once your mail settings are complete.
Insert a contact form into a page or post
You now know how to set up Contact Form 7, create a contact form, and adjust the mail settings. The last step in the process is to now insert the contact form into a page or post on your WordPress website.
Select Contact > Contact Forms. Then copy the shortcode next to the form that you want to add to your site.
Next, open the page or post where you would like to insert the contact form. Paste the shortcode in the text area of the post editor where you would like the contact form displayed.
Preview the page, and if you are happy with the results, click Publish. Once your contact form has gone live, test it to check it is working. Your contact form response should be sent directly to the email address you specified in the Mail settings. If your inbox remains empty, check your spam/junk mail before you start troubleshooting.
Not impressed with Contact Form 7?
There’s an alternative. WPForms, created by the WPBeginner team, is an extremely user-friendly plugin. Free to install and use, you can quickly add a contact form to your WordPress website using a drag-and-drop builder. Here are a few of WPForms’ other top features:
- Easy to Use – a great option for all, from beginners to web designers.
- Fully Customizable – change, add or delete any field labels.
- Provides reCaptcha – avoid spam messages with the reCaptcha feature.
- Form Templates – use pre-built contact form templates if you don’t feel like building a new one from scratch.
- File Uploads – let users submit media files via the File Uploads option.
- Newsletter sign-up and payment forms – grow your email list and collect payments / donations.
- Surveys and polls – easily collect data from your site’s visitors.
To find out more about using WPForms, check out our article “5 Best Contact Form Plugins for WordPress Compared.”
Final thoughts – how to set up Contact Form 7
A contact form is a vital part of any website. You now know how to set up Contact Form 7, and easily add a contact form to your site. And all for free. In the future, you can add new functionality to your contact forms by taking advantage of the many third-party Contact Form 7 extensions listed at WordPress.org.