ElevenAgents en Ghost

Aprende a implementar un agente de ElevenLabs en Ghost

Este tutorial te guiará para añadir tu agente de ElevenLabs Agents a tu sitio web de Ghost.

Requisitos previos

Un agente de ElevenLabs Agents creado siguiendo esta guía
Un sitio web de Ghost (plan de pago o alojado por tu cuenta)
Acceso al panel de administración de Ghost

Guía

Hay dos formas de añadir el widget a tu sitio de Ghost:

Obtén tu código de inserción

Visita el panel de ElevenLabs y copia el widget HTML de tu agente.

<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>

Elige tu implementación

Opción A: Añadirlo globalmente (todas las páginas)

Ve a Administración de Ghost > Ajustes > Inserción de código
Pega el código en el pie de página del sitio
Guarda los cambios

Opción B: Añadirlo a páginas específicas

Edita la página o entrada que quieras
Haz clic en el signo + para añadir un bloque HTML
Pega en el bloque HTML el widget HTML de tu agente del paso 1. Asegúrate de completar correctamente el atributo agent-id.
Guarda y publica

Prueba la integración

Visita tu sitio web de Ghost
Comprueba que el widget aparece y funciona correctamente
Pruébalo en distintos dispositivos y navegadores

Resolución de problemas

Si el widget no aparece, comprueba lo siguiente:

El código está colocado correctamente en Inserción de código o en un bloque HTML
Tu plan de Ghost admite código personalizado
No hay conflictos de JavaScript con otros scripts

Próximos pasos

Ahora que has añadido tu agente de ElevenLabs a Ghost, puedes:

Personalizar el widget en el panel de ElevenLabs para que encaje con tu marca
Añadir más idiomas
Añadir funciones avanzadas, como herramientas y base de conocimientos