> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# ElevenAgents in Ghost

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](/docs/de/eleven-agents/quickstart)
* 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:

#### Embed-Code abrufen

Öffnen Sie das [ElevenLabs-Dashboard](https://elevenlabs.io/app/agents) und kopieren Sie das HTML-Widget Ihres Agenten.

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

#### 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

#### 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