> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# ElevenAgents 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](/docs/es/eleven-agents/quickstart)
* 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](https://elevenlabs.io/app/agents) y copia el widget HTML de tu agente.

```html
<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)**

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

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

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

#### Prueba la integración

1. Visita tu sitio web de Ghost
2. Comprueba que el widget aparece y funciona correctamente
3. 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:

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