Can Turnstile from Cloudflare be integrated with Webflow forms?

Published on
September 22, 2023

Yes, Turnstile from Cloudflare can be integrated with Webflow forms. Turnstile is a feature provided by Cloudflare that allows you to add an email capture form to your website. This can be useful for collecting email addresses from visitors and building your email list.

To integrate Turnstile with Webflow forms, you can follow these steps:

  1. Sign up for an account on Cloudflare and add your website to the Cloudflare dashboard.
  2. In the Cloudflare dashboard, go to the "Firewall" section and click on "Firewall Rules".
  3. Create a new Firewall Rule by clicking on the "Create Firewall Rule" button.
  4. In the rule configuration, set the action to "Bypass" and add a condition to match the path or URL of your Webflow form.
  5. Save the rule and apply it to your website.
  6. Go to the "Speed" section in the Cloudflare dashboard and enable the Turnstile feature.
  7. Configure the settings for Turnstile, including the email provider you want to integrate with (such as Mailchimp or SendGrid).
  8. Customize the appearance of the Turnstile email capture form to match your website's design.
  9. Publish the changes in Cloudflare and test the integration by submitting a form on your Webflow website.

With this integration, when a visitor fills out a form on your Webflow website, their email address will be captured by Turnstile and can be automatically added to your email list in the configured email provider. This allows you to collect leads and follow up with visitors who have expressed interest in your website or services.

To summarize, here are the steps to integrate Turnstile from Cloudflare with Webflow forms:

  1. Sign up for a Cloudflare account and add your website to the Cloudflare dashboard.
  2. Go to the "Firewall" section and create a new Firewall Rule to bypass the form submission URL.
  3. Enable the Turnstile feature in the "Speed" section of the Cloudflare dashboard.
  4. Configure the settings for Turnstile and connect it to your email provider.
  5. Customize the appearance of the Turnstile email capture form.
  6. Publish the changes and test the integration.

By integrating Turnstile with Webflow forms, you can easily capture email addresses from your website visitors and grow your email list for marketing purposes.

Three additional questions:

  1. How can I customize the appearance of the Turnstile email capture form in Webflow?
  2. What email providers can I integrate with Turnstile in Cloudflare?
  3. Can I use Turnstile with forms on other platforms besides Webflow?