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

Guía paso a paso para Bludit CMS

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 usando el plugin HTML Code (Recomendado)

La forma más fácil de añadir el chatbot a su sitio Bludit es usando el plugin HTML Code integrado:

Inicie sesión en su Panel de administración de Bludit
Navegue a Plugins en la barra lateral izquierda
Encuentra el plugin "HTML Code" (generalmente viene preinstalado)
Si no está activo, haz clic en "Activar" para habilitarlo
Haga clic en "Configure" en el plugin HTML Code
En la configuración, verás campos para código de encabezado y pie de página
Pega tu código de incrustación de Asyntai en el campo "Pie de página"
Haga clic en "Save"

Consejo: Añadir código al pie de página asegura que se cargue al final de sus páginas, lo que no ralentizará la carga inicial de su sitio. Este método añade automáticamente el chatbot a todas las páginas de su sitio.

Método alternativo 1: Integración en archivos del tema

Para más control, puedes agregar el código directamente a los archivos de tu tema:

Conéctese a su instalación de Bludit vía FTP o Administrador de archivos
Navegue a /bl-themes/your-theme-name/
Abra el archivo index.php para editarlo
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 su sitio si corresponde

Nota: Al editar archivos del tema directamente, asegúrese de hacer una copia de seguridad del archivo original primero. Las actualizaciones del tema pueden sobrescribir sus cambios, así que documente sus modificaciones.

Método alternativo 2: Contenido personalizado en páginas

También puede añadir el código del chatbot directamente a páginas específicas usando el editor de contenido de Bludit:

Inicie sesión en su Panel de administración de Bludit
Ve a Contenido y selecciona la página que quieres editar
Cambie al modo HTML en el editor (si usa un editor visual)
Agrega tu código de incrustación de Asyntai en cualquier parte del contenido de la página
Haga clic en "Save"
Repite para otras páginas donde quieras el chatbot

Importante: Al añadir código directamente al contenido de la página, necesitará añadirlo a cada página individualmente. Para la instalación en todo el sitio, use el plugin HTML Code o el método de archivo del tema.

Usando hooks de plugin (Avanzado)

Para desarrolladores que crean plugins personalizados, Bludit proporciona hooks de plugins:

siteBodyBegin - Se ejecuta en la parte superior de la etiqueta <body>
siteBodyEnd - Se ejecuta en la parte inferior, ideal para código JavaScript como el widget de Asyntai

Puede crear un plugin personalizado que use el hook siteBodyEnd para inyectar el código del chatbot en todas las páginas.

Paso 3: Verificar la instalación

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

¿No ves el widget? Asegúrese de haber guardado la configuración del plugin o los cambios en los archivos del tema. Limpie la caché de su navegador y la caché de Bludit (si está habilitada). Revise la consola del navegador (F12) en busca de errores de JavaScript.