Cómo añadir el chatbot de IA Asyntai a Concrete CMS

Guía paso a paso para sitios web de Concrete CMS (anteriormente Concrete5)

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 al pie de página del tema (Recomendado)

La mejor forma de añadir el chatbot a todas las páginas de su sitio web Concrete CMS es editando el archivo de pie de página de su tema:

Acceda a su instalación de Concrete CMS a través de FTP o File Manager
Navegue al directorio /application/themes/your_theme_name/
Localice y abra el archivo footer.php (o la plantilla de pie de página equivalente)
Busca la línea con la etiqueta de cierre </body>
Pegue su código de inserción de Asyntai justo antes de la etiqueta </body>
Guarda el archivo y súbelo de nuevo a tu servidor si editas localmente
Limpia la caché de Concrete CMS: Panel → Sistema y configuración → Limpiar caché

Consejo: Añadir el código antes de la etiqueta de cierre </body> asegura que el chatbot se cargue después del contenido de su página, lo que proporciona un mejor rendimiento de carga. Este método añade automáticamente el chatbot a cada página que use este tema.

Método alternativo 1: Bloque HTML (el más fácil para no desarrolladores)

Si prefieres no editar los archivos del tema, puede usar el bloque HTML integrado de Concrete CMS:

Inicia sesión en su panel de control de Concrete CMS
Navegue a la página donde deseas añadir el chatbot
Haz clic en Editar página (icono de lápiz en la barra de herramientas)
Haga clic en Add Block en el área donde deseas colocar el código
Busque y seleccione el bloque HTML
Pegue su código de inserción de Asyntai en el editor HTML
Haga clic en Add para guardar el bloque
Haz clic en Publicar para hacer los cambios en vivo

Nota: El método de bloque HTML es ideal para añadir el chatbot a páginas específicas. Para una instalación en todo el sitio, necesitará añadir el bloque HTML a cada página, o usar el método del pie de página del tema descrito anteriormente. La ubicación visual del bloque no afecta dónde aparece el chatbot: seguirá mostrándose en la esquina inferior derecha.

Método alternativo 2: Archivo de encabezado del tema

También puede añadir el código al archivo de encabezado de su tema para una instalación en todo el sitio:

Acceda a sus archivos de Concrete CMS a través de FTP o File Manager
Navegue a /application/themes/your_theme_name/
Abra el archivo header.php (o elements/header.php)
Encuentra la etiqueta de cierre </head>
Pegue su código de inserción de Asyntai justo antes de la etiqueta </head>
Guarde y suba el archivo
Limpie la caché desde el panel de control

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

Consejo: Asegúrese de incluir los elementos de encabezado requeridos usando <?php View::element('header_required'); ?> en su archivo header.php para que Concrete CMS funcione correctamente.

Método alternativo 3: Plantilla personalizada (Avanzado)

Para desarrolladores que desean más control, puede crear una plantilla de página personalizada:

Cree un nuevo archivo de plantilla de página en /application/themes/your_theme_name/
O copie una plantilla existente (por ejemplo, default.php) y renómbrala
Añada su código de inserción de Asyntai al archivo de plantilla antes de </body>
En el panel de Concrete CMS, ve a Páginas y temas
Haga clic en Tipos de página
Seleccione el tipo de página con el que deseas usar esta plantilla
Asigna su plantilla personalizada al tipo de página
Todas las páginas que usan este tipo de página ahora incluirán el chatbot

Importante: Siempre haga una copia de seguridad de los archivos de su tema antes de realizar cambios. Pruebe sus modificaciones en un sitio de pruebas primero si es posible. Las ediciones incorrectas en los archivos del tema pueden romper el diseño o la funcionalidad de su sitio.

Paso 3: Verificar la instalación

Después de realizar sus cambios y limpiar la caché, 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.

¿No ves el widget? Asegúrese de haber limpiado la caché de Concrete CMS (Dashboard → System & Settings → Clear Cache). Intenta ver su sitio en una ventana de incógnito. Verifique que hayas guardado y subido todos los cambios de archivos. Abra la consola del navegador (F12) para verificar si hay errores de JavaScript.