How to enable Cloudfare Turnstile in Kadence Forms
Home / Blog / Tutorials / How to Add Cloudflare Turnstile on Kadence Forms

How to Add Cloudflare Turnstile on Kadence Forms

Tired of dealing with annoying spam bots filling out your Kadence forms? Adding Cloudflare Turnstile is a great way to fight back and keep your website forms free from bots.

It’s a user-friendly, privacy-focused CAPTCHA alternative that’s quickly gaining popularity. Let’s dive into how to implement it on your Kadence forms easily.

Video: How to Enable Cloudflare Turnstile on Kadence Forms

Watch the video tutorial on how you can enable Cloudflare Turnstile on Kadence Forms.

Understanding Cloudflare Turnstile

Cloudflare Turnstile is a security feature provided by Cloudflare, a leading provider of web performance and security services. Turnstile acts as a gatekeeper, intercepting incoming requests to your website and authenticating users before they can access your content.

By implementing Turnstile, you can enforce various WordPress security measures such as CAPTCHA challenges, IP rate limiting, and user authentication, effectively blocking malicious bots and unauthorized users.

What You’ll Need

  • Kadence Blocks Pro: Ensure you have the Pro Version of Kadence Blocks installed and activated on your site. This will give you access to the Advanced Kadence Form fields, CAPTCHA, on which you will set up Turnstile.
  • Cloudflare account: Sign up for a free Cloudflare account if you don’t have one already.

Steps to Add Cloudflare Turnstile to Kadence Forms

Follow the steps below to add Cloudflare Turnstile to your Kadence Form.

  • Add the CAPTCHA field to the form.
    • Open your Advanced (Adv) Kadence Form.
    • Inside the form, click the (+) button.
    • Switch to the Misc tab.
    • Add the CAPTCHA field to the form.
How to add the Advanced Kadence Captcha field
How to add the Advanced Kadence CAPTCHA field
  • Set CAPTCHA Type
    • Go to the CAPTCHA field settings on the right sidebar.
    • Set “Cloudflare Turnstile” from the dropdown menu as the CAPTCHA type.
Set the CAPTCHA type to Cloudflare Turnstile
Set the CAPTCHA type to Cloudflare Turnstile

Once you have included the CAPTCHA field in your form and chosen Turnstile as the verification method, you need to obtain the site and secret key from Cloudflare.

  • Obtain your Turnstile keys
  • Fill in the Turnstile setup form
    1. Add site name.
    2. Add your website domain.
    3. Select Widget Mode ( how you want Turnstile to appear on your site).
    4. Click Create to finish the setup.
How to fill in the Cloudflare Turnstile form
How to fill in the Cloudflare Turnstile form
  • The site and secret keys inside Cloudflare
    • Upon completing the Turnstile setup, you will have access to the site and secret keys for you to add to your Kadence Form.
  • Add the Keys to the website
    • Return to your website form and add the site and secret keys from Cloudflare.
    • Save the form settings and update the post/page.
    • Open the form at the frontend and confirm that the Cloudflare Turnstale widget is working.

By harnessing the power of Cloudflare Turnstile‘s advanced security features and seamlessly integrating it with Kadence Forms, you’re taking proactive steps to safeguard your website forms from spam.

With just a few simple steps, you can fortify your forms against malicious attacks and ensure that only genuine users have access.

WordPress Care Plan with Kadence

MRK WP supports the Kadence theme and its plugins as part of our WordPress Care Plan service. We can build and help maintain your Kadence website. Our WordPress Care plan service also covers the cost of theme and plugin licenses for your Kadence sites.

Tip: Fix 302 Errors on Turnstile Javascript

I recently migrated my Cloudflare to a self managed setup. All of a sudden all my forms were failing the turnstile captcha check.

I investigated the browser console log and found the turnstile script was being loaded as a 302. The turnstile verify checkbox didn’t show up on my forms and I was getting no form submissions.

After an in depth investigation I found that the issue was the Rocket Loader from Cloudflare.

Once i turned that off, the turnstile worked as expected.

To get to the rocket loader go to the “Speed > Optimisation” menu and the select the “Content Optimisation” tab.

Turn off the rocket loader.

Similar Posts