GuidesSans code

ElevenAgents dans Ghost

Découvrez comment déployer un agent ElevenLabs 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
  • 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 :

1

Obtenir votre code d’intégration

Accédez au Dashboard ElevenLabs et copiez le widget HTML de votre agent.

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

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
3

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