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

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

## Voraussetzungen

* Ein ElevenLabs Agents Agent, der gemäß [diesem Leitfaden](/docs/de/eleven-agents/quickstart) erstellt wurde
* Ein Framer-Konto und eine Website, erstellen Sie diese [hier](https://framer.com)

![Convai-Framer-Beispielprojekt](/docs/_fern-img/a0681bdfc73398af1391e381bc11f8d450a4eea0788991bc418f83ac6490c34f.webp)

## Anleitung

#### Framer-Editor öffnen

Öffnen Sie Ihre Website im Framer-Editor und klicken Sie links auf den primären Desktop.

#### ElevenAgents-Komponente hinzufügen

Kopieren Sie die folgende URL und fügen Sie sie in die Seite ein, zu der Sie den ElevenLabs Agent hinzufügen möchten:

```
https://framer.com/m/ConversationalAI-iHql.js@y7VwRka75sp0UFqGliIf
```

Nun sehen Sie links in der Leiste „Layers“ ein ElevenAgents-Asset und rechts die Details der ElevenAgents-Komponente.

#### Agent-Details eingeben

Aktivieren Sie den ElevenLabs Agent, indem Sie rechts in der Leiste die Agent-ID eingeben.
Die Agent-ID finden Sie im [ElevenLabs-Dashboard](https://elevenlabs.io/app/agents).

Probleme? Stellen Sie sicher, dass die ElevenAgents-Komponente im Ebenen-Panel unter der Desktop-Komponente platziert ist.

![Convai-Framer-Beispielprojekt](/docs/_fern-img/17f4e7b2bbc3ebafadb1b705e6c963c6900ae162236b39feff2c6839654cf4f9.webp)![Convai-Framer-Beispielprojekt](/docs/_fern-img/fcb5867e142022ca7ebc3aba3904fffc7ce0f4ddca716e2c7bac38012e2e1641.webp)

## Nächste Schritte

Nachdem Sie Ihren ElevenLabs Agent zu Ihrer Framer-Website 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.