Are you struggling to fight spam on your WordPress or Elementor website, or simply how to block bots from abusing your website forms? In this tutorial, I am going to show you how to add reCaptcha to WordPress and Elementor Forms and that will be no more..
We’ll be using the free Google reCaptcha services and all you need is to have a Gmail account and be able to access your WordPress dashboard. To be able to access the reCaptcha feature in Elementor forms, you need Elementor Pro.
Note: the digits in brackets e.g. (00:02) indicate the minutes of that exact explanation in the video so you can easily jump to that section and follow along.
List Of Contents
Video: Add reCAPTCHA to WordPress or Elementor Forms
How To Add reCaptcha to WPForms
WPForms is a free plugin you can use to build forms like suggestion forms, newsletter signups, contact forms, etc
To install WPForms go to your Plugins area and Add New, search for WPForms then install and activate.
After activating your WPForms, select the Suggestion form option (00:41)
In the form edit area, you can build your form by dragging and dropping the items you want into it (00:52)
To add the reCaptcha for example just above the Submit button, go to Settings on your dashboard, click on the reCaptcha option (01:07),
Under Type, you can select the type of reCaptcha you want; select Checkbox. Then you need to paste your site key and secret key into the respective sections.
How to Add reCaptcha to Elementor Forms
To add reCaptcha to a contact form built using Elementor, open up your page with Elementor.
In your Elementor editor go to the Widgets area and drag a Form widget to your page (01:38), then you can edit it to your preference.
Click on the edit icon of the form (✐), then in the Edit Form area on the left, go to Form Fields and Add Item, under Type select reCaptcha, under Label you can add a name, then you can select what you prefer under Size and Style.
When you’re done click the Update button, then go back to the dashboard.
On your dashboard, go to Elementor > Settings > Integrations, here is where you enter your Site Key and Secret Key (03:06)
Get Site Key and Secret Key
To get the site key and secret key, click on the reCaptcha link which will take you to the Google ReCaptcha page where you will be able to see details about ReCaptcha (03:43)
Click on Admin Console in the right corner, and you’ll be prompted to log in with your Gmail, and after you do so you’ll be taken to another window to register for your reCaptcha.
Add your domain name under Label, under reCaptcha Type select v2 then I am not a robot, then under add your website/domain name still, accept the terms, check the send alerts option if you want, then Submit (04:16)
After submission, you’ll be given your site and secret keys (04:32), copy these and paste them into their respective sections on your dashboard.
That’s how you can add a reCaptcha on your forms in your WordPress or Elementor website to help you avoid spam and misuse of your site.
For any questions or comments about this or any other tutorial, let me know in the comments section below, and don’t forget to subscribe to my newsletter and youtube channel for more of these tips and tutorials.