Add a reCAPTCHA field to forms and make sure your submissions submitted by humans.
reCAPTCHA is a free service from Google that can help protect form submissions from spam and abuse. The service aims to ensure that your site's forms are only submitted by real users.
reCAPTCHA will not function when you've set a custom form action to collect your form submissions.
Webflow forms including reCAPTCHA won't function on exported sites. If you intend to export your site, you'll need to integrate reCAPTCHA in your forms following Google's reCAPTCHA guide. Also, check out how to collect form submissions on exported sites.
You can add reCAPTCHA to your forms from the add panel → elements→ forms section.
Simply drag a reCAPTCHA element into your form block.
reCAPTCHA will not display on the published site until you enable validation in project settings. Learn more below.
To use reCAPTCHA in a project, you need to set up reCAPTCHA for the published site. To do that:
Head over to Google’s reCAPTCHA page and choose the type of reCAPTCHA: reCAPTCHA v2: Checkbox.
Then, register all domains associated with your site (see the note below). Once you register, you'll see two API keys in your reCAPTCHA setting. You'll be using these when enabling validation in the next step.
Registering domains may take up to 30 minutes to take effect.
Now, head over to project settings → forms tab → reCAPTCHA validation section and follow the steps below to enable reCAPTCHA on this project.
Enabling reCAPTCHA will enforce validation for all forms on this site. Any forms that do not have a reCAPTCHA element will fail to submit. This change will go into effect immediately as you click save (step 3 below), whether you republish your site or not. So, before you enable reCAPTCHA, make sure to add a reCAPTCHA element to each of your forms.
For security and correct functionality, make sure not to paste the secret key in the site key field.
On your published site, check to make sure the form works correctly.
reCAPTCHA may not function correctly for one of many reasons. Here are some issues, warnings, error messages, and how you can fix them.
Make sure you've enabled reCAPTCHA validation.
This warning appears when one or both API keys are incorrect in your project settings. To fix the issue:
This warning indicates that you haven't registered the correct domain(s) for these reCAPTCHA keys. It also shows when you've removed the domain(s) registered for this reCAPTCHA.
To fix this error, add your domain(s) in your reCAPTCHA settings page, save the settings, and publish your site. Clear the cache and test again.
reCAPTCHA has limited styling capabilities. However, you can use custom attributes to customize the reCAPTCHA element.
By default, the reCAPTCHA element has the light theme. You can switch it to a dark theme.
To use the dark theme, add the following custom attribute:
The default size of the reCAPTCHA element is normal. You can use the compact size by adding a custom attribute.
To change the size of your reCAPTCHA element, add the following custom attribute:
Something went wrong while submitting the form. Please contact firstname.lastname@example.org