Skip to navigation
HandleidingenNo-code

ElevenAgents in WordPress

Leer hoe je een ElevenLabs-agent implementeert in WordPress

Deze tutorial begeleidt je bij het toevoegen van je ElevenLabs Agents-agent aan je WordPress-website.

Vereisten

  • Een ElevenLabs Agents-agent die je hebt gemaakt volgens deze handleiding
  • Een WordPress-website met een van de volgende opties:
    • WordPress.com Business/Commerce-abonnement, of
    • Zelfgehoste WordPress-installatie

Handleiding

1

Je embedcode ophalen

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

De widget aan een pagina toevoegen

  1. Bewerk in WordPress de gewenste pagina
  2. Voeg een Custom HTML-blok toe
  3. Plak het fragment <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> in het blok
  4. Werk de pagina bij of publiceer deze
3

Het script globaal toevoegen

Optie A: Een plugin gebruiken

  1. Installeer Header Footer Code Manager
  2. Voeg het fragment <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> toe aan de sectie Footer
  3. Stel het in om op All Pages te worden uitgevoerd

Optie B: Het thema rechtstreeks bewerken

  1. Ga naar Appearance > Theme Editor
  2. Open footer.php
  3. Plak het scriptfragment vóór </body>

Probleemoplossing

Als de widget niet verschijnt, controleer dan het volgende:

  • Het fragment <script> is globaal toegevoegd
  • Het fragment <elevenlabs-convai> is correct op je pagina geplaatst
  • Je hebt je site gepubliceerd nadat je wijzigingen hebt aangebracht

Volgende stappen

Nu je je ElevenLabs-agent aan WordPress 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