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

Step 2: Using Header and Footer Scripts Module (Recommended)

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

Inicia sesión en su panel de administración de Drupal
Ve a Extend y haga clic en "Install new module"
Busque "Header and Footer Scripts" o descárgalo desde Drupal.org
Instale y active el módulo
Ve a Configuration → Development → Header and Footer Scripts
Haga clic en la pestaña "Footer"
Paste your Asyntai embed code in the footer scripts text area
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

You can add the code directly to your theme's template file:

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. Considera usar un tema hijo o el módulo Header and Footer Scripts para una solución más permanente.

Alternativa: Usando bibliotecas (Para desarrolladores)

For developers who prefer using Drupal's asset library system:

Cree o edita 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 } }
Attach the library in your theme's *.info.yml file:
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í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.