Do you want hCAPTCHA to your WordPress website to prevent spam form submissions? In this article we will tell you how you can add hCAPTCHA to your WordPress website using a WordPress plugin.
If you are a website owner and have an online form on your website there are chances that you might have come across fake, spammy and bot submissions
There are several website owners who have to clear the spam and fake form submissions on a daily basis and send them to trash. You might do this for a day or maybe for a week provided they are less in number but what if you come across 100 such form submissions on a daily basis? You won’t certainly delete them one by one manually because that would be tedious task altogether and would consume a lot of time and efforts. What if we told you that you can make your life easier and hassle-free to keep spam away from your WordPress site. Keep reading to know more
hCAPTCHA is one of the most popular alternative to Google’s reCAPTCHA and is Free and Privacy-focussed. hCAPTCHA can help to keep your website forms secure and free from any kind of spam or fake submissions. hCAPTCHA has more emphasis on the user’s privacy aspects
hCAPTCHA prevents fake submissions from bots and spammers by asking them to prove that they are human (the h in hCaptcha stands for human). They make use of sophisticated machine learning and AI to distinguish actual human users and bots.
Within your forms, hCaptcha will display a checkbox asking users to prove they’re human (much like Google’s v2 Checkbox reCAPTCHA). This is a simple step for legitimate site visitors, but is extremely effective at blocking spam
In order to add hCAPTCHA to the WordPress website we will be making use of a WordPress plugin called WPForms.
WPForms is one of the most popular form builder plugins for WordPress with a drag and drop functionality and several inbuilt templates which you use to build any type of forms you want.
Without any further ado, let’s understand how to add hCAPTCHA to your WordPress website using WPForms plugin and prevent spam and bot submissions
In order to block contact form spam in WordPress you will have to install the WPForms WordPress plugin. Let’s check out the first method
Step 1: Install the WPForms Plugin
In order to install the WPForms plugin follow the below given steps
Navigate to your WordPress dashboard
Go to the Plugins section –> Add New
Once you click on Add New you will come across a screen. In the search box type “WPForms” and then you will come across a screen similar to this one.
Now click on “Install Now” and then Activate the Plugin
Once you are done with the activation you will be asked for the License Key
Where to find the WPForms License Key
Navigate to your WordPress Dashboard and then go to the WPForms section –> Settings
Once you click on Settings you will get a window on the right hand side. Keep on scrolling down until you find the License Key section. You will come across a screen that’s similar to the one shown below
In case you have purchased the WPForms Pro plan then you can find the license key in the account which you used to purchase WPForms subscription
Now that we are done with the Installation and activation of the plugin let’s go to the next step which is creation of a simple contact form
Step 2: Create a Simple Contact Form
WPForms has several inbuilt templates which you can make use of while creating forms but for the sake of this tutorial we are going to make use of simple contact form
Follow the below given steps to create a new form.
Navigate to your WordPress dashboard –> Go to WPForms –> Add New
When you click on Add new you will come across several WPForms templates choose simple contact form template from the list. You can refer to the below screenshot to get an idea of what it looks like
Once you mouseover on the Simple contact form you will come across a screen as shown similar to the one below.
Once you click on “Create a Simple Contact Form” you will come across the form builder interface as shown below
You can rename your form and change it to whatever you want
Now you can drag the elements on the left and customize the form as per your needs. You can also rearrange/reorder the fields
Step 3: Add hCAPTCHA to Your Newly Created Form
Let’s have a look at the step by step approach on how we can add hCAPTCHA to your contact forms using WPForms
Now that you have already installed WPForms plugin then navigate to the WordPress dashboard and click on Settings
When you click on Settings you will come across a screen similar to this one. Choose CAPTCHA from these options and then choose hCaptcha (refer to the below given screenshot)
Step 4: Generate Keys from hCaptcha Account & Connect with WPForms
In this step we will grab the keys which are needed to add hCAPTCHA to the forms. Below we have given the steps on how to get the keys and connect it inside WPForms
Once you have signed up or logged in then you will come across a Welcome screen.
Now click on New Site in order to add your site (as shown in the below screenshot) and follow the instructions that follow thereafter
Meanwhile you might have received an Email to confirm your Email address from hCaptcha once you click on New site (In case you didn’t have an hCaptcha account
Once you click on +New Site you will come across the following steps
Giving a name to your Sitekey is optional but good to have a name to the sitekey (This name won’t be visible to your users, this is just for your reference)
Hostname – Where it says Hostname enter your website domain name something like yourdomainname.com (that’s just an example)
Captcha Difficulty – In our case we have kept it as moderate. Depending on whatever is your requirement you can make it easy, moderate or next level in terms of difficulty.
Filter captchas by audience interest – You can choose upto 3 audience interests. This setting will filter what type of content will be shown in your captchas
Once you are done configuring all these things click on Save
Once you click on Save you will be redirected to the settings page (as shown in the below screenshot)
Once you click on Settings and scroll down you will come across the Secret Key
Now copy the Sitekey that you got in the above step (shown in the above screenshot) and paste in the hCaptcha code section.
In order to get the Secret key follow the below given steps
Click on Settings as shown in the below given screenshot and there you will find the Secret Key
Paste this Secret key in the field as shown in the above steps
Add the hCaptcha to your form
In order to add the hCaptcha to your form you will have to switch to the WPForms form builder interface and choose hCaptcha element and drag it on to your form
You can create a new form or edit an existing one
You will find the hCaptcha element on the left hand side under the Standard fields inside your form builder interface
Now drag and drop this hCaptcha element on your form (you can either create a new form or edit an existing one). WPForms is a drag and drop WordPress form builder and you can make use of this drag and drop functionality and drag the hCaptcha element from the left hand side to your form. Once you have dragged the element you will see a screen similar to the one shown below
Make sure that you save your form
We are done adding an hCaptcha to your WordPress website form.
That brings us to the end of this tutorial. We hope you enjoyed reading this article on how to add hCaptcha to your WordPress website.