Cómo añadir el chatbot de IA de Asyntai a Webflow

Guía paso a paso para sitios web de Webflow

Plataforma:

Paso 1: Obtén su código de inserción

Primero, ve a su Panel de control de Asyntai y desplácese hasta la sección "Código de inserción". Copie su código de inserción único que se verá así:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Nota: El código anterior es solo un ejemplo. Debe copiar su propio código de inserción único desde su Panel de control ya que contiene su ID de widget personal.

Paso 2: Añadir código a través de Site Settings (Todas las páginas)

To add the chatbot to all pages of your Webflow site at once:

Log in to your Webflow account and select your project
Haga clic en el icono de engranaje (Site Settings) en la barra lateral izquierda
Click on "Custom Code" in the settings menu
Desplácese hacia abajo hasta la sección "Footer Code" (antes de la etiqueta </body>)
Pegue su código de inserción de Asyntai
Haga clic en "Save Changes"
Publica su sitio para que los cambios se apliquen

Consejo: Agregar el código en la sección Footer lo coloque justo antes de la etiqueta de cierre </body>, lo cual es recomendable para widgets de chat ya que no ralentizará la carga de su página.

Alternativa: Código personalizado específico por página

Si solo quiere el chatbot en páginas específicas:

Abra su proyecto en el Webflow Designer
Haga clic en el panel de Páginas (icono de carpeta) en la barra lateral izquierda
Pasa el cursor sobre la página que deseas editar y haga clic en el icono de engranaje
Desplácese hasta "Custom Code"
Pegue su código de inserción de Asyntai en la sección "Before </body> tag"
Haga clic en "Save"
Publica su sitio

Alternativa: Usar el elemento Embed

También puede agregar el chatbot usando el elemento Embed en cualquier lugar de su página:

Abra su proyecto en el Webflow Designer
Click the "+" button to open the Add panel
Busque "Embed" o encuéntralo en Components
Arrastre el elemento Embed a su página
Pegue su código de inserción de Asyntai en el editor de código
Haga clic en "Save & Close"
Publica su sitio

Importante: Al usar el elemento Embed, necesitará agregarlo a cada página donde quieras el chatbot. Para una instalación en todo el sitio, use el método de Site Settings descrito arriba.

Paso 3: Verificar la instalación

Después de publicar su sitio, ábrelo en una nueva pestaña del navegador o ventana de incógnito. Deberías ver el botón del widget de chat en la esquina inferior derecha. Haga clic en él para asegurarte de que se abra y funciona correctamente.