> ## 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.

# Configura la integración con Slack

> Aprende a conectar Slack a tus landing pages en LanderLab y a enviar notificaciones instantáneas de leads a un canal de Slack en tiempo real mediante un incoming webhook.

<iframe src="https://www.youtube.com/embed/JHm5Kde3POg" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

<Note>
  El vídeo está en inglés. Puedes activar los subtítulos en YouTube y traducirlos automáticamente al español desde **Ajustes > Subtítulos > Traducir automáticamente**.
</Note>

Conecta Slack a tus landing pages en LanderLab para recibir un mensaje instantáneo en el canal de Slack de tu equipo cada vez que llegue un lead nuevo. Tu equipo ve cada lead en el momento en que se envía, sin salir de Slack ni abrir tu panel.

## Qué es la integración con Slack

La integración con Slack usa un **incoming webhook** de Slack para publicar un mensaje en el canal que elijas cada vez que se recoge un lead en tu landing page. Creas el webhook una vez en Slack, copias su URL y la pegas en LanderLab.

Es perfecta para alertas en tiempo real: avisa a tu equipo de ventas en un canal compartido o envía los leads a un canal privado que solo pueda ver tu equipo.

## Antes de empezar

Solo necesitas una cosa para conectar Slack: una **URL de incoming webhook**. La creas en el sitio para desarrolladores de Slack creando una pequeña app de Slack. Los pasos siguientes te guían en el proceso.

## Paso 1: crea una app de Slack

