---
title: "How to Add Cloudflare Turnstile CAPTCHA in Elementor Form?"
url: https://theplusaddons.com/docs/add-cloudflare-turnstile-captcha-in-elementor-form/
date: 2025-05-21
modified: 2026-09-13
lang: en
author: "Aditya Sharma"
description: "Want to stop bots without making visitors click traffic lights? Cloudflare Turnstile is a privacy-friendly CAPTCHA alternative, and the Form widget from The Plus Addons for Elementor supports it with..."
word_count: 460
---

# How to Add Cloudflare Turnstile CAPTCHA in Elementor Form?

## 

- The Plus Addons for Elementor Form widget supports Cloudflare Turnstile through a Cloudflare field, but the feature needs The Plus Addons for Elementor Pro and a free Cloudflare account.
- Cloudflare Turnstile setup starts in Cloudflare Turnstile by creating a widget, adding hostnames without http:// or https://, choosing a Widget Mode, and copying the Site Key and Secret Key.
- The Plus Addons for Elementor applies saved Cloudflare keys to every Form widget on the site, so each form needs a Cloudflare field or it shows an error when submitted.

Want to stop bots without making visitors click traffic lights?

Cloudflare Turnstile is a privacy-friendly CAPTCHA alternative, and the Form widget from The Plus Addons for Elementor supports it with a **Cloudflare** field.

*To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](https://theplusaddons.com/docs/create-an-elementor-form-for-free/).*

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — The Cloudflare field needs The Plus Addons for Elementor Pro. The free plugin does not list it.- **Widget to enable:** Form, switched on under **The Plus Addons > Widgets**.- A free Cloudflare account.

## Get Your Turnstile Keys

- Log in to Cloudflare and open **Turnstile**.- Click **Add Widget** and give the widget a name, for example your domain name.- Click **+ Add Hostnames** and add your domain, without http:// or https://.- Choose a **Widget Mode**. You can leave pre-clearance set to No.- Click **Create**. Cloudflare shows your **Site Key** and **Secret Key**.

![Screenshot: Click Create. Cloudflare shows your Site Key and Secret Key](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-cloud-flare-widget-1.png)

![Screenshot: Click Create. Cloudflare shows your Site Key and Secret Key](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-cloud-flare-widget-2.png)

Keep the page with your keys open.

![Screenshot: Keep the page with your keys open](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-cloud-flare-widget-3.png)

## Save the Keys in The Plus Addons

- In your WordPress dashboard, go to **The Plus Addons > Widgets** and find the **Form** widget.- Click the settings (gear) icon on the Form card. The **Form Features** pop-up opens.- Open the **Cloudflare Turnstile** tab, paste the **Site Key** and **Secret Key** and click **Save**.

![The Form widget settings in The Plus Addons dashboard with the Cloudflare Turnstile Site Key and Secret Key fields](https://theplusaddons.com/wp-content/uploads/2026/09/form-admin-turnstile-keys.webp)

## Add the Cloudflare Field

- Edit your form in Elementor and click **+ Add Item** in **Content > General**.- Open the new item and set **Type** to **Cloudflare**.- Choose the **Cloudflare Turnstile Mode**, then publish.

![A Cloudflare field added to the Form widget with the Cloudflare Turnstile Mode option](https://theplusaddons.com/wp-content/uploads/2026/09/form-cloudflare.webp)

| Mode | What visitors see |
| ---- | ----------------- |
| Invisible (default) | Nothing. The check runs in the background |
| Managed (Visible) | The Turnstile box on the form |
| Non-Interactive | Meant to run without interaction, but it currently shows the visible Turnstile box |

## How It Behaves

- The form is only sent after Cloudflare confirms the visitor. Otherwise the visitor sees the Submission Issue message.- Until both keys are saved, the form shows “Please add Cloudflare Turnstile Site Key and Secret Key.” in red, and visitors see it too.

## Limitations

- **The keys apply to every Form widget on your site.** Once they are saved, a Form widget without a Cloudflare field stops working and shows an error when submitted. Add a Cloudflare field to every Form widget on the site.- **Non-Interactive mode currently displays the visible widget**, the same as Managed.

## Troubleshooting

### A form that has no Cloudflare field now shows an error

That form is affected by the saved keys. Add a Cloudflare field to it, or remove the keys if no form needs Turnstile.

### Submissions fail with the Turnstile field

Check the hostname you added in Cloudflare matches your site's domain, and that you copied the Secret Key, not the Site Key, into the Secret Key box.

## Related Docs

- [Create a form with the Form widget](https://theplusaddons.com/docs/create-an-elementor-form-for-free/)- [Add Google reCAPTCHA instead](https://theplusaddons.com/docs/add-google-recaptcha-in-elementor-form/)

## Frequently Asked Questions

**Q: What do I need before adding Cloudflare Turnstile to an Elementor form?**
A: Cloudflare Turnstile in The Plus Addons for Elementor needs three things in place: The Plus Addons for Elementor Pro, the Form widget enabled under The Plus Addons > Widgets, and a free Cloudflare account. That matters because the Cloudflare field is not available in the free plugin, so the setup only works once the Pro widget and Cloudflare keys are both ready. If any of those pieces are missing, the form cannot use Turnstile.

**Q: How do I get the Site Key and Secret Key for Cloudflare Turnstile?**
A: Cloudflare gives you both keys from Turnstile after you create a widget. In Cloudflare, add a widget name, add your hostname without http:// or https://, choose a Widget Mode, and create it. Cloudflare then shows the Site Key and Secret Key. Keeping that page open helps because you need to copy both values into The Plus Addons for Elementor right after creating them.

**Q: Where do I save Cloudflare Turnstile keys in The Plus Addons for Elementor?**
A: The keys are stored in the Form widget settings inside The Plus Addons for Elementor. In WordPress, open The Plus Addons > Widgets, find Form, open its settings gear, then use the Cloudflare Turnstile tab to paste the Site Key and Secret Key. Saving them there applies Turnstile to every Form widget on the site, so this is a global setting rather than a per-form one.

**Q: Why does an Elementor form show an error after I save Cloudflare Turnstile keys?**
A: Once the keys are saved, every Form widget on the site is affected by them. If a form does not have a Cloudflare field, it stops working and shows an error when submitted. That behavior is easy to miss because the keys are global, not local to one form. The fix is to add a Cloudflare field to that form or remove the keys if no form needs Turnstile.

**Q: Which Cloudflare Turnstile mode should I use in an Elementor form?**
A: Invisible is the default mode and runs in the background with nothing shown to visitors. Managed shows the visible Turnstile box on the form. Non-Interactive is meant to run without interaction, but on this page it currently displays the same visible widget as Managed. For most setups, Invisible keeps friction low, while Managed makes the challenge obvious to users.

**Q: Why are my submissions failing with the Turnstile field?**
A: Two details matter most here: the hostname in Cloudflare has to match your site’s domain, and the Secret Key box must contain the Secret Key, not the Site Key. If either one is wrong, Cloudflare cannot confirm the visitor and submission fails. That failure usually points to a setup mismatch rather than a problem with Elementor itself.