How to Add CAPTCHA in Your WordPress Forms? (Easy Guide 2022)

How to Add Captcha in WordPress Form

Not knowing how to add Captcha in WordPress form can be frustrating. Especially when it’s so much easier than you think. Don’t worry; after reading this article, you’ll be able to enable Captcha in WordPress without any hassle. 

Did you know the full form of CAPTCHA is “Completely Automated Public Turing Test to Tell Computers and Human Apart”? Simply put, adding Captcha helps your site to identify between a computer and a genuine human customer. 

If you stay with us till the end, you’ll learn more about the power of adding Captcha to your website. And yes, we’ve also mentioned how to add Captcha and Google reCaptcha to your form. 

Benefits for Adding Captcha to Your WordPress Form

The first and foremost thing that Captcha helps with is protecting your site from fake form submissions. Without Captcha, a site cannot differentiate if humans or bots have submitted the forms. Hence, attackers can spam your site with computer-generated information to sign up for the forms. 

Other than that, if you own an eCommerce website, then Captcha can make the online payment process more secure. It also prevents hackers from creating multiple email accounts. They can use these accounts to sign up to your site and hack important data. 

Nevertheless, if you add Captcha to your form, you can dodge all these misfortune happening to your site. 

So, without further ado, let’s discover the methods to enable Captcha on your site. 

Guide on How to Add Captcha in WordPress Form

You can create many types of forms in WordPress, such as Survey Form, Application Form, Online Payment Form, and much more.

However, this tutorial will explain how to add Captcha to a contact form and registration and login form. We’ll add Google reCaptcha to the login and registration form, whereas a custom Captcha to a contact form. 

The main difference between Google reCaptcha and Captcha is that Google reCaptcha is a free service. All you need to do is integrate it on your form. 

As the name implies, with custom Captcha, you can create your own Captcha. The extent of difficult questions you want to add is totally up to you. Having said that, let’s learn how to add Captcha in WordPress form. 

1) Add Captcha to a Contact Form 

First, we’ll learn how to enable Captcha in a contact form. Before that, we need a reliable and user-friendly WordPress plugin that allows us to create a contact form as well as add Captcha. 

Fear not, cause Everest Forms is here. It’s a popular WordPress form builder plugin. Not to mention, its drag and drop interface can help you create any kind of form within a matter of minutes. Other than that, it has features such as:

  • Form designer
  • Unlimited form fields
  • Pre-designed form templates
  • Multiple premium add-ons 
Everest Fomrs

To know more, go through this review article on Everest Forms.

i) Install and Activate Everest Forms 

After logging in to your WordPress dashboard, go to Plugins >> Add New menu. 

Add New Plugin Button

Type Everest Forms on the search bar. Once it appears on the search result, click on Install Now button, and lastly, hit the Activate button. 

Activate Everest Forms

And that’s it; you’ve successfully installed and activated the free version of the Everest Forms plugin. 

However, the free version doesn’t offer a Captcha field; hence, purchasing the premium version is mandatory. 

ii) Install Everest Forms Pro 

Visit the official page of the plugin – WPEverest. From the dropdown menu – Plugins, select Everest Forms

Everest Forms Dropdown Menu

Now, navigate yourself to the Pricing page and select the plan that suits you best. Click on the Get Started button and fill in all the necessary payment fields. 

Everest Forms Pricing Page

On the email address you added during the payment process, WPEverest will send login credentials and a company invoice. You can log in to your user account using the login credentials. 

Once you’re logged in, go to the Downloads tab and download the Everest Forms pro plugin. 

Then, select Plugins >> Add New menu from your WordPress dashboard. Click on the Upload Plugin option that you can see at the top. 

Upload Plugin

Thereafter, Choose the zipped file you downloaded earlier and Install it. Don’t forget to Activate the plugin.

Upload Everest Forms Plugin

But, the plugin activation process is only complete when you add the license key. Go to the License Keys tab from your user account, copy the license key, and paste it on the license key bar. Finally, select the Apply button. 

Paste License Key

iii) Create a Contact Form

Another reason we chose the Everest Forms plugin is that it provides an excellent user experience. Even a person with zero coding knowledge can create a contact form using this plugin. 

Everest Forms comes with a pre-built contact form template. If you click on Everest Forms >> Add New, it takes you to the form template page. There are more than 10 templates available. 

Everest Forms Add New Button

Two contact forms – Simple and Advanced can be created depending upon your requirements. For now, we’ll create a simple contact form. Hence, if you hover over, the Get Started option will appear; select it. 

Create Contact Form

Before you create the form, you can also Preview it. 

A pop-up will appear and suggest you name your form. After that, hit the Continue button. 

Name Contact Form

In the newly formed contact form, there are 4 basic fields: Name, Email, Subject, and Message. You can add more fields if you want. 

For more detailed information, go through our article on how to create a contact form.  

