> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Activa Cloudflare Turnstile para proteger tus formularios

> Activa Cloudflare Turnstile para proteger de los bots los formularios de tus landing pages sin CAPTCHA, y mejorar tanto la seguridad como la experiencia de los visitantes.

> Añade Cloudflare Turnstile a tus landing pages en LanderLab para proteger tus formularios de bots y envíos de spam, sin pedir a los visitantes que resuelvan un CAPTCHA.

## Qué es Cloudflare Turnstile

Cloudflare Turnstile es una herramienta gratuita de protección contra bots que sustituye a los CAPTCHA tradicionales. En lugar de pedir a los visitantes que identifiquen semáforos o escriban texto distorsionado, Turnstile verifica a los visitantes de forma silenciosa en segundo plano con señales del navegador y análisis del comportamiento.

Para la mayoría de los visitantes legítimos, Turnstile es totalmente invisible. Solo se pone a prueba el tráfico sospechoso, así que tus formularios siguen protegidos sin añadir fricción para los usuarios reales.

LanderLab instala el script de Turnstile por ti. Cuando añades la integración con tu Site Key, Turnstile se activa automáticamente en los formularios de tu landing page.

<Note>
  Cuando añades una integración de Turnstile, se guarda de forma **global** en tu cuenta. Puedes reutilizarla en varias landing pages sin volver a introducir los datos.
</Note>

***

## Antes de empezar

Antes de añadir Turnstile en LanderLab, tienes que crear un widget de Turnstile en tu cuenta de Cloudflare y obtener tu **Site Key**. Tardarás unos 2 minutos.

