[Intum Pomoc](https://intum.pl/pomoc.md) / [WebChat](https://intum.pl/pomoc/webchat.md)

# [Pierwszy widget](https://intum.pl/pomoc/webchat/webchat-pierwszy-widget.md)

Od zera do pierwszej rozmowy: utworzenie widgetu, wklejenie go na stronę i sprawdzenie, że
wiadomości dochodzą do panelu operatora.

> [!PATH]
> [WebChat → Ustawienia](app:/webchat/settings) → **Nowy widget**

## 1. Utwórz widget {#utworz-widget}

Na ekranie **Ustawienia** kliknij **Nowy widget** i uzupełnij formularz - wymagana jest tylko
**Nazwa** (widoczna wyłącznie w panelu, nie na stronie). Resztę pól (kolor, godziny pracy,
avatar) można zostawić na później, patrz [Widget](webchat/webchat-widget#pola).

## 2. Wskaż, kto obsługuje rozmowy {#odpowiedzialny}

W polu **Kto może widzieć i odpowiadać na czaty?** wybierz osobę, grupę albo zespół. Bez tego
ustawienia rozmowy z tego widgetu widzi każdy, kto ma dostęp do modułu WebChat.

## 3. Wklej widget na stronę {#wklej-widget}

Zapisz widget, otwórz jego kartę i skopiuj fragment kodu z pola **Kod do wklejenia** - wklej go
na stronie WWW tuż przed zamykającym tagiem `</body>`, patrz
[Osadzenie widgetu na stronie](webchat/webchat-osadzenie-widgetu).

## 4. Sprawdź działanie {#sprawdz-dzialanie}

Na karcie widgetu kliknij **Testowanie** - otwiera się osobna strona z działającym widgetem bez
konieczności wdrażania kodu na produkcyjną stronę. Wyślij testową wiadomość.

## 5. Odpowiedz z panelu operatora {#odpowiedz}

Otwórz [Panel operatora](webchat/webchat-panel-operatora) - testowa rozmowa pojawi się na liście
pokoi. Kliknij ją i odpowiedz - odpowiedź pojawi się natychmiast w oknie testowego widgetu.

## Gdy coś nie działa {#gdy-cos-nie-dziala}

Widget się nie wyświetla albo wiadomość nie dochodzi do panelu - patrz
[Szybka pomoc](webchat/webchat-szybka-pomoc).