> 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

In deze tutorial leer je hoe je je ElevenLabs-agent toevoegt aan je Framer-website.

## Vereisten

* Een ElevenLabs Agents-agent die je hebt gemaakt volgens [deze handleiding](/docs/nl/eleven-agents/quickstart)
* Een Framer-account en -website; maak er [hier](https://framer.com) een

![Voorbeeldproject voor Convai in Framer](/docs/_fern-img/a0681bdfc73398af1391e381bc11f8d450a4eea0788991bc418f83ac6490c34f.webp)

## Handleiding

#### Open je Framer-editor

Open je website in de Framer-editor en klik links op het primaire desktoponderdeel.

#### Voeg de ElevenAgents-component toe

Kopieer en plak de volgende URL op de pagina waaraan je de ElevenLabs-agent wilt toevoegen:

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

Je ziet nu links in de balk 'Layers' een ElevenAgents-asset en rechts de details van de ElevenAgents-component.

#### Vul de agentgegevens in

Schakel de ElevenLabs-agent in door de agent-ID in te vullen in de balk rechts.
Je vindt de agent-ID in het [ElevenLabs-dashboard](https://elevenlabs.io/app/agents).

Lukt het niet? Zorg dat de ElevenAgents-component in het lagenpaneel onder de desktopcomponent staat.

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

## Volgende stappen

Nu je je ElevenLabs-agent aan je Framer-website hebt toegevoegd, kun je:

1. De widget in het ElevenLabs-dashboard aanpassen aan je merk
2. Extra talen toevoegen
3. Geavanceerde functionaliteit toevoegen, zoals tools en een kennisbank.