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

Ten poradnik pokaże ci, jak dodać agenta ElevenLabs Agents do strony Webflow.

## Wymagania wstępne

* Agent ElevenLabs Agents utworzony zgodnie z [tym poradnikiem](/docs/pl/eleven-agents/quickstart)
* Konto Webflow z planem Core, Growth, Agency lub Freelancer Workspace (albo Site Plan)
* Podstawowa znajomość Designera Webflow

## Poradnik

#### Pobierz kod osadzania

Wejdź na [panel ElevenLabs](https://elevenlabs.io/app/agents) i znajdź widget osadzania swojego agenta.

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

#### Dodaj widget do strony

1. Otwórz projekt Webflow w Designerze
2. Przeciągnij element Embed w wybrane miejsce
3. Wklej fragment `<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>` do edytora kodu elementu Embed
4. Zapisz i zamknij

#### Dodaj skrypt globalnie

1. Przejdź do Project Settings > Custom Code
2. Wklej fragment `<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>` do sekcji Footer Code
3. Zapisz zmiany
4. Opublikuj stronę, aby zobaczyć zmiany

Uwaga: widget będzie widoczny dopiero po opublikowaniu strony, nie w Designerze.

## Rozwiązywanie problemów

Jeśli widget się nie pojawia, sprawdź:

* Czy fragment `<script>` znajduje się w sekcji Footer Code
* Czy fragment `<elevenlabs-convai>` jest poprawnie umieszczony w elemencie Embed
* Czy opublikowałeś stronę po wprowadzeniu zmian

## Kolejne kroki

Po dodaniu agenta ElevenLabs do Webflow 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