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

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

## Voraussetzungen

* Ein ElevenLabs-Agents-Agent, der gemäß [dieser Anleitung](/docs/de/eleven-agents/quickstart) erstellt wurde
* Ein Squarespace-Business- oder Commerce-Tarif (für benutzerdefinierten Code erforderlich)
* Grundlegende Kenntnisse des Squarespace-Editors

## Anleitung

#### Embed-Code abrufen

Öffnen Sie das [ElevenLabs-Dashboard](https://elevenlabs.io/app/agents) und suchen Sie das Embed-Widget Ihres Agents.

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

#### Widget zu Ihrer Seite hinzufügen

1. Navigieren Sie zur gewünschten Seite
2. Klicken Sie auf +, um einen Block hinzuzufügen
3. Wählen Sie im Menü „Code“
4. Fügen Sie das Snippet `<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>` in den Code-Block ein
5. Speichern Sie den Block

#### Skript global hinzufügen

1. Öffnen Sie Einstellungen > Erweitert > Code-Injektion
2. Fügen Sie das Snippet `<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>` in den Bereich „Footer“ ein
3. Speichern Sie die Änderungen
4. Veröffentlichen Sie Ihre Website, um die Änderungen zu sehen

Hinweis: Das Widget ist nur auf Ihrer veröffentlichten Website sichtbar, nicht in der Editor-Vorschau.

## Fehlerbehebung

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

* Das Snippet `<script>` befindet sich im Bereich „Footer Code Injection“
* Das Snippet `<elevenlabs-convai>` ist korrekt in einem Code-Block platziert
* Sie haben Ihre Website nach den Änderungen veröffentlicht

## Nächste Schritte

Nachdem Sie Ihren ElevenLabs-Agent zu Squarespace 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