# Czat

> Pływający czat z pełnym oknem rozmowy: kod do wklejenia, wygląd i działanie.

Czat to podstawowy sposób użycia [skryptu widżetu](/dokumentacja/widzety/): przycisk w prawym dolnym rogu strony („Rozpocznij rozmowę”). Po kliknięciu otwiera ekran powitalny z sugerowanymi pytaniami, a potem okno rozmowy z odpowiedziami na żywo, kartami i formularzem kontaktowym.

## Kod do wklejenia

Wklej kod przed zamknięciem `</body>` lub w sekcji `<head>`:

```html
<script
  src="https://widget-api.prosecaptain.com/embed.js"
  data-widget-token="TWOJ_TOKEN"
  data-widget-id="ID_WIDZETU"
  data-theme="light"
  data-widget-server-url="https://widget-api.prosecaptain.com"
></script>
```

Nie musisz dodawać żadnego kontenera. Skrypt sam doda widżet na końcu strony.

## Co widzi odwiedzający

- Przycisk z etykietą „Rozpocznij rozmowę”, a po rozpoczęciu rozmowy „Wróć do rozmowy”, z licznikiem nieprzeczytanych wiadomości.
- Ekran powitalny z tytułem, podtytułem i sugerowanymi pytaniami.
- Odpowiedzi, które pojawiają się na bieżąco, i formularz kontaktowy, gdy asystent zaproponuje kontakt.

Rozmowa jest zapamiętywana w przeglądarce przez 12 godzin, więc odwiedzający może wrócić do niej na innej podstronie.

## Kontekst strony

Gdy w ustawieniach widżetu włączysz **Wyciągaj kontekst strony**, widżet przekazuje asystentowi tytuł, opis i treść strony, na której jest odwiedzający. Asystent może wtedy odpowiadać na pytania o tę konkretną stronę.

## Język

Etykiety widżetu są dostępne po polsku, angielsku, niemiecku, hiszpańsku, czesku, słowacku i portugalsku. Język ustawiasz w aplikacji albo parametrem `data-widget-language`. Dla innych języków etykiety są po angielsku.