Want to add reCAPTCHA to your online form Elementor ?

One of the problems you have to face when creating a online form on your website is the bot. Fortunately, the teamElementor realized it. When you create a online form on your WordPress website with Elementor, you can add reCAPTCHA to protect your form against bots.

No, you don't need to install an additional plugin. Elementor already supports integration with reCAPTCHA. All you need to do is connect your website to reCAPTCHA and add a reCAPTCHA field to your form.

Connecting your website with reCAPTCHA

Before we start, we assume that you have upgraded your free version of Elementor to the Pro version since reCAPTCHA integration is only available on Elementor Pro.

First, visit the reCAPTCHA website and click the From button administration console in the upper right corner. Sign in with your Google account.

Click the plus button to register a new website.

Enter the label, select the type of reCAPTCHA, add your domain and accept all reCAPTCHA, then click the button SUBMIT.

A little advice. Since you want to add reCAPTCHA to a form, we suggest you select reCAPTCHA v2 -> Checkbox "I am not a robot" . This option forces your visiteurs to carry out a verification via a challenge before validating their submission.

After clicking the button CREATE, you will see the site key and the secret key. Copy these keys.

Next, log into your WordPress dashboard and navigate to Elementor -> Settings. Click on the Integrations tab and enter the site key and the secret key in the respective fields. Scroll down and click the button Save Changes.

Add reCAPTCHA to an Elementor form

Adding reCAPTCHA to a form in Elementor is extremely easy because Elementor already has a reCAPTCHA field. To add one, create a form (by dragging the Form widget into Elementor's edit box) or edit an existing form. If you have never created a form in Elementor before, you can read this article.

To add reCAPTCHA, add a new field to your form by clicking on the button ADD AN ELEMENT. Set the field type to reCAPTCHA.

Define the size as well as the style (light or dark).

So. Your form proposed by reCAPTCHA is now ready to be published. Click on the button PUBLISH / UPDATE once you are done customizing your form.

Get Elementor Pro Now!

Conclusion

Here is ! That's it for this article which shows you how to add reCAPTCHA to your Elementor form. If you have any concerns on how to get there flet us know in the Comments.

However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.

But meanwhile, share this article on your different social networks.

...