How can I implement "Invisible reCAPTCHA" on all forms in my Webflow site? Is this feature supported? Where can I find more information about it? Thank you in advance for your help!
- Webflow only supports reCAPTCHA v2 checkbox natively; Invisible reCAPTCHA requires custom code.
- To implement Invisible reCAPTCHA, disable Webflow form handling, embed reCAPTCHA script, handle form submission with external service or backend, and verify the token server-side.
Webflow does not support native implementation of Invisible reCAPTCHA, but standard reCAPTCHA v2 checkbox integration is available on Webflow-hosted forms. To use Invisible reCAPTCHA, you’ll need to use a custom code workaround.
1. Understand Current reCAPTCHA Support in Webflow
- Webflow natively supports Google reCAPTCHA v2 with a checkbox.
- Invisible reCAPTCHA (triggered on submit without a user checkbox interaction) is not available as a built-in option.
- Native reCAPTCHA support can only be added using form settings in Site Settings > Forms.
2. Use Custom Code for Invisible reCAPTCHA
To implement Invisible reCAPTCHA on Webflow, you must bypass Webflow’s default form handling and handle form submissions via custom code and a service like Zapier, Make, or a custom backend endpoint.
- Create your form in Webflow using normal form elements.
- Disable Webflow’s native form processing:
- Add a custom
actionto the<form>tag via Embed code. - Prevent Webflow from intercepting submission using
onsubmit="return false;"or JavaScript. - Add the Invisible reCAPTCHA script tag to your Page Settings > Footer Custom Code:
- Use the
grecaptcha.ready()method andgrecaptcha.execute()function (you must provide your site key). - Verify reCAPTCHA token on your own backend (e.g., via Google’s reCAPTCHA API) before processing the submission.
3. Where to Get More Information
Webflow University on reCAPTCHA:
https://university.webflow.com/lesson/using-recaptchaGoogle reCAPTCHA Docs (v2 Invisible):
https://developers.google.com/recaptcha/docs/invisibleForum discussions and unofficial tutorials: Community users have shared workarounds on the Webflow Forum, especially for integrating custom reCAPTCHA with third-party email or database solutions.
Summary
Webflow does not natively support Invisible reCAPTCHA, only the v2 checkbox. To use Invisible reCAPTCHA, you must add custom code, handle form submissions externally, and verify the reCAPTCHA token on your server or backend service. Refer to Google’s official documentation and consider using third-party tools for full implementation.