Volver al panel

Documentación

Aprende a usar Asyntai

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

Guía paso a paso para sitios web de Ghost CMS

Obtener código de inserción

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.

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:

  1. Inicia sesión en su panel de administración de Ghost
  2. Haga clic en el icono de engranaje (Settings) en la esquina inferior izquierda
  3. Desplácese hacia abajo hasta la sección "Avanzado"
  4. Haga clic en "Inyección de código"
  5. En la sección "Site footer", pegue su código de inserción de Asyntai
  6. Click "Save" in the top right corner

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:

  1. Open the post or page you want to add the chatbot to
  2. Click the settings icon (gear) in the top right corner
  3. Scroll down to find "Code injection"
  4. Expande la sección y pegue su código de inserción de Asyntai en el campo "Post footer"
  5. 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)

If you're self-hosting Ghost and prefer to edit theme files directly:

  1. Access your Ghost installation files via FTP or file manager
  2. Navigate to your theme folder: content/themes/your-theme/
  3. Open the default.hbs file (the main layout file)
  4. Encuentra la etiqueta de cierre </body>
  5. Pegue su código de inserción de Asyntai justo antes de la etiqueta </body>
  6. Guarde el archivo
  7. 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.

¿No ves el widget? Asegúrese de haber hecho clic en "Save" después de añadir el código en Code Injection. Intenta limpiar la caché de su navegador o ver en una ventana de incógnito. Si usas Ghost(Pro), los cambios deberían aparecer inmediatamente. Para Ghost auto-hospedado, puede que necesites reiniciar el servicio de Ghost.