Si tu sitio web está creado con Webflow y quieres hablar en tiempo real con los visitantes de tu web, puedes añadir el widget de chat en vivo de Chatwoot a tu sitio. Sigue los pasos descritos a continuación.

## Paso 1. Crea una bandeja de entrada de sitio web en Chatwoot[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#1-create-a-website-inbox-in-chatwoot "Enlace directo al encabezado")

Consulta esta [guía](https://app.chatwoot.com/hc/chatwoot-user-guide-cloud-version/es/chat-en-vivo-para-sitios-web/49662) para obtener instrucciones detalladas sobre cómo configurar una bandeja de entrada de sitio web en Chatwoot.

## Paso 2. Instala el script generado en Webflow[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#2-install-the-generated-script-in-webflow "Enlace directo al encabezado")

Inicia sesión en tu cuenta de Webflow y selecciona tu sitio web. Selecciona Configuración.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCSUNUNVFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--7794101d099e6920403435ea045793769c7999d1/webflow-20settings.png)

[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#paste-the-script-in-footer-code-in-webflow "Enlace directo al encabezado")Ve a **Código personalizado** -> **Código del pie de página**. Pega el script en "Código del pie de página". Guarda los cambios.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCSDJUNVFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--09d20b2db55002af793537753c893dbdf3b59dc2/footer-20code.png)

## Paso 3. Publica los cambios[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#3-publish-the-changes "Enlace directo al encabezado")

Haz clic en Publicar -> Selecciona el sitio web -> Publica en los dominios seleccionados.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCSDZUNVFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--5106dddd4a92d15730d4702887d701a7ca26c686/publish-20changes.png)

## Paso 4. Verifica

Visita tu sitio web y comprueba si el widget aparece en la página.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCSCtUNVFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--c4e56f2e243048b5446b961cc27e2418ae98f31e/chatwoot-20live-20chat-20widget-20on-20a-20webflow-20website.png)