> 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 dans Ghost

Ce tutoriel vous guide pour ajouter votre agent ElevenLabs Agents à votre site Ghost.

## Prérequis

* Un agent ElevenLabs Agents créé en suivant [ce guide](/docs/fr/eleven-agents/quickstart)
* Un site Ghost, avec un forfait payant ou auto-hébergé
* Un accès au panneau d’administration Ghost

## Guide

Il existe deux façons d’ajouter le widget à votre site Ghost :

#### Obtenir votre code d’intégration

Accédez au [Dashboard ElevenLabs](https://elevenlabs.io/app/agents) et copiez le widget HTML de votre agent.

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

#### Choisir votre implémentation

**Option A : ajouter globalement, sur toutes les pages**

1. Accédez à Ghost Admin > Settings > Code Injection
2. Collez le code dans Site Footer
3. Enregistrez les modifications

**Option B : ajouter à des pages spécifiques**

1. Modifiez la page ou publication souhaitée
2. Cliquez sur le signe + pour ajouter un bloc HTML
3. Collez dans le bloc HTML le widget HTML de votre agent obtenu à l’étape 1. Veillez à renseigner correctement l’attribut agent-id.
4. Enregistrez et publiez

#### Tester l’intégration

1. Accédez à votre site Ghost
2. Vérifiez que le widget apparaît et fonctionne correctement
3. Testez sur différents appareils et navigateurs

## Résolution des problèmes

Si le widget n’apparaît pas, vérifiez que :

* Le code est correctement placé dans Code Injection ou dans un bloc HTML
* Votre forfait Ghost prend en charge le code personnalisé
* Aucun conflit JavaScript n’existe avec d’autres scripts

## Prochaines étapes

Maintenant que vous avez ajouté votre agent ElevenLabs à Ghost, vous pouvez :

1. Personnaliser le widget dans le Dashboard ElevenLabs pour l’adapter à votre marque
2. Ajouter d’autres langues
3. Ajouter des fonctionnalités avancées telles que des outils et une base de connaissances