Are you getting a lot of spam registrations/messages through your website contact form? This can be really frustrating and time-consuming to deal with. The good news is that there are automated ways to stop your contact forms from getting spammed. In this short tutorial, we introduce you to one of the tools which is called reCAPTCHA.
What Is reCAPTCHA?
- reCAPTCHA is a frictionless fraud detection service that stops bots and other automated attacks while approving valid users.
- It is also one of the most popular ways to prevent spam and abuse by preventing bots from being able to submit forms.
How To Add reCAPTCHA To Your Elementor Website?
- To add a reCAPTCHA, you first need to get the reCAPTCHA keys from the Google website available here https://www.google.com/recaptcha/
- You can choose from either reCAPTCHA v3 or reCAPTCHA v2. We recommend v3 as it is the new more secure, less intrusive method to use.
reCAPTCHA v3:
- Go to the Google reCAPTCHA site and choose v3.
- Add a Label to identify this instance.
- Add a domain, e.g. example.com
- Choose the owner email address or add a new one
- Accept the Terms of Service and Submit.
- On the next page, copy both the Site Key and the Secret Key.
- Enter these keys in the Elementor > Settings > Integrations > reCAPTCHA options and click Save Changes. (You can change the Score Threshold if desired. If bots manage to get around the reCAPTCHA, increase the score).
- Add a New Page and Edit With Elementor
- Drag in a Form Widget
- Edit your form’s Form Fields and click on Add Item
- Under Type choose reCAPTCHA3
- Choose whether to place the badge to the right (bottom of the page), left (bottom of the page), or inline.
- Click Save
How To Add reCAPTCHA v2:
- Go to the Google reCAPTCHA site.
- Under Label fill in your website’s name, choose reCAPTCHA V2 “I’m not a robot”, enter the domains you wish to secure, and accept the Terms & Conditions.
- You will receive two API Keys
- Return to the WordPress Dashboard > Elementor > Settings > Integrations
- Under reCAPTCHA, enter the two API Keys and click Save Changes
- Add a New Page and Edit With Elementor
- Drag in a Form Widget
- Edit your form’s Form Fields and click on
- Under Type choose reCAPTCHA
- You now see the ‘I am not a robot‘ text in the form
- Click Save
