BetterForm
Back to App
  • ⏳Quick Start
  • 🆓Free Project w/ Attribution
  • Features
    • ✅Submission Status
    • 🤖reCAPTCHA
  • Reference
    • ⌨️Input Fields
    • 🔂Integration Testing
  • About Us
    • 🛣️Road Map
    • 📑Change Log
Powered by GitBook
On this page
  • Create a reCAPTCHA (v3) Project
  • Update Project Setting
  • Add reCAPTCHA Code
  1. Features

reCAPTCHA

Add reCAPTCHA to your form to easily filter out spam.

PreviousSubmission StatusNextInput Fields

Last updated 2 years ago

We save all messages, marking them as verified or not verified. You can opt to hide unverified messages by default.

Create a reCAPTCHA (v3) Project

First, let's create a project on reCAPTCHA and obtain the site and secret keys. We currently support v3 reCAPTCHA.

Update Project Setting

Update the reCAPTCHA keys on your BetterForm project. This verifies the validity of the submission.

Add reCAPTCHA Code

Add a data-recaptcha attribute containing your site key to the form tag on your website to enable reCAPTCHA.

<form
  betterform
  data-bf-recaptcha="RECAPTCHA_SITE_KEY"
>
...
</form>

That's it! All form submissions will now be screened for spam.

🤖
Edit Project Screen
https://www.google.com/recaptcha/admin/createwww.google.com
New Recaptcha Project