iv) Add Captcha Field in Your Form

We’ve come to the most anticipated step in this tutorial. You guessed it right; it’s time to add a custom Captcha to your form. For this, we need the Everest Forms add-on – Custom Captcha

This add-on helps you to add an extra security layer to your form. The most significant advantage of this add-on is it allows adding custom questions and math captcha to prevent spam form submissions. To install the add-on go to Everest Forms >> Add-ons.

Everest Forms Addons

Search Custom Captcha add-on and press the Install Addon button. You also need to Activate it. 

How to Add Captcha in WordPress Form

Then, go back to your newly created contact form by navigating Everest Forms >> All Forms. Hover over to the form you created earlier and click on the Edit option. 

Edit Contact Form

In order to add the captcha field in your form, click on Add Row button. Now drag the Captcha widget from the left panel and drop it on the right side. 

Add Captcha Field

V) Customize the Captcha Fields

The Captcha field is customizable, so you can effortlessly customize it to match your website’s niche. Just select the Field Options, and you’ll find multiple setting options. Below we’ve explained them in brief:

Label: The current label of the field is Captcha. You can change the text to anything you like, such as Solve The Problem

Label Option

Format: There are two formats you can choose between – Math and Question and Answer. If you select the Math option every time, a different math captcha is presented to the users. 

On the other hand, the Question and Answer option allows you to add custom questions and answers. You can add several questions as per your liking. Click on the “ +” sign to add more questions. You can also remove them with a “-” sign. 

Questions and Answer Captcha

Among all the questions, one random question is given to the users to answer while filling out the form. 

Description: Add a description of the Captcha field. It will appear at the bottom of the container.  

Add Description

Advanced Options

  • Placeholder Text: This option allows you to add text in the Answer box field. 
  • Hide Lable: You can either hide or show the Captcha label.
  • CSS Classes: Here, you can add the CSS class name for the Captcha field container.

Conditional Logic

Enabling this option allows you to show or hide the Captcha according to the user’s input. Further, you can add Conditional Rules. Below are different setting options you can configure:

  • Show/Hide: Choose whether you want to show or hide the field.
  • Select Field: From this dropdown menu, select a field that determines the condition. 
  • Condition: Choose different conditions between is, is not, empty, not empty, greater than, and less than. 
  • Select Option: Write the conditional value here.

Here’s a simple example. We selected the Message as the conditional field. The Captcha field is only shown if the users type a message in the form. 

Conditional Logic Example

This is just a simple example. You can make the condition as complex as you want to secure your WordPress form. 

Here’s a full article on how to use Conditional Logic in Everest Forms

If you’re satisfied with the form and settings, hit the Save button located at the top. 

With these simple steps, the contact form on your site is now safe and secure. No hackers can submit false and malicious forms to your WordPress site now. 

Note: Everest Forms also allows you to integrate Google reCaptcha to your form. Please go through this documentation for a better understanding. Another essential piece of information is that you can integrate Google reCaptcha and add custom Captcha simultaneously. 

2) Add Google reCaptcha to Registration and Login Form

A registration form allows your users to register to your WordPress website. You can save them on your mailing list to promote your products. This can surely help you increase revenue and lead generation. 

Quite useful, isn’t it? So, let’s create a User Registration and Login form. What’s more, is you can add Captcha to secure it from spam form submissions. 

But first, let’s install a registration and login form plugin. WPEverest provides the User Registration plugin for this exact purpose. 

User Registration Plugin

i) Install and Activate User Registration

Go to Plugins >> Add New menu from your WordPress dashboard. Now, search User Registration; once it appears on the search result, click on Install Now. Also, Activate the plugin. 

Activate User Registration Plugin

Next, you need to enable the Membership option. This will allow your users to register to your site from the front-end. So, navigate to Settings >> General option. Check the Anyone can register option and Save the changes. 

Enable Membership Option

ii) Create a Registration Form

If you notice carefully, there’s an Install User Registration Pages message on your dashboard. If you click the button, a default registration form is created. 

Install User Registration Pages

You can use this default form; however, you can create a registration form from scratch as well. To build a registration form from the ground, select User Registration >> Add New

User Registration Add New Button

This takes you to the form builder page where you can drag and drop widgets and create a form easily. 

Also, you can see 2 default fields – User Email and User Password are available. You can either keep them or remove them. Thereafter, click on Add New button and add as many fields as you want. 

Add New Form Field

Here’s a complete guide to creating registration and login form using User Registration

iii) Integrate Google reCaptcha

User Registration allows integrating Google reCaptcha into your registration form.  As mentioned above, Google reCaptcha is a completely free service that helps websites protect against spam. 

To integrate reCaptcha, go to Users Registration >> Settings option. Select the Integration tab from the top menu bar. 

Captcha Types

