Webflow

Usa la página Canales → Incrustar en sitio web → Widget de chat de tu agente para copiar el código de inserción generado completo. Contiene el script de arranque y del widget con tu ID de agente y la URL actual del widget. No uses una URL de script copiada de un ejemplo antiguo.

La guía de código personalizado de Webflow indica que el código personalizado de sitio o de página requiere un Workspace Core, Growth, Agency o Freelancer, o un sitio con un plan de sitio activo. Debe añadirlo un Site manager o un Designer. Comprueba el plan y el acceso de tu sitio antes de empezar.

Añadir el widget en todo el sitio

1. En Agentkit, activa Widget de chat en Canales → Incrustar en sitio web y copia las dos etiquetas de script generadas.
2. En Webflow, abre Site settings → Custom code.
3. Pega el código completo en Footer code, antes de la etiqueta de cierre </body>. No añadas una segunda copia en páginas individuales.
4. Guarda los cambios y luego publica en el dominio que quieras probar.
5. Abre una página publicada y envía una pregunta cuya respuesta ya hayas comprobado con una fuente aprobada. Confirma que el widget carga y que la respuesta es correcta.

Footer code se aplica a todo el sitio. Webflow también permite scripts en Head code, pero su guía recomienda colocar los scripts antes de </body> cuando sea posible. Usa el código generado por Agentkit en lugar de editar su URL o ID. Para comprobaciones generales de inserción, consulta la guía de inserción en sitios web.

Añadir el widget a una sola página

Si el widget debe aparecer solo en una página, no lo incluyas en Site settings. En el Designer de Webflow, abre Page settings → Custom code → Before </body> tag de esa página, pega las dos etiquetas de script generadas, guarda y publica. Webflow inserta el código de página después del código de todo el sitio, por lo que añadir el mismo widget en ambos lugares lo cargaría dos veces.

Probar el sitio publicado

Webflow indica que el código personalizado puede ejecutarse en la vista previa del Designer, pero los cambios no llegan a los visitantes hasta que publicas. Prueba primero el dominio de staging publicado *.webflow.io si tu flujo de trabajo lo permite, y después el dominio personalizado que pretendes usar. Si tienes restricciones de dominio, permite cada dominio que pruebes realmente.

Si el widget no aparece, comprueba que Widget de chat esté activado en Agentkit, que el código completo aparezca en el código fuente de la página publicada, que la URL del script cargue en el navegador y que hayas publicado el dominio de Webflow previsto. Si el campo de código no está disponible, comprueba tu Workspace o plan de sitio de Webflow y tu rol frente a las reglas de acceso actuales de Webflow. Si el widget aparece pero una respuesta falla, revisa las fuentes y las restricciones de dominio del agente.

Para un panel de chat dentro de una sección de la página en lugar de una burbuja flotante, activa el canal Iframe separado y sigue la guía de iframe.