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

Guía paso a paso para sitios web de Duda

Plataforma:

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

Primero, ve a tu Panel de control de Asyntai y desplázate hasta la sección "Código de inserción". Copia tu 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 la configuración del sitio (Recomendado)

La forma más fácil de añadir el chatbot a todas las páginas de su sitio web Duda es a través de la Configuración del Sitio:

Inicie sesión en su cuenta de Duda y abra el editor de su sitio web
En la barra lateral izquierda, haz clic en "Más" (icono de tres puntos)
Haga clic en "Configuración"
Desplácese hacia abajo y haga clic en "Head HTML"
En el campo "Body End HTML", pegue su código de inserción de Asyntai
Haga clic en "Save"
Haga clic en "Publish" en la esquina superior derecha para publicar sus cambios

Consejo: Añadir código a la sección Body End HTML asegura que el chatbot se cargue después del contenido de su página, lo que no afectará la velocidad de carga de su sitio. Este método añade automáticamente el chatbot a cada página de su sitio.

Método alternativo 1: Widget HTML (Páginas específicas)

Si desea añadir el chatbot solo a páginas específicas, use el widget HTML:

Abra la página que desee editar en el editor de Duda
En la barra lateral izquierda, busque "HTML" en el panel de widgets
Arrastre y suelte el widget HTML en una columna o fila de su página
Haga clic en el widget para editarlo
Pegue su código de inserción de Asyntai en el campo de código
Haga clic en "Actualizar"
Haz clic en "Publicar" para hacer los cambios en vivo

Nota: El widget HTML le permite insertar código personalizado en cualquier lugar de su página. La ubicación visual del widget no afecta dónde aparece el chatbot: seguirá mostrándose en la esquina inferior derecha según la configuración.

Método alternativo 2: Modo desarrollador (Avanzado)

Para usuarios avanzados, puede usar el Modo Desarrollador para añadir código directamente al HTML:

En el editor de Duda, haga clic en el icono de Developer Mode en la barra superior
Haz clic en "HTML/CSS del sitio" para expandir la selección
Haz clic en "body-end.html" de la lista de archivos
Desplácese hasta la última línea del archivo
Pegue su código de inserción de Asyntai en una nueva línea
Haga clic en "Save"
Haz clic en "Listo" para salir del modo desarrollador
Haga clic en "Publicar" para desplegar sus cambios

Importante: El Modo Desarrollador le da acceso directo al HTML y CSS de su sitio. Asegúrese de solo añadir código al final del archivo body-end.html para evitar romper la funcionalidad de su sitio. Siempre pruebe los cambios antes de publicar.

Paso 3: Verificar la instalación

Después de publicar sus cambios, abra su sitio web en una nueva pestaña del navegador o en una 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.