<Steps>
  <Step title="Abre la página de apps de Slack">
    Ve a [https://api.slack.com/apps](https://api.slack.com/apps) e inicia sesión en tu cuenta de Slack. Haz clic en **Create an App**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/ZGQlHd3XuGnez3SP/images/image-28.png?fit=max&auto=format&n=ZGQlHd3XuGnez3SP&q=85&s=ab0a885d045f9e0c6c5d5f92c45d5c73" alt="La página de apps de Slack en api.slack.com, con el botón Create an App" width="1568" height="782" data-path="images/image-28.png" />
    </Frame>
  </Step>

  <Step title="Elige From scratch">
    En la ventana emergente, selecciona **From scratch**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/ZGQlHd3XuGnez3SP/images/image-29.png?fit=max&auto=format&n=ZGQlHd3XuGnez3SP&q=85&s=9a167b7075c0ca90fcb37a4b21a501fb" alt="La ventana de creación de apps de Slack, con la opción From scratch seleccionada" width="706" height="487" data-path="images/image-29.png" />
    </Frame>
  </Step>

  <Step title="Ponle nombre a la app y elige un workspace">
    Escribe un **App Name** (por ejemplo, `LanderLab`) y selecciona el **workspace** en el que quieres que aparezcan las notificaciones de leads. Haz clic en **Create App**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/ZGQlHd3XuGnez3SP/images/image-30.png?fit=max&auto=format&n=ZGQlHd3XuGnez3SP&q=85&s=25d7bc97ded14070aff3a7e61647efa2" alt="La pantalla para poner nombre a la app de Slack, con el campo App Name y el selector de workspace" width="564" height="607" data-path="images/image-30.png" />
    </Frame>
  </Step>
</Steps>

## Paso 2: activa Incoming Webhooks y consigue tu URL

<Steps>
  <Step title="Abre Incoming Webhooks">
    En la barra lateral de ajustes de la app, dentro de **Features**, haz clic en **Incoming Webhooks**. Pon el interruptor **Activate Incoming Webhooks** en **On**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/MaOcKn9x-e0o8fS_/images/turnonwebhooks.png?fit=max&auto=format&n=MaOcKn9x-e0o8fS_&q=85&s=fa914e7d332518b63900e3888ce35686" alt="La página Incoming Webhooks en los ajustes de la app de Slack, con el interruptor de activación encendido" width="1568" height="783" data-path="images/turnonwebhooks.png" />
    </Frame>
  </Step>

  <Step title="Añade un webhook nuevo">
    Desplázate hasta el final de la página y haz clic en **Add New Webhook to Workspace**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/h9RQlkuYw4-wACaD/images/addwebhook.png?fit=max&auto=format&n=h9RQlkuYw4-wACaD&q=85&s=ffffaad6ebfa7da30ec82625cfc1c7ca" alt="El botón Add New Webhook to Workspace al final de la página Incoming Webhooks de Slack" width="1565" height="784" data-path="images/addwebhook.png" />
    </Frame>
  </Step>

  <Step title="Elige un canal y permite el acceso">
    Selecciona el **canal** en el que quieres que se publiquen los leads y haz clic en **Allow**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/h9RQlkuYw4-wACaD/images/allow.png?fit=max&auto=format&n=h9RQlkuYw4-wACaD&q=85&s=5cf756b906f5e3ebc7d93ce5eca179b6" alt="La pantalla de permisos de Slack, con un canal seleccionado y el botón Allow" width="1568" height="782" data-path="images/allow.png" />
    </Frame>
  </Step>

  <Step title="Copia la URL de tu webhook">
    De vuelta en la página Incoming Webhooks, tu nuevo webhook aparece en la lista. Haz clic en **Copy** para copiar la URL. Tiene este aspecto:

    ```text theme={null}
    https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXX
    ```

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/ZGQlHd3XuGnez3SP/images/copywebhook.png?fit=max&auto=format&n=ZGQlHd3XuGnez3SP&q=85&s=42d29f80b26c43be64215367957b4cbd" alt="La lista de incoming webhooks de Slack, con el botón Copy junto a la URL del webhook" width="1685" height="782" data-path="images/copywebhook.png" />
    </Frame>
  </Step>
</Steps>

<Warning>
  Trata la URL de tu webhook como una contraseña. Cualquiera que la tenga puede publicar mensajes en tu canal de Slack. No la compartas nunca públicamente.
</Warning>

## Paso 3: conecta Slack en LanderLab

Con la URL de tu webhook copiada, ya puedes conectar la integración.

<Steps>
  <Step title="Abre tu landing page">
    Ve a **Landing Pages** y haz clic en el **nombre de la landing page** de la que quieres recibir notificaciones de leads.
  </Step>

  <Step title="Abre la pestaña de integraciones">
    Haz clic en **Add Integration** para abrir el panel de integraciones, busca **Slack** y selecciónalo.
  </Step>

  <Step title="Introduce un nombre y pega la URL de tu webhook">
    Ponle un **Name** a la integración para identificarla y pega la **Webhook URL** que copiaste de Slack. Haz clic en **Continue**.
  </Step>

  <Step title="Elige el formato del mensaje">
    Elige cómo se redacta cada notificación. **List** da formato automáticamente a todos los campos del lead y solo te pide un texto de introducción, mientras que **Custom** te permite escribir tu propia plantilla de mensaje. Haz clic en **Continue**.
  </Step>

  <Step title="Revisa y conecta">
    Comprueba el canal de destino, el formato del mensaje y el texto de introducción. Todos los campos del lead se incluyen automáticamente. Si todo está bien, haz clic en **Connect Slack**.
  </Step>
</Steps>

<Note>
  Si tu landing page tiene varias variantes de un test A/B, se te pedirá que elijas a qué variante o variantes se aplica esta integración antes de añadirla.
</Note>

## Prueba la integración

Envía un lead de prueba desde el formulario o el quiz de tu landing page y revisa tu canal de Slack. La app debería publicar un mensaje con los datos del lead en pocos segundos.

## Solución de problemas

<AccordionGroup>
  <Accordion title="No llega ningún mensaje a Slack">
    Comprueba que has pegado bien la URL del webhook, sin espacios de más. Asegúrate también de que Incoming Webhooks sigue en **On** en los ajustes de tu app de Slack.
  </Accordion>

  <Accordion title="Los mensajes se publican en el canal equivocado">
    Cada URL de webhook está vinculada al canal que elegiste al crearlo. Para publicar en otro canal, crea un webhook nuevo en Slack (paso 2), copia esa URL y actualiza la integración en LanderLab.
  </Accordion>

  <Accordion title="La URL del webhook ha dejado de funcionar">
    Si la app se ha reinstalado o se han revocado sus tokens, la URL antigua del webhook deja de ser válida. Genera un webhook nuevo en Slack y pega la URL nueva en LanderLab.
  </Accordion>
</AccordionGroup>
