Introduction
Protecting your forms from spam and abuse is crucial. Google's reCAPTCHA v2 provides a reliable solution. In this guide, we'll explain how to integrate reCAPTCHA v2 with forms on a Blutui project.
Setting Up reCAPTCHA v2
Registration
Start by visiting Google reCAPTCHA's registration page. Sign in using your Google account.
Create a new site
Next, click on Register a new site. Provide a suitable name for your reCAPTCHA integration, ensure you select the reCAPTCHA type as v2 Checkbox.
Domain configuration
Input all domains where your site will be live. It's advisable to also include your staging URL, ensuring you can test the form in the staging environment.
Alert settings
Associate it with your primary Google account. If you're using older versions of reCAPTCHA, specify emails to receive alerts regarding any issues.
Complete registration
Lastly, read and accept the terms of service and click Submit. Once registered, you'll receive two keys, a public key and a secret key. If you need further details or encounter any challenges while obtaining your reCAPTCHA keys, Google's developer documentation is a valuable resource.
Integrating with Blutui
Navigate to settings
Head to your Blutui Project Dashboard. Click on Settings and navigate to Forms page.
Key configuration
Paste the Public Key and Secret Key from the reCAPTCHA dashboard into their respective fields in the Blutui Project Dashboard.
Update your form template
Navigate to your form template code for the Blutui project. Insert the {{ recaptcha() }} function where you'd like the reCAPTCHA checkbox to appear. Typically, it's best to place this right above the form's submit button.
Conclusion
You've now successfully integrated Google's reCAPTCHA v2 with your Blutui project. This will add an extra layer of protection against bots and spam, ensuring genuine user interactions on your project.