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.

You're encountering a Google reCAPTCHA error on your Webflow form even after configuring the Site Key and Secret Key correctly, which usually means an issue with integration or configuration on Webflow or the Google side.

1. Confirm You're Using reCAPTCHA v2

• Webflow only supports reCAPTCHA v2 (“I'm not a robot” checkbox), not v3 (invisible or score-based).
• Go to your Google reCAPTCHA Admin Console and check the type for your registered site.
• If you accidentally used v3, create a new reCAPTCHA v2 key.

2. Add the Correct reCAPTCHA Site Key in Webflow

• Go to Project Settings > Forms.
• Paste your Site Key (not Secret Key) into the reCAPTCHA Site Key field.
• Click Save Changes.

3. Add the reCAPTCHA Element to Your Form

• Open your project in the Webflow Designer.
• Drag in a Form Block, and within it, add the reCAPTCHA component from the Add Panel.
• Ensure the reCAPTCHA is placed inside the form and shows the actual checkbox preview.

4. Publish to a Custom Domain

• reCAPTCHA only runs on published sites using custom domains (e.g., www.yoursite.com).
• It may not work on Webflow’s staging domain (like yourproject.webflow.io).
• Publish your site to your connected custom domain, then test there.

5. Check Domain Settings in Google reCAPTCHA

• In your Google reCAPTCHA settings, ensure that:
• Your custom domain is added exactly (e.g., www.yoursite.com).
• No typos, and use non-www and www if needed.
• Save changes and wait a few minutes (Google’s dashboard updates may lag).

6. Disable Any Form Submission Blockers

• Check browser extensions or settings that may block JavaScript.
• Ensure any custom JavaScript in your Webflow project isn’t interfering with reCAPTCHA or form submission.
• Remove and test without any added Form Submission custom code temporarily.

7. Retrieve and Review the Error Details

• Use your browser’s Developer Tools (Console tab).
• Submit the form and note any JavaScript errors or specific reCAPTCHA failure messages.
• If you see errors like “ERROR for site owner: Invalid domain for site key”, it confirms domain mismatch in the reCAPTCHA admin.

8. Validate Form via Submission Notification

• Once fixed, test the form and confirm that:
• The reCAPTCHA challenge can be completed.
• The form submission reaches your notification email.
• The “Form submission successful” message appears.

Summary

To fix the reCAPTCHA error in your Webflow form, make sure you're using reCAPTCHA v2, have added the correct Site Key, placed the reCAPTCHA component inside the form, and published the site to your custom domain that’s registered in the reCAPTCHA settings. Most errors stem from incorrect reCAPTCHA versioning or domain mismatches.