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

Guía paso a paso para sitios web de Ghost 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: Usando inyección de código (Recomendado)

Ghost tiene una función integrada de Code Injection que facilita mucho añadir scripts personalizados:

Inicia sesión en su panel de administración de Ghost
Haga clic en el icono de engranaje (Settings) en la esquina inferior izquierda
Desplácese hacia abajo hasta la sección "Avanzado"
Haga clic en "Inyección de código"
En la sección "Site footer", pegue su código de inserción de Asyntai
Haz clic en "Guardar" en la esquina superior derecha

Consejo: Añadir JavaScript al Site Footer (en lugar del Site Header) asegura que se cargue después del contenido de la página, lo cual es recomendado para widgets de chat y no ralentizará la carga de su página.

Alternativa: Inyección de código por página

Si solo quiere el chatbot en páginas o publicaciones específicas:

Abre la entrada o página donde quieres agregar el chatbot
Haz clic en el icono de configuración (engranaje) en la esquina superior derecha
Desplázate hacia abajo para encontrar "Inyección de código"
Expande la sección y pegue su código de inserción de Asyntai en el campo "Post footer"
Haga clic fuera del campo para guardar, luego publica/actualiza su publicación

Nota: La inyección de código específica por página es útil si deseas el chatbot solo en ciertas páginas en lugar de en todo su sitio.

Alternativa: Editar archivos del tema (Para autoalojados)

Si alojas Ghost por tu cuenta y prefieres editar los archivos de tema directamente:

Accede a los archivos de tu instalación de Ghost por FTP o administrador de archivos
Navega a la carpeta de tu tema: content/themes/tu-tema/
Abre el archivo default.hbs (el archivo de diseño principal)
Encuentra la etiqueta de cierre </body>
Pegue su código de inserción de Asyntai justo antes de la etiqueta </body>
Guarde el archivo
Reinicia Ghost o limpia la caché

Importante: No se recomienda editar archivos del tema directamente a menos que sea necesario. Los cambios pueden sobrescribirse al actualizar su tema. El método de Code Injection es preferido ya que sobrevive a las actualizaciones del tema.

Paso 3: Verificar la instalación

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