Skip to navigation
HandleidingenNo-code

ElevenAgents in Squarespace

Lees hoe je een ElevenLabs-agent implementeert in Squarespace

In deze tutorial leer je hoe je je ElevenLabs Agents-agent toevoegt aan je Squarespace-website.

Vereisten

  • Een ElevenLabs Agents-agent die je hebt gemaakt volgens deze handleiding
  • Een Squarespace Business- of Commerce-abonnement (vereist voor aangepaste code)
  • Basiskennis van de editor van Squarespace

Handleiding

1

Haal je embedcode op

Ga naar het ElevenLabs-dashboard en zoek de embedwidget van je 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

Voeg de widget toe aan je pagina

  1. Ga naar de gewenste pagina
  2. Klik op + om een blok toe te voegen
  3. Selecteer Code in het menu
  4. Plak het fragment <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> in het Code Block
  5. Sla het blok op
3

Voeg het script globaal toe

  1. Ga naar Settings > Advanced > Code Injection
  2. Plak het fragment <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> in de sectie Footer
  3. Sla de wijzigingen op
  4. Publiceer je site om de wijzigingen te zien

Opmerking: de widget is alleen zichtbaar op je live site, niet in het editorvoorbeeld.

Problemen oplossen

Als de widget niet verschijnt, controleer dan het volgende:

  • Het fragment <script> staat in de sectie Footer Code Injection
  • Het fragment <elevenlabs-convai> staat correct in een Code Block
  • Je hebt je site gepubliceerd nadat je wijzigingen hebt aangebracht

Volgende stappen

Nu je je ElevenLabs-agent hebt toegevoegd aan Squarespace, kun je:

  1. De widget in het ElevenLabs-dashboard aanpassen aan je merk
  2. Extra talen toevoegen
  3. Geavanceerde functionaliteit toevoegen, zoals tools en een kennisbank