How to Install and Configure Contact Form 7 in WordPress easily?
Contact form 7 is one of the most popular WordPress contact form plugins. Once you have installed this, you can easily manage this plugin the WordPress Dashboard
Go to Contact> Contact Forms> Edit.
Although Contact Form 7 is quite popular, there are many who still struggle with its set up.
If you too are confused about how to install Contact Form 7, we will give you a step-by-step instructions for it.
Before we go any further, let us first see what makes Contact Form 7 so popular:
Contact Form 7 has more than 5 million active installs worldwide. Some of its best feature are:
- Creating as well as managing multiple contact forms.
- Customized form fields
- Easily insert forms into any page or post
- Plugin supports like CAPTCH, Ajax-powered submitting.
- Third-party extensions
And the best part, it is completely free!
Installing Contact Form 7
To set up Contact Form 7, the first step you must do is install the plugin on your WordPress site.
For this, go in your WordPress dashboard,
from there go to Plugins> Add New.
After this, search for Contact Form 7 and click Install>Activate.
Once the plugin is activated, you can find its functionality in WordPress Dashboard> Contact.
Set up Contact Form 7
Now, click Contact > Contact Forms.
From here, you’ll see the central administration panel. You can manage multiple contact forms and find the default contact form i.e. Contact Form 1.
Creating a new contact form
Once you have created a new contact by selecting Contact > Add New. Name the new contact form and scroll down to edit the new template.
The template will define the fields that you want on your form.
By Default, Contact Form 7 adds name, email, subject, message and send in the template. Most likely you’ll be keeping all of these fields.
If you want to add extra, select the tag-generator and add the required field.
To add label, copy the HTML with the form-tag and add extra HTML for the label:
Set up mail for email notification
The fields that you have added to your contact form isn’t reflected in the email template settings. Move to Mail, once you have customized the Form.
From here, scroll down to the Message Body and add the form-tags that you have customized to ensure that the email is displayed when you receive it via contact form.
Inserting a Contact Form in a Page or a Post
After installing and configuring Contact Form 7, the last step is to insert the form into a page or a post.
For this, select Contact> Contact Forms. Copy the short code you see next to the form.
Open the page and paste this code in the text area.
Preview the page and if you are happy with where the contact form displays, click on Publish.
The response from contact form should be sent directly to the email address you have given in the Mail setting.