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

# Webflow

> Cada formulario enviado en tu sitio de Webflow crea su Contacto y su Empresa.

## Qué trae a Brein

Cada vez que alguien llena un formulario de tu sitio, Brein crea o completa su **Contacto** y su **Empresa** por el dominio del correo. Si lo pides al conectar, también abre una **Oportunidad**.

| De Webflow | Va a |
| - | - |
| `firstName` y `lastName` | Nombre del Contacto |
| `email` | Correo del Contacto |
| `phoneNumber` | Teléfono del Contacto |

## Conéctala

Los webhooks que se crean desde el panel de Webflow **no llevan firma**, y Brein rechaza los avisos sin firma. Para que Webflow firme, el webhook se crea con su API, con un token de tu sitio con permiso `forms:read`. Webflow entrega el secreto de firma y tú lo pegas en Brein.

<Steps>
  <Step title="En Brein">
    Ve a **Ajustes → Integraciones → Conectar → Webflow** y copia la **dirección**.
  </Step>

  <Step title="Crea el webhook en Webflow">
    Con la API de Webflow (*Create Webhook*), con el id de tu sitio:

    ```bash theme={"theme":"github-light"}
    curl -X POST "https://api.webflow.com/sites/<id del sitio>/webhooks" \
      -H "Authorization: Bearer $WEBFLOW_TOKEN" \
      -H "Content-Type: application/json" \
      -d '{
        "triggerType": "form_submission",
        "url": "https://api.trybrein.com/api/v1/door/<id de la Fuente>"
      }'
    ```

    Para recibir solo un formulario, Webflow acepta un parámetro `filter` con el nombre del formulario (ver su documentación). El id del sitio está en la configuración del sitio, en la sección *Overview*.
  </Step>

  <Step title="Copia el secreto">
    La respuesta trae `secretKey` si usaste una llave de API creada en el panel del sitio. Si usas una app de OAuth, el secreto es el *client secret* de esa app. Cópialo.
  </Step>

  <Step title="Pégalo en Brein">
    En la Integración, pega el secreto y guarda. Mientras no lo pegues, Brein rechaza todos los avisos.
  </Step>
</Steps>

## Qué eventos elegir

Solo `form_submission`.

## Límites

* Las llaves de los datos son las de los campos de tu formulario. La plantilla busca `firstName`, `lastName`, `email` y `phoneNumber`. Si tu formulario nombra distinto a sus campos (por ejemplo «First Name»), esos campos llegan como **campos nuevos sin decidir**. Asígnalos y reprocesa.
* Webflow firma con una marca de tiempo y rechaza avisos con más de 5 minutos de diferencia.

Más sobre resultados, reconocimiento de personas y privacidad: [Integraciones](/es/integraciones). Fuente: [webhooks en Webflow](https://developers.webflow.com/data/docs/working-with-webhooks).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.