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

Den här handledningen visar hur du lägger till din ElevenLabs-agent på din Framer-webbplats.

## Förutsättningar

* En ElevenLabs Agents-agent som har skapats enligt [den här guiden](/docs/sv/eleven-agents/quickstart)
* Ett Framer-konto och en webbplats, skapa ett [här](https://framer.com)

![Exempelprojekt för Convai Framer](/docs/_fern-img/a0681bdfc73398af1391e381bc11f8d450a4eea0788991bc418f83ac6490c34f.webp)

## Guide

#### Besök din Framer-redigerare

Öppna din webbplats i Framer-redigeraren och klicka på den primära skrivbordsvyn till vänster.

#### Lägg till ElevenAgents-komponenten

Kopiera och klistra in följande URL på sidan där du vill lägga till ElevenLabs-agenten:

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

Du ser nu en ElevenAgents-resurs i fältet "Layers" till vänster och information om ElevenAgents-komponenten till höger.

#### Fyll i agentuppgifterna

Aktivera ElevenLabs-agenten genom att fylla i agent-ID:t i fältet till höger.
Du hittar agent-ID:t på [ElevenLabs instrumentpanel](https://elevenlabs.io/app/agents).

Har du problem? Kontrollera att ElevenAgents-komponenten är placerad under skrivbordskomponenten i lagerpanelen.

![Exempelprojekt för Convai Framer](/docs/_fern-img/17f4e7b2bbc3ebafadb1b705e6c963c6900ae162236b39feff2c6839654cf4f9.webp)![Exempelprojekt för Convai Framer](/docs/_fern-img/fcb5867e142022ca7ebc3aba3904fffc7ce0f4ddca716e2c7bac38012e2e1641.webp)

## Nästa steg

Nu när du har lagt till din ElevenLabs-agent på din Framer-webbplats kan du:

1. Anpassa widgeten på ElevenLabs instrumentpanel så att den matchar ditt varumärke
2. Lägga till fler språk
3. Lägga till avancerade funktioner som verktyg och kunskapsbas.