How can I resolve the Google reCaptcha error on my Webflow form? I have tried adding both the Site and Secret keys, enabling validation, and even using different Google accounts, but the issue persists. Has anyone else experienced this and found a solution? Thank you.
TL;DR
- Use reCAPTCHA v2 with the “I’m not a robot” checkbox and ensure the registered domain exactly matches your Webflow site.
- Add the correct Site and Secret Keys in Webflow > Project Settings > Forms, use the built-in reCAPTCHA element inside your form, and publish to the verified domain.
- Check for console errors and test in Incognito to rule out browser caching issues.
The Google reCAPTCHA error on your Webflow form typically occurs when your reCAPTCHA keys are not properly configured or your form is incorrectly set up. Here’s how to fix it step by step.
1. Ensure You’re Using reCAPTCHA v2
- Webflow only supports reCAPTCHA v2, not v3 or Enterprise versions.
- Go to Google reCAPTCHA admin panel and check the version.
- Choose "reCAPTCHA v2" → "I'm not a robot" Checkbox when registering your site.
2. Match the Domain Exactly
- In the reCAPTCHA admin console, the domain must match your published site’s domain (e.g.,
www.example.com). - Do not include
http://orhttps://. - If you’re using a Webflow staging domain (
yourproject.webflow.io), that needs to be added as a separate domain in reCAPTCHA settings.
3. Add Correct Keys in Webflow
- In Webflow, go to Project Settings > Forms.
- Enter the Site Key and Secret Key you got from the reCAPTCHA dashboard.
- Click Save Changes.
4. Use the Built-in reCAPTCHA Element
- In your form, use Webflow’s built-in reCAPTCHA element from the Add panel (Forms section).
- This element must be placed inside the form wrapper.
- Do not use custom HTML embeds or external scripts for reCAPTCHA.
5. Publish to the Correct Domain
- Always publish to the domain that matches the domain listed in your Google reCAPTCHA settings.
- If your domain isn’t live (e.g., you're still working on staging), make sure the staging domain is also listed in Google reCAPTCHA.
6. Check for Console Errors
- Open your site in Chrome, right-click and choose Inspect > Console.
- Look for any errors related to
recaptcha,401, orinvalid key. - If you're seeing "ERROR for site owner: Invalid key type" — you’re using the wrong version (v3 instead of v2).
7. Test with Incognito Windows
- Sometimes browser caching causes issues. Open the published site in an Incognito window and try submitting the form.
- If it works there, clear your main browser's cache and try again.
Summary
To resolve persistent Google reCAPTCHA issues in Webflow, make sure you're using reCAPTCHA v2, the correct domain configuration, the built-in Webflow element, and that your keys are properly entered. Avoid v3 keys and ensure you're publishing to a matching domain listed in the reCAPTCHA settings.
