How To Add reCAPTCHA to WordPress or Elementor Forms (Stop Abuse, Bots & Spam)

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.

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)

4BhhxaKCCCMkWlb17K8C2zjU2wmb8yc50yXWm9NWfnI0qrvT EEv8GHOiU HzJO7CceV7gENyeNXRipH6yRBmn1

In the form edit area, you can build your form by dragging and dropping the items you want into it (00:52)

WaUGUho19clUGFygUyuctV8bz nanzIUrsYBSnsXf 52iwwM6MbmIjWfOlNWNoHdyeSF4sQW KTE3ITB1BNaRJSl4bkQfaW8kAr5TihZN8qFqCq0nIEBtb5r ZdmQJGjP33MDscM

To add the reCaptcha for example just above the Submit button, go to Settings on your dashboard, click on the reCaptcha option (01:07), 

add recaptcha to wordpress wpforms

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.

To Read: Stop WordPress Comments Spam: Add reCAPTCHA to WordPress Comment Form

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.

add recaptcha to elementor forms

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)

PfrC82CpUOJwanIIRtImdifFesq8FhSQUW4BpRCbkLXs642 UCwtEEonOT8QTFi ej1fV5kLfHVTeXMgXCDY6yoCBI5weRm0jWgYjkMWy103kvvmNjFGvbJIA3iGTdfRJz6BfErt

To Read: Complete Elementor Contact Form 7 Setup Tutorial for Free

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)

T8ne FOhhaQyObrBkwHR4HQXJj6si Rcgniktxedhknb5UtY

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)

llFUPrkvP3 6qsSBIG9X4nEN0bNncqP7Adzuto5pLn6 g7R 2fUnXpdEEpoI04FamKB99jZmUDBIRSbEGALgsSRLuxJt4Pom7MHSSQ3uVk93CP9sX48QItfs 5oZRMIuCkgyHEi

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.

XttbLA0hRsBlV Ya iKZ3ElQ6lN19Sl15GBesfXr2f1tI7IdGjUGpL7dltA9eAlmp kTF4U2fUenYgh0BEjy32 NNDsVHKVIe9D hbVAyTcqafS8H ZutFALyqB2rs6UF640cqF

In closing

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.

Also Read. . .

How To Delete A Facebook Group in 2024?

Facebook allows for group interactions through its Facebook groups feature.  Facebook groups are created for specific reasons and attract like-minded people.  At some point, however, you may need to get rid of the group for

Read More »
Newsletter Subscription (EF)
Picture of Hamza
Hamza
Hamza comes from a design background with over 10years of experience in Web and Media design. He enjoys making web design videos on his YouTube channel GoTechUG. He also writes web design articles on this website. In his free time, Hamza loves riding a bicycle, swimming or going hiking.

Leave a Comment

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

Search

Recommended Tools

Hostinger offers premium WordPress hosting for small and medium size websites at an affordable price rated 4.5/5 on Trustpilot

Elementor is the WordPress most popular page builder with over 10 million active users