When creating a website, you may want to add a CAPTCHA to your forms to prevent spam submissions. Google's ReCAPTCHA is a free service that can be used to protect your website from spam and abuse. In this article, we'll show you how to set up reCAPTCHA with contact forms on your Breakdance Builder WordPress website.
What is Google reCAPTCHA?
Google's reCAPTCHA is a free service that provides a CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) for your website. A CAPTCHA is a challenge-response test used to ensure that the user is human and not a spam bot. We'll be using reCAPTCHA v3, which is the latest version of reCAPTCHA.
Google reCAPTCHA Pricing
The service is free to use. All you have to do is set up an account with Google and get a Site Key and Secret Key for your website.
How to Generate Google reCAPTCHA Keys
You'll first have to create a new account with Google reCAPTCHA. You can do this by going to the reCAPTCHA signup page and entering your website's URL.
After you've signed up, you'll be taken to a page where you can register your website. Enter your website's URL and select which type of CAPTCHA you want to use. We recommend v3, which is the latest version.
Once you've registered your website, you'll be given a Site Key and a Secret Key. These keys are used to authenticate your website with Google reCAPTCHA. Make sure to keep these keys safe, as they should not be shared with anyone.
Setup Google reCAPTCHA in Breakdance
Once you've generated the keys for your site, you'll need to add them to your Breakdance Builder settings. To do this, go to the API tab in the Breakdance Settings page and enter your Site Key and Secret Key.
Test your reCAPTCHA Implementation
View reCAPTCHA activity for your site & troubleshoot your implementation in the analytics tab of your registered website. Ensure your website is live and all domain information is entered properly. The reCAPTCHA analytics page will show how many requests were made, how many were valid, and how many were invalid.
You can also test your implementation by submitting a form on your website. If everything is working properly, you should see a "Success" message. Otherwise, you'll see an error message telling you what went wrong.
Configuring reCAPTCHA Settings in Breakdance
You can also configure the settings on an individual form builder as opposed to the API tab in settings. Open the form you want to add reCAPTCHA to, and then go to the "Advanced" tab. Here, you'll see an option to enable reCAPTCHA. Select the "Enable reCAPTCHA" checkbox and then choose custom instead of default settings. Enter your site key and the secret key here.
A honeypot field is an additional layer of protection against spam submissions. It's a hidden field that's added to the form that bots will fill out, but humans will not see. This allows us to identify and block spam submissions without interrupting the user experience.
To add a honeypot field to your form, go to the "Advanced" tab and select the "Add honeypot Field". This will add a hidden field to your form that bots will fill out, but humans will not see.
Hide reCAPTCHA Icon in Breakdance
Some users report a small icon on the bottom right of their screen. To fix this, follow our tutorial and you can legally remove the badge from showing on the frontend of your website.
We went over how to set up reCAPTCHA with contact forms on your Breakdance Builder website. Google's ReCAPTCHA is a free service that can be used to protect your website from spam and abuse. The service is free to use and will enable spam protection across your entire website. We recommend using the latest version, which is currently v3, since it's the most user-friendly experience. Hope this helps!