Saltar al contenido
iAgentify

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.

En la aplicación:
Agentes › tu agente › Widget › Instalación
Abrir la aplicación
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

  1. En iAgentify, entra en Agentes y abre tu agente.

  2. Abre la pestaña Widget y, dentro de ella, Instalación.

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

  1. En Webflow, abre los ajustes de tu sitio (Site settings).

  2. Abre la pestaña Custom code. Es el sitio donde Webflow deja añadir código a todas las páginas.

  3. Baja hasta Footer code. Es la casilla que añade el código antes de </body>.

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

  5. Guarda los cambios de esa pantalla.

  6. Pulsa Publish y elige los dominios en los que quieres publicar el sitio.

Comprueba que funciona

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

  2. En una esquina inferior de la página aparece el botón del chat. Púlsalo.

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