Widget webchat

Bąbelek czatu, który wstawiasz na własną stronę. Konfiguracja, kolory, język.

Widget webchat to mała pływająca ikonka w rogu strony, którą po kliknięciu klient otwiera jako okno czatu. Wszystkie wiadomości lądują w skrzynce odria razem z kanałami Mety.

Widget żyje też automatycznie na waszej publicznej wizytówce (/biz/<slug>) — jeśli ją wyłączyliście, dostarczacie widget tylko na własną stronę.

Jak go wstawić

Ustawienia → Kanały → Webchat → Skopiuj kod.

Dostajesz fragment HTML:

<script
  src="https://widget.odria.app/embed.js"
  data-org="WASZ_IDENTYFIKATOR"
  defer
></script>

Wklejasz kod w ustawieniach strony, zwykle w sekcji kodu dodawanego na końcu strony. Po opublikowaniu i pierwszym otwarciu strony status w panelu odria zmieni się na Aktywny.

Jak wkleić w popularnych systemach

WordPress

Najprościej przez plugin „Insert Headers and Footers" albo „Code Snippets":

Zainstaluj plugin.
Wklej kod widgetu w sekcji Footer / Body close.
Zapisz.

Bez pluginu — edycja motywu (Wygląd → Edytor motywu → footer.php), ale tylko jeśli wiesz, co robisz.

Squarespace

Ustawienia → Zaawansowane → Wstrzykiwanie kodu → Footer. Wklej i zapisz.

Wix

Ustawienia → Custom Code → Add Custom Code → Body — End. Wklej, ustaw „Apply to" na „All pages", zapisz.

Shopify

Sklep online → Motywy → Edytuj kod. Wklej kod w głównym szablonie strony i zapisz.

Webflow

Project Settings → Custom Code → Footer Code. Wklej, opublikuj.

Własny HTML

Wklej kod w głównym szablonie strony i opublikuj zmiany.

Konfiguracja widgetu

W Ustawienia → Kanały → Webchat → Konfiguracja możesz zmienić:

Kolor główny — domyślnie firmowy odria. Wybierz coś, co pasuje do waszej strony.
Pozycja — prawy dół (domyślnie) lub lewy dół.
Język — domyślnie automatyczny (z przeglądarki klienta), możesz wymusić jeden.
Tekst powitania — pierwsza wiadomość, którą zobaczy klient po otwarciu widgetu (np. „Cześć! W czym mogę pomóc?").
Avatar — opcjonalnie zdjęcie, które pojawi się przy wiadomościach z waszej strony.

Zmiany nie wymagają reinstalacji kodu — wczytuje się dynamicznie przy każdym otwarciu strony.

Co klient widzi i jak działa

Klient otwiera waszą stronę. W rogu pojawia się bąbelek (z avatarem jeśli ustawiłeś, albo z domyślną ikoną).

Klient klika → otwiera się okno czatu. Tam:

Pierwsza wiadomość od was (powitalna z konfiguracji).
Pole do pisania.
Wątek (pojawia się w trakcie rozmowy).

Klient pisze, my dostajemy w skrzynce odria, AI klasyfikuje, my (lub auto-send, jeśli włączony) odpowiadamy. Standardowo.

Po zamknięciu strony i powrocie później — widget rozpoznaje klienta po localStorage i pokazuje historię wątku. Jeśli klient czyści ciasteczka / pliki cookie, traktujemy go jako nowego.

Klient w webchacie zaczyna anonimowo. Widzimy tylko treść wiadomości, nie wiemy, kto pisze. AI w trakcie rozmowy może poprosić o telefon (gdy klient próbuje umówić wizytę) — wtedy klient zostaje powiązany z istniejącym wpisem albo zostaje stworzony nowy.

Typy klientów na webchacie

Anonimowy — bez telefonu, mailka, imienia. Krótkie zapytania typu „ile kosztuje strzyżenie?" — często nigdy nie podają danych. To OK.
Zidentyfikowany — podał telefon. Dostaje status klienta w bazie (w poczekalni, dopóki nie awansujesz).

Częste pytania

Czy widget działa offline / w godzinach zamknięcia? Tak. Klient może pisać 24/7. Wiadomości czekają w skrzynce, AI generuje propozycje (jeśli macie plan z AI). Wy odpowiadacie, gdy wracacie do panelu.

Czy mogę mieć kilka różnych widgetów na różnych stronach? Każdy salon ma jeden widget. Możesz wstawić ten sam kod na kilka stron (główna + sub-domeny + landing) — wszystkie wiadomości lądują w jednej skrzynce.

Czy widget zwalnia stronę? Skrypt embed.js jest async + defer, ładuje się w tle, nie blokuje strony. Rozmiar to ~30 kB (gzipped). Wpływ na szybkość ładowania — pomijalny.

Mogę widget ukryć w określonych godzinach? Nie automatycznie. Możesz włączyć / wyłączyć ręcznie w panelu odria — ale klienci, którzy mieli wątek otwarty wcześniej, dalej go zobaczą (ich historia jest cache'owana w przeglądarce).

Co dalej

Webchat — kanał — wyjaśnienie, jak różni się od kanałów Mety.
Wizytówka publiczna — gdzie widget żyje automatycznie.