Paso a paso
Instalar el chat en Webflow
Pega el código del chat en los ajustes de tu sitio de Webflow, en Custom code › Footer code, publica el sitio y comprueba que el chat aparece.
- Revisado el
- 4 min de lectura
En este artículo
En Webflow el chat se instala desde los ajustes del sitio, en la pestaña de código personalizado: pegas la línea de código de tu agente en la casilla Footer code, guardas y publicas el sitio. Mientras no lo publicas, el chat no llega a tu web.
Antes de empezar
- El agente tiene que estar activo. Un agente en Borrador o En pausa no muestra el chat aunque el código esté pegado. Se activa con el botón Activar (o Reanudar, si estaba en pausa) de la página del agente.
- Tu sitio de Webflow tiene que admitir código personalizado. Cuando se escribió este artículo (octubre de 2026), Webflow lo reservaba a los sitios con un plan de sitio de pago o a los espacios de trabajo con un plan de pago. Si la casilla aparece bloqueada, consulta la ayuda de Webflow.
- Necesitas poder cambiar los ajustes del sitio y publicarlo. Si tu rol en Webflow no lo permite, pásale el código y este artículo a quien lo tenga.
Los menús de Webflow se citan aquí en inglés, que es como aparecen normalmente.
Copia el código de tu agente
En iAgentify, entra en Agentes y abre tu agente.
Abre la pestaña Widget y, dentro de ella, Instalación.
En Código de instalación, pulsa Copiar. Es una sola línea, como esta:
<script src="https://backendiagentify.yarqat.com/widget.js" data-agent="clave-de-tu-agente" async></script>
Copia siempre la de la aplicación, no la de este artículo: la tuya lleva la clave pública de tu agente. Tienes más detalle en instalar el chat en tu web.
Pégalo en los ajustes del sitio
En Webflow, abre los ajustes de tu sitio (Site settings).
Abre la pestaña Custom code. Es el sitio donde Webflow deja añadir código a todas las páginas.
Baja hasta Footer code. Es la casilla que añade el código antes de
</body>.Pega la línea del chat. Si la casilla ya tiene otro código, pégala en una línea nueva, sin borrar lo que hay.
Guarda los cambios de esa pantalla.
Pulsa Publish y elige los dominios en los que quieres publicar el sitio.
Comprueba que funciona
Abre tu sitio publicado en una ventana privada del navegador. Míralo en su dirección real, no en el Designer: ahí el código personalizado no se ejecuta.
En una esquina inferior de la página aparece el botón del chat. Púlsalo.
Escribe una pregunta. La respuesta llega en unos segundos y la conversación aparece en Conversaciones, dentro de la aplicación.
Esa prueba es una conversación real: gasta créditos y cuenta en tu analítica.
Problemas habituales en Webflow
- Has guardado, pero no has publicado. Vuelve a pulsar Publish y comprueba que tu dominio está entre los elegidos.
- Lo miras en el Designer. El código personalizado no se ejecuta mientras diseñas. Abre el sitio publicado.
- La casilla está bloqueada. Lo más probable es que ni el sitio ni el espacio de trabajo tengan un plan que incluya código personalizado. Míralo en la ayuda de Webflow.
- Solo quieres el chat en algunas páginas. En ese caso no uses Footer code. Los ajustes de cada página tienen su propio apartado de código personalizado, con una casilla para antes de
</body>: pega la línea ahí, en cada página que deba llevar el chat, y publica. - El código está pegado dos veces. Si queda en los ajustes del sitio y también en una página, no pasa nada: la segunda copia no hace nada. Si las dos líneas son de agentes distintos, solo se carga uno, así que deja solo la del agente que quieres.
Añade tus dominios a los dominios permitidos
Mientras la lista de Dominios permitidos esté vacía, cualquier web que copie tu línea de código puede cargar tu chat y gastar tus créditos. En Agentes › tu agente › Widget › Instalación › Dominios permitidos, escribe el dominio de tu sitio, pulsa Añadir y después Guardar cambios. Un dominio como tuempresa.com incluye también www.tuempresa.com.
Si también publicas en la dirección de Webflow, o tu sitio todavía no tiene dominio propio, añade esa dirección completa, por ejemplo tu-sitio.webflow.io. No uses un comodín como *.webflow.io, que dejaría usar tu chat a cualquier sitio de Webflow. En una dirección que no está en la lista el chat no aparece. Lo explica con detalle limitar el chat a tus dominios.
Si el chat no aparece
En Webflow lo más habitual es que el cambio esté guardado pero sin publicar, o que el sitio no se haya publicado en tu dominio. Después comprueba que el agente está activo y que tu dominio está en Dominios permitidos. La lista completa, con cómo comprobar cada causa, está en el chat no aparece en tu web.
Artículos relacionados
- Instalar el chat en tu webCopia el código del chat desde la pestaña Widget de tu agente y pégalo en tu web. Con los pasos para una web hecha a mano y la guía de cada plataforma.
- Personalizar el aspecto del chat de tu webCambia los textos, los colores, el botón y la forma de abrirse del chat desde la pestaña Widget de tu agente, con vista previa en directo y sin volver a tocar tu web.
- Limitar el chat a tus dominios y por qué hacerloCon la lista de dominios permitidos vacía, cualquier web puede mostrar tu chat y gastar tus créditos. Cómo rellenarla, qué cubre cada entrada y qué no protege.
- El chat no aparece en tu web: qué revisarSi el botón del chat no se ve en tu web, revisa por orden estas causas: el agente, el código, los dominios permitidos, la caché y lo que tu web pueda estar bloqueando.