<Steps>
  <Step title="Inicia sesión en Cloudflare">
    Ve a [dash.cloudflare.com](https://dash.cloudflare.com) e inicia sesión. Si no tienes una cuenta de Cloudflare, puedes registrarte gratis en [cloudflare.com](https://www.cloudflare.com).
  </Step>

  <Step title="Abre Turnstile">
    En la barra lateral izquierda de tu panel de Cloudflare, haz clic en **Turnstile**. Se abrirá la página de gestión de widgets de Turnstile.
  </Step>

  <Step title="Crea un widget nuevo">
    Haz clic en **Add Widget** y rellena lo siguiente:

    | Campo           | Qué introducir                                                                                                                   |
    | :-------------- | :------------------------------------------------------------------------------------------------------------------------------- |
    | **Widget name** | Una etiqueta descriptiva para este widget (por ejemplo, "Formularios LanderLab").                                                |
    | **Hostname**    | Haz clic en **Add Hostname** e introduce el dominio de tu landing page (por ejemplo, `yourdomain.com`, sin `https://` ni `www`). |
    | **Widget mode** | Elige el modo que encaje con tu configuración. Más abajo se explican los modos del widget.                                       |

    Haz clic en **Create** para guardar el widget.
  </Step>

  <Step title="Copia tu Site Key">
    Después de crear el widget, Cloudflare te mostrará tu **Site Key** y tu Secret Key. Copia la **Site Key** (tiene un aspecto como `0x4AAAAAAA...`). Para LanderLab solo necesitas la Site Key.

    <Note>
      Mantén tu **Secret Key** en privado y no la compartas. LanderLab solo necesita la Site Key.
    </Note>
  </Step>
</Steps>

***

## Los modos del widget

Cloudflare Turnstile ofrece tres modos de widget. Elige el que mejor se adapte a lo que necesitas al crear el widget en tu panel de Cloudflare.

| Modo                | Cómo funciona                                                                                                                                                                               |
| :------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Managed**         | Cloudflare decide automáticamente. La mayoría de los visitantes pasan sin enterarse. Solo el tráfico sospechoso ve una prueba. Es el modo recomendado para la mayoría de las landing pages. |
| **Non-Interactive** | Siempre muestra un pequeño widget visible, pero los visitantes no tienen que hacer clic ni interactuar con él. Es útil si quieres un indicador de seguridad visible.                        |
| **Invisible**       | Totalmente silencioso. Nunca se muestra ningún widget. La verificación se hace por completo en segundo plano.                                                                               |

<Tip>
  En las landing pages de generación de leads, el **modo Managed** suele ser la mejor opción. Mantiene una experiencia fluida para los visitantes reales mientras bloquea los envíos de bots.
</Tip>

***

## Cómo añadir Turnstile en LanderLab

<Steps>
  <Step title="Ve a tu landing page">
    Ve a **Landing Pages** y haz clic en el **nombre de la landing page** en la que quieres activar la protección contra bots de Turnstile.
  </Step>

  <Step title="Abre la pestaña de integraciones">
    Haz clic en **Add Integration** para abrir el panel de integraciones.
  </Step>

  <Step title="Selecciona Turnstile">
    En la lista de integraciones disponibles, busca **Turnstile** (con la etiqueta "Protect your forms from bots with Turnstile") y haz clic en él. Aparecerá un formulario de configuración.
  </Step>

  <Step title="Rellena los campos obligatorios">
    Introduce estos datos:

    | Campo        | Descripción                                                                                                                                                                 |
    | :----------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
    | **Name**     | Una etiqueta para identificar esta integración (por ejemplo, "Turnstile"). Te ayuda a reconocerla cuando la reutilices en otras páginas.                                    |
    | **Site Key** | La Site Key de tu widget de Cloudflare Turnstile (por ejemplo, `0x4AAAAAAA...`). La encontrarás en tu panel de Cloudflare, dentro de Turnstile, después de crear un widget. |
  </Step>

  <Step title="Haz clic en Add Turnstile">
    Haz clic en el botón **Add Turnstile** para guardar la integración. LanderLab la guarda de forma global, así que podrás conectarla a otras landing pages más adelante sin volver a introducir los datos.
  </Step>

  <Step title="Publica tu landing page">
    Usa **Publish** o **Republish** en tu landing page para activar Turnstile en tus formularios. No hace falta ninguna configuración adicional en el editor de formularios.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/HMKrQYFyvSl4tVFf/images/turnstile.png?fit=max&auto=format&n=HMKrQYFyvSl4tVFf&q=85&s=3f997793d00d9554271d930dc42fdb52" alt="Formulario de configuración de Turnstile en LanderLab" width="1920" height="991" data-path="images/turnstile.png" />
</Frame>

***

## Conecta Turnstile a otra landing page

Como las integraciones de Turnstile se guardan de forma global, no tienes que crear una nueva para cada landing page. Puedes reutilizar cualquier integración guardada en varias páginas.

<Steps>
  <Step title="Abre otra landing page">
    Ve a **Landing Pages** y haz clic en el nombre de la landing page en la que quieres usar la misma integración de Turnstile.
  </Step>

  <Step title="Añade la integración">
    Haz clic en **Add Integration**. Verás las configuraciones de Turnstile que guardaste antes. Selecciona la que quieres conectar.
  </Step>

  <Step title="Selecciona las variantes (si procede)">
    Si tu landing page tiene varias **variantes de un test A/B**, aparecerá una ventana para que elijas qué variantes deben usar esta integración. Selecciona las variantes que quieras y confirma.

    <Note>
      La ventana de selección de variantes solo aparece cuando tu landing page tiene más de una variante activa. Si solo hay una, la integración se aplica automáticamente.
    </Note>
  </Step>

  <Step title="Guarda y publica">
    Haz clic en **Save** y después usa **Publish** o **Republish** en tu landing page para activar Turnstile en las variantes seleccionadas.
  </Step>
</Steps>

***

## Cómo comprobar que Turnstile funciona

Cuando tu landing page esté publicada con Turnstile activado:

1. Abre la **URL publicada de la landing page** en tu navegador.
2. Envía el formulario con datos de prueba.
3. Turnstile validará el envío automáticamente en segundo plano.

Para confirmar que funciona en el lado de Cloudflare:

1. Vuelve a tu [panel de Cloudflare](https://dash.cloudflare.com).
2. Haz clic en **Turnstile** en la barra lateral.
3. Selecciona tu widget.
4. Revisa la sección **Analytics**. Después de unos cuantos envíos de prueba deberías ver **Challenges issued** y un porcentaje **Likely human**.

<Tip>
  Turnstile funciona de forma silenciosa para la mayoría de los visitantes, así que probablemente no verás ningún widget en tu página salvo que hayas elegido el modo Non-Interactive. Es el comportamiento esperado.
</Tip>