Do you want to send events from your WordPress contact form straight to Google Calendar?
Perhaps you use Google Calendar to take bookings, or maybe you have a contact form that lets clients book a call with you. You can automatically add those events to your Google Calendar.
In this article, we’ll show you how to easily add Google Calendar events from your WordPress contact form.rr
Why Add Google Calendar Events From a WordPress Form?
Normally, you can add a contact form to your WordPress website and get notifications via email or in your WordPress dashboard.
You can use a contact form for allowing customers to book appointments, request a callback, get a quote, and more. However, managing contact form leads manually is not very efficient, and you may lose customers because of that.
This is where Google Calendar can help. It works on any device, and you can get instant notifications / reminders for each calendar event.
Automatically sending your form entries to Google Calendar ensures that you don’t miss any bookings, appointments, orders, and calls.
That being said, let’s look at how to easily create a Google Calendar event from your WordPress form entries.
Connecting Your Contact Form and Google Calendar
For this tutorial, we’ll be using WPForms, which is the best form builder for WordPress. It comes with an intuitive drag and drop interface that lets you easily create any type of form.
We’ll then use Zapier to connect your contact form to Google Calendar. Zapier works as a bridge, connecting 2 different apps with no need for any code.
Let’s get started.
Creating Your Contact Form in WPForms
First, you need to install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Note: You need the Pro version or higher to use the Zapier addon for WPForms.
Upon activation, go to the WPForms » Settings page and enter your license key. You will find your license key in your account area on the WPForms website.
Now, it’s time to create your contact form. If you already have a contact form set up, simply edit it by going to the WPForms » All Forms page and clicking on its name.
Otherwise, visit the WPForms » Add New page in your WordPress admin to launch the WPForms builder and create a new form.
We’re going to use a simple contact form template with added date/time fields for the start and end time of the call. If you need help creating your form and adding fields, check out our step by step guide to creating a contact form.
Tip: Want to use a specialized event form template instead? Simply install the Form Templates addon under WPForms » Addons for access to the Event Planner Form and dozens of other templates.
Once you’ve set up your form, you need to add it to your WordPress site. Simply edit the page (or post) where you want to include it, or add a new one by going to Pages » Add New.
First, you need to click the + icon to add a new block. Then, search for the WPForms block and add it to your content area:
For more detailed instructions, check out our step by step guide on creating a contact form.
Once you’ve added your form to your website, go ahead and publish or preview the page.
Make sure that you submit a test entry using your form. This test entry is necessary to set up and check the connection between WPForms and Google Calendar.
Here’s our test entry, with name, email, date, start and end time, plus a message:
Preparing to Connect WPForms and Zapier
We are going to use Zapier to link WPForms and Google Calendar. This means you need to install and activate the WPForms Zapier addon.
Simply go to the WPForms » Addons page in your WordPress admin. Search for the Zapier addon and then click the ‘Install Addon’ button to install and activate it.
Now, you need to visit the WPForms » Settings » Integrations page. From here, you simply need to click on the Zapier logo to get an API key.
You may want to copy your API key somewhere safe or keep your tab open. You’ll need this later to connect Zapier to your WPForms account.
Creating Your Zap to Send Data From Your Contact Form to Google Calendar
Now, it’s time to go to the Zapier website. If you don’t already have an account, then go ahead and create a free account here.
Once you are logged in to the Zapier dashboard, click on the ‘Make a Zap’ button. This is on the top left of the screen.
Note: In Zapier, a ‘Zap’ is a process that has both a trigger and an action. In this case, our trigger will be someone filling in the contact form, and our action will be to create a new event in Google Calendar.
Now, you need to give your Zap a name at the top of the screen. After that, it’s time to set up the trigger.
First, type ‘WPForms’ into the search bar for the ‘Choose App & Event’ box. Then, simply click on the WPForms icon that appears:
Zapier will automatically fill in the trigger event of ‘New Form Entry’ so you just need to click the Continue button.
Next, Zapier will prompt you to sign in to your WPForms account. Just click the ‘Sign in to WPForms’ button to do so:
You should now see a popup window, where you need to enter your API key. This is the API key that you found earlier on the WPForms » Settings » Integrations page in your WordPress admin.
You also need to add the URL (domain name) of your website.
After doing that, simply click the ‘Yes, Continue’ button to move to the next step.
Zapier will now ask you to select your contact form from the dropdown list. If you have several different forms on your site, then make sure you select the right one:
Next, go ahead and click the test trigger button:
Zapier would now find the test entry you created earlier and show the data on screen:
Click the ‘Continue’ button and you’ll move on to the Action part of the Zap. This is where you need to choose your second app, Google Calendar.
Next, click on the ‘Choose Action Event’ dropdown and select the ‘Create Detailed Event’ option:
Zapier will now prompt you to sign in to your Google Calendar account:
You need to give Zapier permission to access your Google Calendar, or it will not be able to create events:
Once you’ve signed into Google Calendar, click the Continue button to carry on.
Next, you will see the Customize Detailed Event section. Here, you need to select the correct calendar from the first dropdown:
Once you’ve done that, type in an event summary for the event. We’re going to use Client Call for ours. You could also choose a form field here, if you have an appropriate field on your form for this.
For the event description, we’re going to use the message from the form. Just click on the description box, then click on the field from your form that you want to use. Your test data will be shown alongside the field name:
You can include other fields in here, such as the person’s name and/or email address.
You also need to make sure you add the Start Date & Time and the End Date & Time. Again, click on the box and select the appropriate field from your form:
You may also want to include the email address of the person who booked the call or event. This means they’ll be sent an invite, so they can easily add the event to their own calendar:
You can change other settings here, as well. Once you’re happy with your settings, click the Continue button.
Now, Zapier gives you the opportunity to test out your Zap. First, you will see the details of what’s going to be sent to Google Calendar:
Below this, simply click the ‘Test & Continue’ button to test out your Zap:
Next, go ahead and view your Google Calendar to check that the test event has been successfully added:
Now, it’s time to switch on your Zap by clicking the blue button:
Tip: If your event has been added at the wrong time of day, check the timezone settings in your Zapier profile. If these are incorrect, set them to the correct timezone and test your Zap again.
That’s it. Your contact form entries will now be automatically sent to your Google Calendar.
We hope this article helped you learn how to add Google Calendar events from your WordPress contact form. You may also want to see our comparison of the best business phone services, and our step by step guide on how to get a free business email address.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
The post How to Add Google Calendar Events From Your WordPress Contact Form appeared first on WPBeginner.
In 2020, staying in touch with your audience is very important. Establishing an email list with a service like MailChimp helps you deliver content straight to your subscribers.
Email lists are great, but what if a reader or potential customer wants to get in contact with you directly? That’s where contact forms come in! In this article, we’ll cover how to configure the popular Contact Form 7 plugin for your WordPress site.
How to Install Contact Form 7
Contact Form 7 has been around since 2009, and it’s garnered over 5 million downloads in the past decade. Contact Form 7 can be installed directly from the WordPress plugin repository. If you search for “contact form 7”, you’ll be able to find the plugin along with a variety of add-ons.
Install the Contact Form 7 plugin from the WordPress plugin repository.
After the plugin is installed, you’ll see a menu item labeled “Contact” in the sidebar of your WordPress dashboard. This is where all of Contact Form 7’s settings can be configured.
Customize Contact Form 7 settings.
The Pros and Cons of Having a Contact From
Before we dive into how to configure Contact Form 7 for your WordPress site, let’s quickly go through a few of the pros and cons of adding a contact from to your site.
Pros of Having a Contact Form
A contact form allows readers, customers, and fans to contact you directly. Depending on the purpose of your WordPress site, the ability for a visitor to communicate with you can be very important. For example, not adding a contact form to an ecommerce site can be financially damaging to your business because interested parties won’t be able to reach out to you if they have questions about your product.
A contact form adds legitimacy to your WordPress site or business. Many people see the presence of a contact form as a trust factor of sorts. The idea of being able to reach out to you, the site owner, makes your content more trustworthy.
Cons of Having a Contact Form
Spam can be an issue for public forms like comment boxes and contact forms. Luckily with Contact Form 7, you can filter out spam with reCAPTCHA. You can even configure a Cloudflare page rule to protect yourself even further. We’ll get into the nitty-gritty how to set up spam protection in Contact Form 7 later on in the article.
After adding a contact form to your site, you’ll likely need to devote time to responding to messages. This isn’t necessarily a bad thing depending on how you look at it. Some people dread the process of responding to emails, while others genuinely enjoy it. From our experience, the relationships that manifest from having a contact form on your site typically outweigh the cost of moderation, so we recommend powering through it!
An Overview of Contact Form 7 Settings
Creating a contact form with the Contact Form 7 plugin is super easy. To get started, click Contact > Contact Forms in your WordPress sidebar. On this page, you can view all of your contact forms along with their associated metadata details.
Contact form in Contact Form 7.
When Contact Form 7 is first installed, it creates an example form as well. Before we get into how to create a custom contact form, let’s first take a look at the example form to get a better idea of how Contact Form 7 works. Click on Contact Form 1 to view the form settings.
Configure your WordPress contact form.
The “Edit Contact Form” page is split into four sections.
Form – Customize your HTML contact form template with a variety of field options like “text”, “email”, “checkboxes”, etc. You can also write custom HTML in the form customization box.
Mail – Customize the email template and settings used for notification emails.
Messages – Customize messages that are displayed after specific actions. For example, you can set a unique message to display after someone submits a contact form.
Additional Settings – Specify snippets to enable additional features like subscribers-only mode, demo mode, and mail skipping.
Now let’s take a closer look at each section and create a custom contact form!
How to Create a WordPress Contact Form
To create a new contact form, click on Add New next to “Contact Forms”.
Create a new contact form in Contact Form 7.
Give the new contact form a name, and click “Save”.
Save your new WordPress contact form.
In the “Form” section, add the necessary HTML for your contact form. You can use the various preset buttons to generate shortcodes for popular form tags. To make things easier, check out the descriptions below for the preset form tags that come with Contact Form 7.
Text – Create a form tag for a single line of text. Text fields are useful for first names, last names, and other text-based snippets that don’t require multiple lines.
Email – Create a form tag for an email address.
URL – Create a form tag for a URL.
Tel – Create a form tag for a telephone number.
Number – Create a form tag for a number. Unlike the “text” or “text area” input fields, “number” fields only allow numeric digits.
Date – Create a form tag for a date.
Text Area – Create a form tag for a text area. Unlike the normal “text” input field, a “text area” field allows for multiple lines of text. They’re ideal for inputting the body of the message.
Drop-down Menu – Create a form tag for a drop-down menu.
Checkboxes – Create a form tag for checkboxes.
Radio Buttons – Create a form tag for radio buttons.
Acceptance – Create a form tag for an acceptance checkbox.
Quiz – Create a form tag for a question-answer pair.
File – Create a form tag for a file upload field.
Submit – Create a form tag for a submit button.
Now let’s go ahead and customize a contact form. For the sake of completeness, we’ll create a contact form that uses all the preset form tags in Contact Form 7.
The “Text” Form Tag
When you click on a preset form tag in Contact Form 7, you’ll see a popup menu like the one below. In this menu, you can configure the form tag’s settings. At the bottom, you’ll see a shortcode that can be embedded into your contact form template.
A “text” form tag in Contact Form 7.
For the “text” form tag, we’re using the settings below to create an input field for a name.
Field Type – Required Field
Name – text-711 (auto-generated)
Default Value – Your Name (used as default placeholder text)
In some cases, you may want to have an input field on your contact form for collecting someone’s website. While you can technically use a normal “text” form tag for this in Contact Form 7, we recommend using the “URL” form tag instead. The “URL” form tag will generate an input field that validates URLs to ensure they’re formatted correctly.
A “URL” form tag in Contact Form 7.
For the “url” form tag, we’ve configured the settings below.
Contact Form 7’s “drop-down menu” form tag lets you create a drop-down menu with multiple options. Drop-down menus are useful for situations where you want a visitor to select a specific option to submit with the form. For example, if you run a WordPress maintenance company, you can configure a drop-down menu that lets a visitor choose between the services you offer.
A “drop-down menu” form tag in Contact Form 7.
For the “drop-down menu” form tag, we’ve configured the settings below.
The checkbox form tag lets you create HTML checkboxes. Similar to drop-down menus, checkboxes can also be used to select predefined options. Depending on the nature of your contact form, checkboxes may work better than drop-down menus. For example, if you have a small number of options to choose from, a checkbox reduces the number of clicks required to make a selection. On the other hand, if your contact form has a lot of options, a drop-down menu may work better because it takes up less vertical space.
A “checkbox” form tag in Contact Form 7.
For the “checkbox” form tag, we’ve configured the settings below.
Contact Form 7’s “acceptance” form tag can be used to generate a single checkbox for the purpose of accepting terms and conditions. With the acceptance form tag settings, you can specify a message to display.
An “acceptance” form tag in Contact Form 7.
For the “acceptance” form tag, we’ve configured the settings below.
Name – acceptance-545 (auto-generated)
Condition – Check this box to accept the terms.
ID Attribute – cf7-acceptance
Class Attribute – cf7-acceptance
These settings generate the shortcode below.
[acceptance acceptance-545 id:cf7-acceptance class:cf7-acceptance] Check this box to accept the terms. [/acceptance]
The “Quiz” Form Tag
The “quiz” form tag can be used to create basic question and answer quizzes in your contact form. To create a quiz question, use the following format to separate the question and answer – Question|Answer. In the screenshot below, our question is “What year was WordPress released?”, and the answer (separated by a “|” character) is 2003.
A “quiz” form tag in Contact Form 7.
For the “quiz” form tag, we’ve configured the settings below.
Name – quiz-461 (auto-generated)
Condition – Check this box to accept the terms.
ID Attribute – cf7-quiz
Class Attribute – cf7-quiz
These settings generate the shortcode below.
[quiz quiz-461 id:cf7-quiz class:cf7-quiz "What year was WordPress released?|2003"]
The “File” Form Tag
Contact Form 7’s “file” form tag lets you add file upload functionality to a contact form. This is useful for situations where you want a visitor to be able to upload an image or PDF file to submit with the form. For example, if you run a photography blog that posts guest submissions, you can add file upload functionality for people to upload images.
In the form tag settings, you can specify a variety of settings to secure your form. We recommend always setting a file size limit to prevent malicious users from uploading huge files. Similarly, specifying “acceptable file types” helps you lock down your form to file formats that you want and expect. With the photography blog example in mind, you may want to limit file size to 1 MB (1024 KB) and acceptable file types to known image formats like JPG and PNG only.
A “file” form tag in Contact Form 7.
For the “file” form tag, we’ve configured the settings below.
Last but not least is Contact Form 7’s “submit” form tag. As you may have guessed, this form tag lets you generate a submit button for a contact form.
A “submit” form tag in Contact Form 7.
For the “submit” form tag, we’ve configured the settings below.
Label – Submit
ID Attribute – cf7-submit
Class Attribute – cf7-submit
These settings generate the shortcode below.
[submit id:cf7-submit class:cf7-submit "Submit"]
How to Structure a Contact Form with Form Tags
Now that we have all our form tags set up, it’s time to create the contact form. At this point, your contact form settings should look like the screenshot below. Take note of all the form tags we created above. With the form tags in place, you can use the [contact-form-7] shortcode to embed the form into a WordPress post or page.
Embed a contact form with the contact-form-7 shortcode.
In the WordPress editor, paste the shortcode into an empty block.
Add the Contact Form 7 shortcode to a post or page.
If you’re using the WordPress Classic Editor, you can paste the shortcode anywhere in the content editor.
Use Contact Form 7 with the WordPress Classic Editor.
You should now be able to see the contact form on the page where you added the Contact Form 7 shortcode. Here’s what our contact form with the settings mentioned above looks like. As you can see, Contact Form 7 automatically converts form tags into valid HTML that renders with the default CSS styles included with your WordPress theme.
A contact form created with Contact Form 7.
Our contact form in its current state is a good starting point, but it’s lacking one key feature. Form tags like “text”, “email”, and “URL” support placeholders, but other elements like “checkboxes” and “radio buttons” do not. Without proper labels, the checkbox and radio buttons won’t be very useful for visitors because they don’t have any context. Luckily, adding labels in Contact Form 7 is very easy!
How to Add Form Tag Labels in Contact Form 7
There are two ways to add labels to Contact Form 7 form tags. For the form tags below, you can simply wrap the form tag with a tag.
To add a label to this form tag, we can replace the form tag with the snippet below. Notice the additional instance of “Your Name” right after the opening tag.
Here’s what this change looks like on our contact form. In this case, the newly created label serves the same purpose as the placeholder. However, if we didn’t want to specify a placeholder within the form tag, then the label would help identify the purpose of a specific input box.
Add a label to a form tag in Contact Form 7.
For form tags that render multiple form controls like checkboxes, radio buttons, and dropdown menus, wrapping the form tag inside a tag results in an error. This happens because a tag is only supposed to be used with a single form control. The nature of checkboxes, radio buttons, and dropdown menu options involve multiple form controls, so they are incompatible with the default labeling solution.
For checkboxes, radio buttons, and dropdown menus, you had to add a use_label_element parameter within the shortcode. Take a look at the checkbox form tag example below where use_label_element is in bold.
Once the use_label_element parameter has been added, you can add a label directly above the form tag in the contact form editor.
Add a label to checkboxes, radio buttons, and dropdown menus in Contact Form 7.
For the sake of completeness, we’ve added labels to all the form tags in our contact form. You probably wouldn’t need to do this for a production site because some form tags already include placeholders. Regardless, we wanted to demonstrate how labels work.
Here’s what our contact form looks like:
A contact form with labels.
Configuring Mail Settings in Contact Form 7
Now that we’ve configured the structure of our contact form, it’s time to take a look at the email delivery settings in Contact Form 7. While the default mail delivery settings should work just fine for most sites, it’s still important to understand the various settings in case your site or use case requires a special configuration.
To access the mail delivery settings, go to the contact form editor and select the “Mail” tab.
Mail delivery settings in Contact Form 7.
Contact Form 7’s mail delivery settings let you customize the templates and parameters that are used to generate and send a notification to you after someone makes a form submission. If you use incorrect settings, it’s possible that you won’t be notified of form submissions. Thus, it’s important to test the form delivery after creating a contact form and changing settings.
Contact Form 7 lets you configure the following mail delivery settings.
To – the email address to send a notification to.
From – the email address to send a notification from.
Subject – the subject of the notification email.
Additional Headers – specify additional email headers like “reply-to”.
Message Body – the body of the notification email.
File Attachments – specify any attachments to include with the notification email.
Now, let’s go through each setting to get a better understanding of how they can impact mail delivery in Contact Form 7.
The “To” Field
Be sure to specify a real email address for the “To” setting. By default, Contact Form 7 will assign the email address associated with your WordPress user account to the “To” setting. If your WordPress email address is not valid, be sure to update it in your profile settings and change the email address in Contact Form 7 as well.
The “From” Field
The “From” setting should use the following format – Your Name . For our contact form mail settings, we’re using kinstalife <email@example.com>.
By default, Contact 7 will fill in this field with firstname.lastname@example.org. You’ll want to make sure that this email address is a valid one because some WordPress hosts block outgoing email to invalid addresses. There are multiple ways to make this email address valid. You can either set up a dedicated email account for email@example.com or you can enable catch-all functionality at your email service provider. If you’re unable to set up this email address, we recommend changing it to a valid email address to avoid deliverability issues.
The “Subject” Field
The “Subject” setting can be used to specify a subject line for notification mails. By default, Contact Form 7 sets the subject as Site Name “[your-subject]” – the subject name in Contact Form 7’s default form template.
If you don’t have a form tag named “[your-subject]” in your form, be sure to change it to something else. For example, if you only have a form tag to capture a visitor’s name (e.g. [your-name]), you could change the subject line to You’ve Received a Message from [your-name].
The “Additional Headers” Field
Under “Additional Headers”, you can specify email headers like reply-to, CC, and BCC. By default, Contact Form 7 adds the following header – Reply-To: [your-email]. This header lets you reply to the email address specified in a submitted contact form.
The default reply-to header is fine if you’re using Contact Form 7’s default email form tag. If you’re not, be sure to change it to match the name of your email form tag. For our contact form, the name of the email form tag is “email-632”, so the reply-to form tag would have to be changed to Reply-To: [email-632].
The “Message Body”
Next up is the “Message Body”, which determines the body content of the notification email. Contact Form 7’s default template uses [your-name], [your-email], [your-subject], and [your-message] form tags, and looks like this:
This e-mail was sent from a contact form on kinstalife (http://kinstalife.com)
Be sure to change these form tags if you’re not using them in your contact form template. Since the contact form we created collects a lot of information, we can set up the message body with additional form tags like so:
Hello Brian, you’ve received a message from [text-711] ([email-632]).
Phone Number: Tel-842
Appointment Date: date-389
Customize the message body for Contact Form 7 notification emails.
Contact Form 7 Mail Settings – File Attachments
If your contact form involves uploading a file, you can include the file with the notification email. In our contact form, we have a file upload form tag named “[file-658]”. Thus, we can add this form tag under “File Attachments” to ensure the file will be included with the email notification.
Include file attachments in Contact Form 7 notification emails.
Contact Form 7 Mail Delivery Issues
If you find that Contact Form 7 is not sending emails, there are a few things you can check before reaching out to a WordPress developer for assistance.
Check if your server is sending other types of emails. To test this, you can trigger another email delivery action by making a test comment on a blog post or submitting a password reset request on your WordPress login page. If you receive an email after performing one of these actions, then the issue is likely related to Contact Form 7’s configuration. If you do not receive emails, reach out to your host’s support team and let them know you’re having an issue with email delivery.
Make sure the “To” and “From” fields in your contact form’s mail delivery settings are configured correctly. For Contact Form 7 to work properly, both of these fields should be populated with real email addresses.
Contact Form 7 Form Submission Messages
Contact Form 7 lets you customize a variety of form submission messages. These messages display after a certain condition is met. For example, if a visitor forgets to fill in a required field, Contact Form 7 will display a “The field is required” message. For most use cases, the default messages should work just fine. However, if you want to customize the messages, you can do so by clicking on the “Messages” tab in the contact form editor.
Customize Contact Form 7 situational messages.
How to Secure Your Contact Form
As automated bots have gotten smarter and more pervasive over the years, spam has become a major issue for contact forms. Since contact forms are typically open to the public Internet, it’s fairly easy for web scrapers to detect them and fire off spam messages to your email inbox. Fortunately, there are various ways to ward off spammers and protect your contact form.
Secure Your Contact Form 7 with reCAPTCHA
If you’ve ever submitted a form on the Internet, you’re probably already familiar with reCAPTCHA, a technology developed by Google for identifying automated bot behavior. Older versions of reCAPTCHA (V2) required users to pass a puzzle or challenge.
The latest version of reCAPTCHA (V3) does not require any interaction from users. Instead, it transparently monitors user activity in the background to distinguish between human and bot visitors. Since Contact Form 7 supports reCAPTCHA V3, we recommend using this latest version because it provides a better user experience for visitors.
To set up reCAPTCHA, you’ll first need to generate an API key. To do this, log in to your Google account and go to the reCAPTCHA setup page.
Register a new site for reCAPTCHA integration.
Go through the registration form to create your reCAPTCHA.
Label – Specify a label of your choosing.
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 version 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.
After you’ve filled in all the options, click Submit. You’ll then be presented with your site-specific “site key” and “secret key”. Be sure to keep these keys somewhere safe because you’ll need to add them to Contact Form 7.
Google reCAPTCHA site and secret keys.
Next, click on “Contact” in your WordPress dashboard sidebar, and click Integration. Select the reCAPTCHA option, and paste your site key and secret key into their respective fields. Finally, click Save Changes to finalize the reCAPTCHA integration.
Configure reCAPTCHA in Contact Form 7.
After configuring reCAPTCHA in Contact Form 7, you’ll see a reCAPTCHA logo in the lower right corner of your contact form page. This means reCAPTCHA is active and protecting your contact form from spam submissions.
WordPress contact form protected by reCAPTCHA V3.
Secure Your Contact Form with Cloudflare (Optional)
If you use Cloudflare to protect your site, you can set up a special page rule for your contact form page to reduce spam contact form submissions.
Protect your contact form with Cloudflare.
To add a page rule, click on the “Page Rules” tab, and use the following settings to help secure your contact page.
If the URL Matches – *your-domain.com/your-contact-page/*
Browser Integrity Check – On
Security Level – High
Cloudflare’s “Browser Integrity Check” feature analyzes HTTP headers. If it detects an HTTP header that’s commonly used by automated bot and spammers, it denies the request to your site. Setting the “Security Level” to high will challenge all visitors that exhibited malicious behavior within the past two weeks.
By limiting these settings to your contact page with the URL match rule, other pages on your site will be unaffected by these page rules. We recommend this configuration because normal “read-only” pages on your site do not typically require a heightened security level setting.
Contact Form 7 is the most popular contact form plugin and for good reason! It can be used to create everything from basic contact forms, to question-answer quizzes, to complex forms that support file attachments and dropdown menus.
Best of all, it comes with built-in reCAPTCHA support to help secure your contact form against spammers.
Do you use Contact Form 7 on your WordPress site? If not, what’s your preferred choice? Let us know in the comments section below!
If you enjoyed this article, then you’ll love Kinsta’s WordPress hosting platform. Turbocharge your website and get 24/7 support from our veteran WordPress team. Our Google Cloud powered infrastructure focuses on auto-scaling, performance, and security. Let us show you the Kinsta difference! Check out our plans