You can add three types of Captcha: reCaptcha v2, reCaptcha v3, and hCaptcha. 

  1. reCaptcha v2: This version tracks users based on their actions. Such as, it requires users to click on the checkbox “I’m not a robot”. Another way is by presenting some kind of image recognition challenge. 
  2. reCaptcha v3: On the contrary, reCaptcha v3 works on the background. It differentiates a bot and human based on their behavior. It generates a score according to their activities on your site; the higher the score, it’s more likely the user is human. 
  3. hCaptcha: hCaptcha is an alternative option for reCaptcha that differenciate bots from human using advanced machine learning. The main variation between reCaptcha and hCaptcha is that, hCaptcha doesn’t sell user’s data to third party.

After you’ve decided on which version of reCaptcha you want, it’s time to add Site Key and Secret Key

For that, visit this site – Google’s overview page. Now, select the v3 Admin Console option from the top bar. 

Google reCaptcha Homepage

Enter your site’s Label, Domain, Email address, and Accept the reCAPTCHA Terms of Service. Furthermore, choose whether you want to add reCaptcha v2 or reCaptcha v3

Create Captcha Keys

reCaptcha v2 has three further different options. You can select the one that suits your site the best. 

  • “I’m not a robot” tickbox: Users need to tick the “I’m not a robot” box.
  • Invisible reCAPTCHA badge: This option validates requests in the background. 
  • reCAPTCHA Android: This option is for androids. It validates requests in your android apps.  

Lastly, click on the Submit button. 

Integrate reCaptcha v2

If you choose to add reCaptcha v2 then, copy and paste the Site Key and Secret Key you created earlier. Apart from that, Everest Forms also provides the Invisible reCAPTCHA option.

Integrate reCaptcha v2

Integrate reCaptcha v3

In order to add reCaptcha v3, Everest Forms offers different setting options. Just like reCaptcha v2, Site Key and Secret Key is necessary. However, keep in mind that, you need a different Site Key and Secret Key than reCaptcha v2.

The process to create the Keys is the same as reCaptcha v2. The only difference is, you must tick on the reCaptcha v3 radio button on the reCAPTCHA type section.

Select reCaptcha v3

reCaptcha v3 also allows you to set a Threshold Score. The default score is 0.4. If the score is greater than the threshold score, the interaction is good. But, if the score is lesser, it’s possible that the user is a bot. Therefore, the user will not be allowed to submit the form. You can set the score as per your wish.

Integrate reCaptcha v3

Intergrate hCaptcha

If you desire to add Captcha then, all you need is Site Key and Secret Key. To generate the Site Key and Secret Key for hCaptcha visit this site – Sign Up and select the free service option.

hCaptcha Sign Up Button

Enter your email address, password, and create your account. After hCaptcha Site Key and Secret Key is created, just copy and paste the Keys, press the Save Changes button.

Integrate hCaptcha

iv) Enable reCaptcha Option for Registration Form

We’re halfway through the process of how to add Captcha in WordPress form. For your next step, navigate to the User Registration menu. 

You can see the registration form you created (or the default form). Hover over and select the Edit option. 

Edit Registration Form

On the form editor page, go to the Form Setting. Then, Enable reCaptcha Support. Next, click on the Update Form button at the left top. 

Enable reCaptcha Support

This is how your form appears if you chose reCaptcha v2 when you Preview it. Also, remember that we’ve used the Zakra theme here. Hence, the form might appear different if another theme is active. 

Google reCaptcha Example

If you integrated reCaptcha v3, this is the appearance of reCaptcha in the registration form.

reCaptcha v3 Example

Finally, if you decided to add hCaptcha, here’s how it looks.

hCaptcha Example

V) Enable reCaptcha for Login Form 

To enable the reCaptcha in the login form, go to User Registration >> Settings

User Registration Settings

Next, navigate to General >> Login Options and tick on the Enable Captcha checkbox. 

Enable Captcha Option

Lastly, hit the Save Changes button. 

Wrapping It Up!

Adding Captcha to your WordPress form is like putting armor on your form to protect it from malicious and false form submissions. And also, from the above tutorial, you must know by now how easy it’s to add Captcha to your form. 

Especially with Everest Forms, you can enable Captcha in contact forms without hassle. And to secure your login and registration form, integrate Google reCaptcha using the User Registration plugin. 

And that’s all for the guide on how to add Captcha to your WordPress form. Please share it with your friends and family if you enjoyed reading the article. 

Before you go, here’s an interesting article on how to embed WordPress iFrame. You can also follow us on Twitter and Facebook for article updates and exciting news. 

Introducing modern block theme for magazine, news & blogging sites.

Priyanka Panjiyar

An enthusiastic Technical Writer and a Blogger. She spends her free time painting, watching movies and series, and listening to music. You can also connect with her on Twitter @Priyanka9502 and LinkedIn @priyanka panjiyar

Leave a Reply

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

Scroll to top

Pin It on Pinterest