Forms + Cloudflare Turnstile Recaptcha

Hi -

Is it possible to use Cloudflare Turnstile with webflow forms? I can’t find any examples of sites using it.

Im also interested to know if someone have done this.

So to make Cloudflare CAPTCHA Turnstile work with Webflow you will need to install the script below in the <Head /> of the page that you have your form:

<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?compat=recaptcha" async defer></script>

And them inside your form, add an HTML Embed component, and add the code below inside of it:

<div class="cf-turnstile" data-sitekey="YOUR_SITE_KEY" data-callback="javascriptCallback"></div>

Make sure to change YOUR_SITE_KEY, by your newly generated site Key in Cloudflare, under the Turnstile page.

And done, publish the page and it all should be working! :grin:

OBS: Make sure you turn the toggle off in the Settings of the project for Google Recaptcha

1 Like

Thanks so much — your post gave me the confidence to implement this! And it worked for me, as well!

On a related note: is there a way to control the size of the Turnstile Captcha?