How to Add hCAPTCHA to your WordPress Website Using WPForms

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

Adding a New Plugin to WordPress

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

Create a Simple Contact form in WPForms

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)

Adding hCAPTCHA to WordPress website

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

In case you don’t have a hCaptcha you will have to create one by signing up. In case you already have a hCaptcha account then you can login using this link.

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.

Refer to the step 3, when you click on hCaptcha option as shown in the Step 3 screenshot you will get a screen similar to the one shown below

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.

Leave a Comment

Your email address will not be published. Required fields are marked *