GuidesSans code

ElevenAgents dans WordPress

Découvrez comment déployer un agent ElevenLabs sur WordPress

Ce tutoriel vous guide pour ajouter votre agent ElevenAgents d’ElevenLabs à votre site WordPress.

Prérequis

  • Un agent ElevenAgents créé en suivant ce guide
  • Un site WordPress avec l’une des options suivantes :
    • Un forfait WordPress.com Business/Commerce, ou
    • Une installation WordPress auto-hébergée

Guide

1

Obtenir votre code d’intégration

Accédez au Dashboard ElevenLabs et trouvez le widget d’intégration 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

Ajouter le widget à une page

  1. Dans WordPress, modifiez la page souhaitée
  2. Ajoutez un bloc HTML personnalisé
  3. Collez l’extrait <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> dans le bloc
  4. Mettez à jour ou publiez la page
3

Ajouter le script globalement

Option A : utiliser une extension

  1. Installez Header Footer Code Manager
  2. Ajoutez l’extrait <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> à la section Footer
  3. Configurez-le pour qu’il s’exécute sur toutes les pages

Option B : modifier directement le thème

  1. Accédez à Appearance > Theme Editor
  2. Ouvrez footer.php
  3. Collez l’extrait de script avant </body>

Dépannage

Si le widget ne s’affiche pas, vérifiez que :

  • L’extrait <script> est ajouté globalement
  • L’extrait <elevenlabs-convai> est correctement placé sur votre page
  • Vous avez publié votre site après avoir effectué les modifications

Étapes suivantes

Maintenant que vous avez ajouté votre agent ElevenLabs à WordPress, 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