LeitfädenNo-Code

ElevenAgents in WordPress

Erfahren Sie, wie Sie einen ElevenLabs Agent in WordPress bereitstellen

Dieses Tutorial führt Sie durch das Hinzufügen Ihres ElevenLabs Agents zu Ihrer WordPress-Website.

Voraussetzungen

  • Ein ElevenLabs Agents Agent, erstellt gemäß dieser Anleitung
  • Eine WordPress-Website mit entweder:
    • WordPress.com Business-/Commerce-Plan oder
    • selbst gehosteter WordPress-Installation

Anleitung

1

Embed-Code abrufen

Rufen Sie das ElevenLabs-Dashboard auf und suchen Sie das Embed-Widget Ihres Agents.

<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>
2

Widget zu einer Seite hinzufügen

  1. Bearbeiten Sie in WordPress die gewünschte Seite
  2. Fügen Sie einen benutzerdefinierten HTML-Block hinzu
  3. Fügen Sie das Snippet <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> in den Block ein
  4. Aktualisieren/veröffentlichen Sie die Seite
3

Skript global hinzufügen

Option A: Mit einem Plugin

  1. Installieren Sie Header Footer Code Manager
  2. Fügen Sie das Snippet <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> zum Footer-Bereich hinzu
  3. Legen Sie fest, dass es auf allen Seiten ausgeführt wird

Option B: Theme direkt bearbeiten

  1. Gehen Sie zu Design > Theme-Editor
  2. Öffnen Sie footer.php
  3. Fügen Sie das Skript-Snippet vor </body> ein

Fehlerbehebung

Wenn das Widget nicht angezeigt wird, prüfen Sie Folgendes:

  • Das <script>-Snippet wurde global hinzugefügt
  • Das <elevenlabs-convai>-Snippet ist auf Ihrer Seite korrekt platziert
  • Sie haben Ihre Website nach den Änderungen veröffentlicht

Nächste Schritte

Nachdem Sie Ihren ElevenLabs Agent zu WordPress hinzugefügt haben, können Sie:

  1. Das Widget im ElevenLabs-Dashboard an Ihre Marke anpassen
  2. Weitere Sprachen hinzufügen
  3. Erweiterte Funktionen wie Tools und Knowledge Base hinzufügen