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

Ten poradnik pomoże ci dodać agenta ElevenLabs do strony Framer.

## Wymagania wstępne

* Agent ElevenLabs Agents utworzony zgodnie z [tym przewodnikiem](/docs/pl/eleven-agents/quickstart)
* Konto i strona Framer — utwórz je [tutaj](https://framer.com)

![Przykładowy projekt Convai dla Framer](/docs/_fern-img/a0681bdfc73398af1391e381bc11f8d450a4eea0788991bc418f83ac6490c34f.webp)

## Instrukcja

#### Otwórz edytor Framer

Otwórz stronę w edytorze Framer i kliknij główny widok desktopowy po lewej stronie.

#### Dodaj komponent ElevenAgents

Skopiuj i wklej poniższy adres URL na stronie, do której chcesz dodać agenta ElevenLabs:

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

Na pasku „Layers” po lewej zobaczysz teraz zasób ElevenAgents, a po prawej szczegóły komponentu ElevenAgents.

#### Uzupełnij dane agenta

Włącz agenta ElevenLabs, wpisując ID agenta na pasku po prawej stronie.
ID agenta znajdziesz w [panelu ElevenLabs](https://elevenlabs.io/app/agents).

Masz problem? Upewnij się, że komponent ElevenAgents znajduje się pod komponentem desktop w panelu warstw.

![Przykładowy projekt Convai dla Framer](/docs/_fern-img/17f4e7b2bbc3ebafadb1b705e6c963c6900ae162236b39feff2c6839654cf4f9.webp)![Przykładowy projekt Convai dla Framer](/docs/_fern-img/fcb5867e142022ca7ebc3aba3904fffc7ce0f4ddca716e2c7bac38012e2e1641.webp)

## Następne kroki

Gdy dodasz agenta ElevenLabs do strony Framer, możesz:

1. Dostosować widget w panelu ElevenLabs do swojej marki
2. Dodać kolejne języki
3. Dodać zaawansowane funkcje, takie jak narzędzia i baza wiedzy.