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

> Aprende a conectar Make.com con LanderLab mediante un webhook y a enviar cada lead de tus landing pages y embudos de quiz a tus escenarios de Make en tiempo real.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/nQMmQIy3T1io9eyV/images/LL-make.com.png?fit=max&auto=format&n=nQMmQIy3T1io9eyV&q=85&s=e02bd0c01712939e7084bab887834ab8" alt="Logotipos de LanderLab y Make.com" width="1200" height="600" data-path="images/LL-make.com.png" />
</Frame>

Conecta Make.com a tus landing pages en LanderLab y envía cada lead a un escenario de Make en el mismo momento en que se envía. Desde ahí puedes enviar los leads a cualquiera de las miles de aplicaciones que admite Make, como Google Sheets, Slack, Airtable, Salesforce o tu propia API.

No hay que instalar ninguna aplicación de Make aparte. La conexión se hace con un **Custom webhook** en Make y la **Webhook integration** en LanderLab.

## Cómo funciona la conexión

La configuración tiene tres partes:

1. Creas un Custom webhook en Make. Make te da una URL única.
2. Pegas esa URL en la Webhook integration de LanderLab en tu landing page.
3. Envías un lead de prueba para que Make aprenda la estructura de los campos y puedas mapear los datos en los siguientes módulos de tu escenario.

Cuando los dos lados están conectados y tu escenario está activado, cada lead nuevo se envía a Make al instante. Sin exportaciones, sin consultas periódicas y sin herramientas intermedias de terceros.

<Note>
  Las integraciones de webhook **no** se guardan de forma global en LanderLab. Cada webhook se configura por landing page, así que repite la parte de LanderLab de esta guía en cada página que quieras enviar a Make.
</Note>

## Antes de empezar

Asegúrate de tener:

* Una **cuenta de Make.com** con cualquier plan. Los planes gratuitos permiten un número limitado de webhooks activos.
* Una **landing page o un embudo de quiz de LanderLab con un formulario**. Los campos del formulario son lo que se envía a Make.

## Paso 1: crea un webhook en Make.com

