Cómo añadir el chatbot de IA Asyntai a Ghost
Guía paso a paso para sitios web de Ghost CMS
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:
- 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
- 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:
- Open the post or page you want to add the chatbot to
- Click the settings icon (gear) in the top right corner
- Scroll down to find "Code injection"
- 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)
If you're self-hosting Ghost and prefer to edit theme files directly:
- Access your Ghost installation files via FTP or file manager
- Navigate to your theme folder:
content/themes/your-theme/ - Open the default.hbs file (the main layout file)
- 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.
¿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.
Weebly