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

Guía paso a paso para sitios web de e107 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 a la plantilla del tema (Recomendado)

La forma recomendada de añadir el chatbot es editando directamente el archivo de plantilla de su tema e107:

Navega a la carpeta de tu tema e107: e107_themes/tutema/
Abra el archivo de plantilla principal del tema (generalmente theme.php o theme.html)
Encuentra la etiqueta de cierre </body>
Pegue su código de inserción de Asyntai justo antes de la etiqueta </body>:

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

Consejo: Si su tema utiliza theme.php, busque la sección donde se renderiza el HTML del pie de página. El código de inserción debe colocarse después de todo el demás contenido pero antes de la etiqueta de cierre body.

Método alternativo 1: Usando encabezado/pie de página personalizado de e107

Puede añadir el script del chatbot a través del panel de administración de e107 sin editar archivos del tema:

Inicie sesión en su panel de administración de e107
Ve a Admin > Preferencias > Preferencias del sitio
Busque la sección "Custom Footer" o "Footer Scripts"
Pega tu código de incrustación de Asyntai en el área de texto de scripts del pie de página
Haga clic en "Guardar" para aplicar los cambios

Nota: Este método es el más fácil si deseas evitar editar archivos del tema directamente. El script se incluirá en cada página de su sitio e107 automáticamente.

Método alternativo 2: Usando plugin de e107

Para un enfoque más modular, puede crear un plugin simple o usar el sistema de hooks de plugins para inyectar el script del chatbot:

Cree un plugin simple o use el plugin "Custom Pages"
Añada el script a través del sistema de hooks de plugins de e107 creando un archivo e_footer.php en el directorio de su plugin
Dentro de e_footer.php, muestra tu código de incrustación:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Consejo: El enfoque de hooks de plugins mantiene la integración de su chatbot separada del tema, por lo que persistirá incluso si cambias de tema.

Método alternativo 3: Usando el sistema de menús de e107

Puede usar el sistema de Menús integrado de e107 para añadir el script del chatbot al área del pie de página:

Inicie sesión en su panel de administración de e107
Vaya a Admin > Menus
Cree un menú HTML personalizado
Pegue su código de inserción de Asyntai en el contenido del menú
Asigna el menú al área del pie de página de tu plantilla
Guarde la configuración del menú

Importante: Al usar el sistema de Menús, asegúrese de que el área de menú que asigne soporte salida HTML/script sin procesar. Algunas áreas de menú pueden eliminar etiquetas script por seguridad. Si el script se elimina, use uno de los otros métodos en su lugar.

Paso 3: Verificar la instalación

Después de guardar sus cambios, visite su sitio web e107 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.

¿No ves el widget? Intenta limpiar la caché de e107 desde el panel de administración en Admin > Cache. También intenta limpiar la caché de su navegador o ver en una ventana de incógnito. Asegúrese de que su código de inserción esté colocado correctamente y contenga su ID de widget único del Panel de control.