How to Set Up Cloudflare Turnstile on Your WordPress Website in Gravity Forms

How to Set Up Cloudflare Turnstile on Your WordPress Website in Gravity Forms.

Looking for a user-friendly, privacy-focused alternative to Google’s reCAPTCHA? Cloudflare Turnstile is a perfect solution for enhancing your WordPress site’s security without frustrating your visitors. Here’s a quick, step-by-step guide to get you started.

Step 1: Sign Up for Cloudflare

Step 2: Register Your Site

  • Once logged in, navigate to the “Turnstile” section.
  • Click on “Add widget”
  • Add a Widget name
  • Click ‘Add Hostnames’ and enter your website domain.
  • Choose between “Managed,” “Invisible,” or “Non-interactive” modes (“Managed” is recommended).
  • Choose if you would like to opt for pre-clearance (we usually leave this as the default ‘No’)
  • Click “Create,” and you’ll receive your Site Key and Secret Key.

Step 3: Install the Gravity Forms Turnstile Add-On in WordPress

  • Log in to your WordPress admin dashboard.
  • Navigate to “Forms” → “Add-Ons.”
  • Search for “Cloudflare Turnstile Add-On” from the list of add-ons.
  • Click “Install,” and then activate the Add-On.

Step 4: Configure Turnstile in Gravity Forms

  • From your dashboard, go to “Forms” → “Settings.”
  • Click the “Cloudflare Turnstile” tab / button.
  • Paste your Site Key and Secret Key provided by Cloudflare.
  • Save your settings.
  • Go to the form you want to protect, go to ‘Advanced Fields and add the Cloudflare element.

Step 5: Add Turnstile to your Gravity Forms Form

  • From your dashboard, go to “Forms” → “Forms.”
  • Select the form you want to edit.
  • Go to ‘Advanced Fields and add the Cloudflare element.
  • Save your form.
Gravity Forms Turnstile Element

Step 6: Test Turnstile Integration

  • Open your site in an incognito window or log out of your WordPress admin account.
  • Try accessing one of the protected forms to ensure Turnstile is operating correctly.
  • Ensure there are no errors or unexpected behaviors.

Troubleshooting Common Issues

  • Keys not working? Double-check you’ve copied the Site and Secret Keys correctly.
  • Turnstile not appearing? Verify compatibility with your WordPress theme and other plugins by temporarily disabling them one-by-one.

Congratulations!

You’ve successfully integrated Cloudflare Turnstile into your WordPress site. Your website now has improved security without sacrificing user experience or accessibility. Enjoy the benefits of a secure, seamless, and user-friendly website!