# Proteger tus formularios con Cloudflare Turnstile
> Formspree Docs · Configuración de formularios y proyectos · 14 de abril de 2026
[**Cloudflare Turnstile**](https://www.cloudflare.com/products/turnstile/) es una alternativa moderna y centrada en la privacidad a los CAPTCHA. Proporciona detección de bots sin fricción y sin desafíos para el usuario, mejorando tanto la accesibilidad como la seguridad del formulario.
Formspree es compatible con Turnstile de fábrica: solo configura tus claves y habilita el CAPTCHA en la configuración de tu formulario.
## Paso 1: Crear un sitio en Turnstile
Empieza visitando el [**panel de Cloudflare Turnstile**](https://dash.cloudflare.com/login).
Haz clic en **Add widget** para crear un nuevo sitio en Turnstile, luego:
1. Ingresa un **nombre** para tu sitio.
2. Agrega tu **dominio** (por ejemplo, `example.com`) en _Allowed Domains_. Usa [localhost](http://localhost) para fines de desarrollo.
3. Elige el **modo del widget**.
Guarda la configuración. Una vez creado, verás tus nuevas claves del widget.
Copia la **Site Key y la Secret Key**: las usarás en tu formulario HTML y en la configuración de Formspree.
## Paso 2: Configurar el CAPTCHA en Formspree
Ve a la página de configuración de tu formulario en el [**panel de Formspree**](https://formspree.io/dashboard).
En la sección **CAPTCHA**, asegúrate de que la protección CAPTCHA esté **habilitada**.
Haz clic en **Adjust settings**, selecciona **Cloudflare Turnstile** y pega tu **Secret Key** en el campo proporcionado.
Guarda los cambios.
## Paso 3: Agregar Turnstile al HTML de tu formulario
Ahora es momento de agregar Turnstile a tu formulario. Incluye el **script de Turnstile** y tu **Site Key** en tu código HTML.
Aquí tienes un ejemplo básico:
```html
Turnstile Demo
```
Cuando un usuario envía el formulario, el widget de Turnstile genera automáticamente un token (`cf-turnstile-response`) que Formspree verifica usando tu Secret Key.
## Usando AJAX (Opcional)
Si estás enviando tu formulario mediante AJAX, puedes incluir el token de Turnstile manualmente en tu solicitud.
A continuación se muestra un ejemplo usando **Vanilla JS**:
```html
Turnstile AJAX Demo
```
O usando la [API de Turnstile](https://developers.cloudflare.com/turnstile/get-started/client-side-rendering/#widget-lifecycle-management)
```html
```