One of the most common and oldest WordPress contact form plugins around is Contact Form 7. Despite its success, however, many individuals are grappling with how to set up Contact Type 7. In this article, I will help you to know everything about contact form 7 and how you can set it up with ease.
So let’s get started.
Before we begin, let’s look at some of the features of contact form 7.
Features of Contact Form 7
- Contact Form 7 helps you to create and manage multiple contact forms.
- The form fields of Contact Form 7 are easily customizable.
- It uses simple markup to alter mail content
- With the help of Shortcode, you can insert forms into any pages or posts
- The plugin has enormous supports like Akismet spam filtering, Ajax-powered submitting, and CAPTCHA
And to top it all, it’s free! Yes, you read it right. It’s free. No cost involved. Isn’t it amazing?
Now let’s get into the details of how to install a Contact Form.
Install Contact Form 7
Installing the plugin on your WordPress website is the first step towards setting up Contact Form 7. To do this, from the menu on your WordPress dashboard, go to Plugins > Add Plugin.
Then, in the search feature, type Contact Form 7. Click Install > Activate once the Contact Form 7 plugin is shown. You can find the plugin in the Contact area of your dashboard once it is installed and activated.
How to setup Contact Form 7
Please go to Contact > Contact Forms. Here you’ll see the central administration panel where various contact forms can be handled. You can also notice the default contact form for Contact Form 7, which is called Contact Form 1.
Contact Form 1 involves all the fields that might be needed for a simple contact form. This form is ready to use and can be incorporated, if you wish, into any page or article on your website. However, by selecting Contact > Add New, you can also build your own contact type. Isn’t the entire process pretty simple? I think, yes, it is! Let me know in the comments section what you think about it.
How to create a new contact form
Name your contact form and scroll down to Form, where you can edit your contact form template.
Contact Form 7 introduces a number of fields to new forms by default, including name, email, topic, message, and send.
You may want, however, to add additional fields, depending on the needs of your platform. You may choose the appropriate tag-generator button to create the correct form-tag to do this. For instance, you just click on the URL button to add a URL field.
You can copy the HTML that accompanies the form-tag from the other fields if you wish to add a mark to your field. For instance, Contact Form 7 pre-generated the form-tag [url url-935] when we clicked on the URL button. The extra HTML for the label was then added, so the final URL field read as:
You can now add as many additional fields to the contact form of your site as desired. When you have done, remember to press Save at the bottom of the page.
It’s time to take a look at the email delivery settings in Contact Form 7 now that we have configured the structure of our contact form. While the default mail delivery settings should function just fine for most sites, if your site or use case needs a particular configuration, it is always important to understand the different settings.
Go to the contact form editor to access the mail delivery settings and select the “Mail” tab.
The mail delivery settings of Contact Form 7 allow you to configure the templates and parameters that are used to create and return notification to you after someone submits a form. If you are using incorrect settings, you may not be informed of form submissions. Thus, after developing a contact form and changing settings, it is important to test the form delivery.
You can configure the following mail delivery settings using Contact Form 7.
- Enter the email address you want to send a notification to.
- Enter the email address from which to send a notification.
- Subject– the subject of the notification email.
- Additional headers-specify additional headers of emails such as “reply-to.”
- Create a message body – the body of the email notification.
- File Attachments-Specify any attachments that the notification email should contain.
Secure your Contact Form 7 with reCaptcha
Spam has become a big problem for communication types as automated bots have become smarter and more widespread over the years. It’s fairly straightforward for web scrapers to spot them and fire off spam messages to your email address since contact forms are normally available to the public Internet. Luckily, there are different ways to stop spammers and secure your communication type.
You will probably be familiar with reCAPTCHA, a technology developed by Google to detect artificial bot behavior if you’ve ever submitted a form on the Internet. Older versions of reCAPTCHA (V2) required a puzzle or challenge for users to pass.
No interaction from users is expected in the latest version of reCAPTCHA (V3). Instead, to differentiate between human and bot visitors, it tracks user behavior in the background transparently. As reCAPTCHA V3 is enabled by Communication Form 7, we suggest using this latest version because it offers visitors a better user experience.
You will first need to create an API key to set up reCAPTCHA. Sign in to your Google account to do this and go to the setup page for reCAPTCHA.
You need to go through the registration form to create your reCAPTCHA.
- Label – Specify a label.
- reCAPTCHA Type – Contact Form 7 supports reCAPTCHA v3, so select that version.
- Domains – If your site uses a root domain, add the non-www and www versions of your domain. If your site uses a subdomain, just add the subdomain.
- Owners – The email address associated with your Google account will be added as an owner by default. Feel free to add additional email addresses if needed.
Once you have filled in the details, then click on Submit. You will then get a site-specific “site key” and “secret key.” Keep these keys safe as you will require them in your Contact Form 7.
Then, in your WordPress dashboard toolbar, click ‘Contact’ and then click Integration. Pick the reCAPTCHA choice and paste in their respective fields your site key and secret key. Finally, to finalize the reCAPTCHA integration, click Save Changes.
You can see the reCAPTCHA logo in the lower right corner of your contact form page after configuring reCAPTCHA in Contact Form 7. This implies that reCAPTCHA is active and defends the contact form from spam submissions.
The most common contact form plugin is Contact Form 7, and for a good reason! From simple communication forms to question-answer quizzes to complex forms supporting file attachments and drop-down menus, it can be used to build anything.
Best of all, to help protect your contact form against spammers, it comes with integrated reCAPTCHA support.
On your WordPress account, do you use Contact Form 7? What’s your preferred option? Let me know in the comments section.