How to add Google re-captcha to the contact form in your wordpress site

Date: 28-03-2020

Step 1:

Login to your wordpress admin url (http://domain.com/wp-admin)

If you already have contact page for your site which might be through installation of any contact form plugin , then go to the settings of the plugin installed.

In this case, i have used WPforms Plugin installed in my wordpress site with which i have created a simple contact form.

Step 2:

In the left side, you will have the option “WPForms”. Place the cursor on top of it and choose the option “Settings” in WPForms.

Step 3:

In the Settings page opened, choose the column field “reCAPTCHA”.

In this reCAPTCHA settings you will find the detailed description of the reCAPTCHA types as below

reCAPTCHA
reCAPTCHA is a free anti-spam service from Google which helps to protect your website from spam and abuse while letting real people pass through with ease.
Google offers 3 versions of reCAPTCHA (all supported within WPForms):
v2 Checkbox reCAPTCHA: Prompts users to check a box to prove they're human.
v2 Invisible reCAPTCHA: Uses advanced technology to detect real users without requiring any input.
v3 reCAPTCHA: Uses a behind-the-scenes scoring system to detect abusive traffic, and lets you decide the minimum passing score. Recommended for advanced use only (or if using Google AMP).
Sites already using one type of reCAPTCHA will need to create new site keys before switching to a different option.
Read our walk through to learn more and for step-by-step directions.

Below this, you will find the field “Type” where you can choose any of the above reCAPTCHA methods.

Step 4:

Then you will find 2 fields

  1. Site key
  2. Secret Key

To get the keys, you need to setup reCAPTCHA in your Google account. To start this setup process, you’ll need to open Google’s reCAPTCHA landing page.

Once the page is opened, click on the Admin Console button on the top-right of the page.

Step 5:

Then you will have to register the site on which you are going to implement reCAPTCHA.

If you have never registered for reCAPTCHA before in your google account, you will be redirected directly to the reCAPTCHA setup form.

Else, you have to click on the Plus symbol on the Admin Console page opened for the setup form.

Step 6:

The form heading will be Register a new site.

  1. Label– Enter your domain name for which you are want to implement reCAPTCHA
  2. reCAPTCHA type– Choose your preferred reCAPTCHA type.
  3. Domains– Give the domain name to register.
  4. Owners– Your gmail id will be displayed by default. No need to make any changes unless needed.
  5. Accept the reCAPTCHA Terms of Service– Click on the checkbox
  6. Send alerts to owners– Make sure it is checked.

Then, click on the Submit button.

Step 7:

After submitting the form, your site will be registered and you will see a page with the keys for your website.

Copy the Site key and Secret Key.

Provide the keys in the WPForms reCAPTCHA settings fields(Site key and Secret key)

Step 8:

Next field in the WPForms reCAPTCHA settings is

Failure Message – The message will be displayed to users who fail the reCAPTCHA verification process.

No-Conflict Mode– When checked, other reCAPTCHA occurrences are forcefully removed, to prevent conflicts. Only check if your site is having compatibility issues or instructed to by support.

Then Click on “Save Settings” button at the bottom

Step 9:

To add reCAPTCHA to the existing contact form, click on the WPForms and click on your contact form.

In the Standard Fields section, click on the reCAPTCHA option.

To confirm that your reCAPTCHA is enabled, look for the badge in the upper right corner of your form builder.

If there is no badge in the form, then make sure that your reCAPTCHA keys are proper.

To test the reCAPTCHA, you can submit a new entry in the contact form and check.

Thank you!

Post Views: 278

Leave a Reply