<Steps>
  <Step title="Crea un escenario nuevo">
    Inicia sesión en [Make.com](https://www.make.com) y haz clic en **Create a new scenario**, en la esquina superior derecha de tu panel.
  </Step>

  <Step title="Añade el módulo Custom webhook">
    Haz clic en el botón grande **más (+)** del editor de escenarios, busca **Webhooks** y selecciona el módulo **Custom webhook**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/5Uu38EEDv07U0epd/images/image-38.png?fit=max&auto=format&n=5Uu38EEDv07U0epd&q=85&s=8f96e43d91de2161a99bd95b59fc1d19" alt="Módulo Custom webhook en el editor de escenarios de Make" width="1024" height="789" data-path="images/image-38.png" />
    </Frame>

    Asegúrate de elegir **Custom webhook** y no Custom mailhook.
  </Step>

  <Step title="Crea el webhook y ponle nombre">
    En los ajustes del módulo, haz clic en **Add** junto al campo Webhook. Ponle un nombre claro al webhook para encontrarlo después, por ejemplo `LanderLab - Insurance Quiz`, y haz clic en **Save**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/5Uu38EEDv07U0epd/images/image-40.png?fit=max&auto=format&n=5Uu38EEDv07U0epd&q=85&s=4e4a76c3337150eef1533edb24ecf374" alt="Crear y nombrar el webhook en Make" width="1434" height="828" data-path="images/image-40.png" />
    </Frame>

    Puedes dejar vacíos los ajustes avanzados. Make detecta automáticamente la estructura de los datos a partir de la primera petición que recibe.
  </Step>

  <Step title="Copia la URL del webhook">
    Make genera una URL HTTPS única con este aspecto: `https://hook.eu2.make.com/xxxxxxxxxxxxxxxxxxxx`.

    Haz clic en **Copy address to clipboard**. Deja esta pestaña abierta, porque el módulo se queda ahora a la escucha esperando la primera petición.

    <Warning>
      Trata la URL del webhook como una contraseña. Cualquiera que la tenga puede enviar datos a tu escenario, así que no la publiques.
    </Warning>
  </Step>
</Steps>

## Paso 2: añade la integración de webhook en LanderLab

Ahora pasa a LanderLab y conecta esa URL a tu landing page.

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

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

  <Step title="Selecciona Webhook integration">
    Busca **Webhook integration**, con la etiqueta "Send lead data to any HTTPS endpoint in real time", y haz clic en ella. Se abrirá el asistente de configuración de 3 pasos.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/5Uu38EEDv07U0epd/images/preview-2.webp?fit=max&auto=format&n=5Uu38EEDv07U0epd&q=85&s=7dbf47249e22d9835384c2b558ee3a24" alt="Asistente de configuración de la integración de webhook" width="722" height="504" data-path="images/preview-2.webp" />
    </Frame>
  </Step>

  <Step title="Rellena los ajustes de la petición">
    Introduce lo siguiente:

    | Campo         | Valor                                                                           |
    | :------------ | :------------------------------------------------------------------------------ |
    | **Name**      | Una etiqueta para identificar esta conexión, por ejemplo `Enviar leads a Make`. |
    | **URL**       | **Pega la URL del webhook que copiaste de Make.**                               |
    | **Method**    | Selecciona **POST**.                                                            |
    | **Body type** | Selecciona **JSON**.                                                            |

    Deja vacía la sección **Headers**, salvo que hayas añadido una comprobación de clave de API en los ajustes del webhook de Make.

    Haz clic en **Continue**.
  </Step>

  <Step title="Mapea los campos que quieres enviar">
    En la pestaña **Fields** verás todos los campos de tu formulario o embudo de quiz, además de los campos de sistema de LanderLab como **LL Lander URL**, **LL Visitor IP**, **LL Visitor ID** y **LL Submission Time UTC**.

    Usa las casillas para incluir o excluir campos y edita la columna **Sent As** para cambiar el nombre de las claves que llegan a Make. Los nombres que pongas aquí son exactamente los nombres de campo que mapearás dentro de tu escenario de Make, así que usa claves limpias y en minúsculas como `first_name` y `email`.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/5Uu38EEDv07U0epd/images/preview-(1).webp?fit=max&auto=format&n=5Uu38EEDv07U0epd&q=85&s=6424f843f89579c12c3c1ec4913038b3" alt="Mapeo de campos en la pestaña Fields" width="738" height="901" data-path="images/preview-(1).webp" />
    </Frame>

    <Tip>
      Deja activados los campos de sistema. Valores como la URL del lander, la IP del visitante y la hora de envío te serán útiles más adelante en Make para filtrar, enrutar y guardar registros de cumplimiento.
    </Tip>

    Haz clic en **Continue**.
  </Step>

  <Step title="Revisa y conecta">
    El último paso muestra exactamente la petición que se enviará a Make con cada lead: el método POST, la URL de tu webhook y el cuerpo JSON con todos los campos mapeados.

    Si todo está bien, haz clic en **Connect webhook**. La integración ya está activa en esa landing page.
  </Step>
</Steps>

## Paso 3: envía un lead de prueba para que Make lea los campos

Make no sabe cómo son los datos de tus leads hasta que recibe una petición real. Este paso es el que hace que los campos se puedan mapear en el resto de tu escenario.

<Steps>
  <Step title="Pon el módulo webhook a la escucha">
    Vuelve a Make, abre el módulo Custom webhook y haz clic en **Redetermine data structure**. El módulo espera ahora una petición entrante.
  </Step>

  <Step title="Envía un lead de prueba">
    Abre la **URL de vista previa** o la **URL publicada** de tu landing page, rellena el formulario o completa el quiz y envíalo.
  </Step>

  <Step title="Confirma que Make ha recibido los datos">
    Make confirma que ha recibido la petición y guarda la estructura. Todos los campos que mapeaste en LanderLab están ahora disponibles como variables en los módulos siguientes.
  </Step>
</Steps>

## Paso 4: crea el resto de tu escenario

Con la estructura de datos lista, añade los módulos que deben ejecutarse con cada lead. Haz clic en el **más (+)** junto al módulo webhook, elige la aplicación de destino y mapea en ella los campos de LanderLab.

Algunas configuraciones habituales:

* **Google Sheets**: añade una fila por cada lead nuevo.
* **Slack o Telegram**: publica una notificación instantánea en tu canal de ventas.
* **Airtable, Notion o HubSpot**: crea un registro o un contacto automáticamente.
* **Router con filtros**: envía los leads a destinos distintos según una respuesta del quiz, el país o la campaña.
* **Módulo HTTP**: reenvía el lead a cualquier API que no tenga una aplicación nativa en Make.

Cuando tu escenario esté listo, haz clic en **Save** y pon el interruptor de la esquina inferior izquierda en **ON**.

<Warning>
  Un escenario en **OFF** no procesa los leads entrantes. Activa siempre el escenario antes de enviar tráfico a tu landing page.
</Warning>

## Solución de problemas

<AccordionGroup>
  <Accordion title="No llegan datos a Make">
    Comprueba que el interruptor del escenario está en **ON** y que la URL del webhook en LanderLab coincide exactamente con la que generó Make, sin espacios de más. Después envía un lead de prueba nuevo y busca la petición entrante en la pestaña **History** del escenario en Make.
  </Accordion>

  <Accordion title="Faltan campos en el panel de mapeo">
    Make solo muestra los campos que ha visto en una petición real. Abre el módulo Custom webhook, haz clic en **Redetermine data structure** y envía otro lead de prueba. Repítelo cada vez que añadas un campo nuevo a tu formulario o quiz.
  </Accordion>

  <Accordion title="He añadido un campo nuevo pero Make sigue recibiendo los antiguos">
    Los campos nuevos del formulario no se añaden automáticamente a la carga del webhook. Abre la integración de webhook en tu landing page, ve al paso de mapeo de campos, activa el campo nuevo y guarda. Después vuelve a determinar la estructura de datos en Make.
  </Accordion>

  <Accordion title="Quiero enviar los leads de una segunda landing page">
    Puedes reutilizar la misma URL del webhook de Make en varias landing pages. Solo tienes que añadir la integración de webhook en cada página y pegar la misma URL. Si las páginas tienen campos de formulario distintos, añade un **Router** con filtros en Make para que cada página se gestione correctamente.
  </Accordion>

  <Accordion title="El webhook devuelve un error">
    Abre la pestaña **History** de tu escenario en Make e inspecciona la ejecución fallida para ver la respuesta exacta. También puedes revisar los registros de entrega en LanderLab para ver la petición que se envió y la respuesta que se recibió.
  </Accordion>
</AccordionGroup>

## Artículos relacionados

<CardGroup cols={2}>
  <Card title="Configura la integración de webhook" icon="webhook" href="/es/integrations/lead-distribution/webhook">
    Referencia completa de la integración de webhook de LanderLab, incluidos el modo JSON y las cabeceras personalizadas.
  </Card>

  <Card title="Configura la integración con Google Sheets" icon="table" href="/es/integrations/lead-distribution/google-sheets">
    Envía los leads directamente a una hoja de cálculo sin crear un escenario.
  </Card>

  <Card title="Primeros pasos con los workflows" icon="diagram-project" href="/es/features/workflows/getting-started">
    Automatiza el enrutado de leads dentro de LanderLab con triggers, condiciones y acciones.
  </Card>

  <Card title="Gestiona y exporta tus leads" icon="users" href="/es/features/leads/managing">
    Consulta, filtra y exporta todos los leads recogidos en tus landing pages.
  </Card>
</CardGroup>
