GuidesSans code

ElevenAgents dans Squarespace

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

Ce tutoriel vous guidera pour ajouter votre agent ElevenAgents à votre site web Squarespace.

Prérequis

  • Un agent ElevenAgents créé en suivant ce guide
  • Un forfait Squarespace Business ou Commerce (requis pour le code personnalisé)
  • Une connaissance de base de l’éditeur Squarespace

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 à votre page

  1. Accédez à la page souhaitée
  2. Cliquez sur + pour ajouter un bloc
  3. Sélectionnez Code dans le menu
  4. Collez l’extrait <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> dans le bloc de code
  5. Enregistrez le bloc
3

Ajouter le script à l'ensemble du site

  1. Accédez à Paramètres > Avancé > Injection de code
  2. Collez l’extrait <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> dans la section Pied de page
  3. Enregistrez les modifications
  4. Publiez votre site pour afficher les modifications

Remarque : le widget sera visible uniquement sur votre site publié, et non dans l’aperçu de l’éditeur.

Dépannage

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

  • L’extrait <script> se trouve dans la section Injection de code du pied de page
  • L’extrait <elevenlabs-convai> est correctement placé dans un bloc de code
  • Vous avez publié votre site après avoir effectué les modifications

Étapes suivantes

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

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