Skip to navigation
HandleidingenNo-code

ElevenAgents in Ghost

Leer hoe je een ElevenLabs-agent implementeert in Ghost

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

Vereisten

  • Een ElevenLabs Agents-agent die je hebt gemaakt volgens deze handleiding
  • Een Ghost-website (betaald abonnement of self-hosted)
  • Toegang tot het Ghost-beheerpaneel

Handleiding

Er zijn twee manieren om de widget aan je Ghost-site toe te voegen:

1

Haal je embedcode op

Ga naar het ElevenLabs-dashboard en kopieer de html-widget 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

Kies je implementatie

Optie A: Globaal toevoegen (alle pagina’s)

  1. Ga naar Ghost Admin > Settings > Code Injection
  2. Plak de code in Site Footer
  3. Sla de wijzigingen op

Optie B: Toevoegen aan specifieke pagina’s

  1. Bewerk de gewenste pagina/post
  2. Klik op het + teken om een HTML-blok toe te voegen
  3. Plak de html-widget van je agent uit stap 1 in het HTML-blok. Zorg dat je het attribuut agent-id correct invult.
  4. Opslaan en publiceren
3

Test de integratie

  1. Bezoek je Ghost-website
  2. Controleer of de widget verschijnt en correct werkt
  3. Test op verschillende apparaten en browsers

Problemen oplossen

Als de widget niet verschijnt, controleer dan het volgende:

  • De code staat correct in Code Injection of een HTML-blok
  • Je Ghost-abonnement ondersteunt aangepaste code
  • Er zijn geen JavaScript-conflicten met andere scripts

Volgende stappen

Nu je je ElevenLabs-agent aan Ghost hebt toegevoegd, 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