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

Guía paso a paso para sitios web de Drupal

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: Usando el módulo de scripts de encabezado y pie de página (Recomendado)

La forma más fácil de añadir el chatbot es usando el módulo "Header and Footer Scripts":

Inicie sesión en su panel de administración de Drupal
Vaya a Extend y haga clic en \"Install new module\"
Busque \"Header and Footer Scripts\" o descárguelo desde Drupal.org
Instale y active el módulo
Vaya a Configuration → Development → Header and Footer Scripts
Haga clic en la pestaña "Footer"
Pega tu código de incrustación de Asyntai en el área de texto de scripts del pie de página
Haga clic en "Save configuration"

Consejo: Añadir el código a la sección del pie de página asegura que se cargue después del contenido de la página, lo cual es recomendado para widgets de chat.

Alternativa: Editar plantilla del tema

Puedes agregar el código directamente al archivo de plantilla de tu tema:

Navegue a la carpeta de su tema: themes/your_theme/
Abra el archivo html.html.twig (o cree uno si no existe)
Encuentra la etiqueta de cierre </body>
Pegue su código de inserción de Asyntai justo antes de la etiqueta </body>
Guarde el archivo
Limpie la caché de Drupal: Configuration → Performance → Clear all caches

Importante: Los cambios en los archivos del tema pueden sobrescribirse al actualizar su tema. Considere usar un tema hijo o el módulo Header and Footer Scripts para una solución más permanente.

Alternativa: Usando bibliotecas (Para desarrolladores)

Para desarrolladores que prefieren usar el sistema de bibliotecas de activos de Drupal:

Cree o edite el archivo *.libraries.yml de su tema
Añada una nueva entrada de biblioteca:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Adjunta la biblioteca en el archivo *.info.yml de tu tema:
libraries: - your_theme/asyntai-chatbot
Limpie la caché de Drupal

Paso 3: Verificar la instalación

Después de guardar sus cambios y limpiar la caché, visite su sitio web en una nueva pestaña del navegador o en una ventana de incógnito. Debería ver el botón del widget de chat en la esquina inferior derecha. Haga clic en él para asegurarse de que se abra y funcione correctamente.