LeitfädenNo-Code

ElevenAgents in Ghost

Erfahren Sie, wie Sie einen ElevenLabs Agent in Ghost bereitstellen

Dieses Tutorial zeigt Ihnen, wie Sie Ihren ElevenLabs Agents-Agenten zu Ihrer Ghost-Website hinzufügen.

Voraussetzungen

  • Ein ElevenLabs Agents-Agent, erstellt gemäß dieser Anleitung
  • Eine Ghost-Website (kostenpflichtiger Plan oder selbst gehostet)
  • Zugriff auf das Ghost-Admin-Panel

Anleitung

Es gibt zwei Möglichkeiten, das Widget zu Ihrer Ghost-Website hinzuzufügen:

1

Embed-Code abrufen

Öffnen Sie das ElevenLabs-Dashboard und kopieren Sie das HTML-Widget Ihres Agenten.

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

Implementierung auswählen

Option A: Global hinzufügen (alle Seiten)

  1. Gehen Sie zu Ghost Admin > Settings > Code Injection
  2. Fügen Sie den Code in Site Footer ein
  3. Speichern Sie die Änderungen

Option B: Zu bestimmten Seiten hinzufügen

  1. Bearbeiten Sie die gewünschte Seite bzw. den gewünschten Beitrag
  2. Klicken Sie auf das +, um einen HTML-Block hinzuzufügen
  3. Fügen Sie das HTML-Widget Ihres Agenten aus Schritt 1 in den HTML-Block ein. Achten Sie darauf, das Attribut agent-id korrekt auszufüllen.
  4. Speichern und veröffentlichen Sie
3

Integration testen

  1. Öffnen Sie Ihre Ghost-Website
  2. Prüfen Sie, ob das Widget erscheint und korrekt funktioniert
  3. Testen Sie verschiedene Geräte und Browser

Fehlerbehebung

Wenn das Widget nicht erscheint, prüfen Sie Folgendes:

  • Der Code ist korrekt in Code Injection oder einem HTML-Block platziert
  • Ihr Ghost-Plan unterstützt benutzerdefinierten Code
  • Es gibt keine JavaScript-Konflikte mit anderen Skripten

Nächste Schritte

Nachdem Sie Ihren ElevenLabs-Agenten zu Ghost 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 Wissensdatenbank hinzufügen