Widget strony internetowej

• Co klienci mogą robić w widgecie: czat, Voice, zrzuty ekranu i pliki — we własnym języku.
• Jak dostosować wygląd i zachowanie widgetu.
• Jak zainstalować widget na stronie internetowej.
• Jak zastosować ustawienia bezpieczeństwa, takie jak dozwolone domeny i wykluczone strony.

Agent wsparcia AI odpowiada w każdej rozmowie w widgecie na podstawie Twojej bazy wiedzy. W przypadku zalogowanych klientów korzysta też z danych konta, które autoryzuje Twój backend.

• Pisać na czacie we własnym języku: agent odpowiada w tym języku, w którym pisze klient.
• Talk (Voice): klienci mogą rozmawiać z agentem głosowo. Mowa jest rozpoznawana automatycznie, a Voice odpowiada na głos w 40+ językach; tam, gdzie odpowiedź głosowa nie jest obsługiwana, rozmowa toczy się dalej tekstowo. Minuty Voice są dostępne w płatnych planach.
• Wysyłać zrzuty ekranu i pliki: obrazy, zrzuty ekranu i zdjęcia oraz pliki PDF, DOC, DOCX i TXT do 8 MB. Obrazy są odczytywane za pomocą rozpoznawania obrazu (vision), a dokumenty PDF i Word są analizowane łącznie z tabelami.
• Wklejać linki: agent odczytuje podlinkowaną stronę jako kontekst tej rozmowy. Linki od klientów to kontekst, a nie Twoja zatwierdzona wiedza.
• Skontaktować się z człowiekiem: gdy agent nie może zweryfikować odpowiedzi, przekazuje rozmowę Twojemu zespołowi zamiast zgadywać, a każdy członek zespołu może ją przejąć ze skrzynki.

Przejdź do Channels -> Widget. Jeśli widget nie jest jeszcze włączony, najpierw go włącz.

• Podgląd na żywo ekranów Home, Chat i Talk na desktopie i mobile.
• Ustawienia wyglądu i zachowania.
• Kod instalacyjny.

Dopasuj widget do swojego produktu bez pisania CSS. Każda zmiana od razu pojawia się w podglądzie na żywo.

• Ekrany: Home, Chat i Talk (Voice). Ty wybierasz, który otwiera się jako pierwszy.
• Motyw: jasny lub ciemny.
• Kolory: nagłówek, dymki asystenta i klienta, tło czatu, pole wpisywania, przycisk wysyłania, launcher, przyciski i przycisk zamykania.
• Typografia: 45 fontów Google Fonts (bezszeryfowe, szeryfowe i o stałej szerokości), ustawiane osobno dla nagłówka, wiadomości asystenta, wiadomości klienta, pola wpisywania i launchera, każdy z własnym rozmiarem.
• Wiadomości: 6 kształtów dymków, opcjonalnie dla obu stron, oraz wybór ikony wysyłania.
• Nagłówek: nazwa asystenta, linia statusu i opcjonalny awatar lub logo.
• Launcher: 15 ikon, opcjonalny tekst (na mobile może zostać sama ikona) i 13 animacji launchera.
• Ekran Home: nagłówek, krótka linia nad nim, główny przycisk, do 3 linków, animowana kula (orb) i style tła, takie jak mesh, halo, rays, glow, stars, dots, grain i halftone, z regulacją odcienia, intensywności i ruchu.
• Talk: głos, powitanie odtwarzane na głos i tekstura kuli (orb).
• Teksty i zachowanie: wiadomość powitalna, tekst zastępczy pola wpisywania, przesyłanie plików włączone lub wyłączone, tryb kompaktowy, dozwolone domeny oraz dozwolone lub wykluczone strony.

Standardowa instalacja (zalecana).

1. 1Skopiuj skrypt widgetu z Channels -> Widget -> Install code
2. 2Dodaj go do strony tak, aby ładował się na każdej podstronie.
3. 3Najlepsze miejsce: wewnątrz <head>, przed </head>.
4. 4Jeśli <head> nie jest dostępne, umieść go przed </body> (też działa, ale może ładować się trochę wolniej).

• Shopify: Online Store>Themes>Edit code -> layout/theme.liquid -> wklej przed </head> -> Save
• Wix Opcja A: Settings -> Custom Code -> Add New Tool -> wklej kod -> Load on all pages -> umieść w Head -> Save i opublikuj.
• Wix Opcja B: dodaj skrypt przez globalny obszar skryptów/pluginów strony i upewnij się, że ładuje się na wszystkich stronach.
• Webflow: Project Settings>Custom Code>wklej w Head Code -> Save i opublikuj.
• WordPress: użyj wtyczki do skryptów w headerze (sekcja Header) albo wklej kod do header.php przed </head>.
• Custom-coded sites: umieść skrypt w globalnym szablonie HTML wewnątrz <head> albo przed </body>.

Zalecane ustawienia dla bezpieczniejszego i czystszego działania.

• Dozwolone domeny: zapobiegają ponownemu użyciu kodu widgetu na niepowiązanych stronach.
• Przykładowe domeny: yourdomain.com, www.yourdomain.com, shop.yourdomain.com.
• Wykluczone strony: ukryj widget tam, gdzie nie jest potrzebny.
• Typowe wykluczenia: checkout, potwierdzenie zamówienia, account/login, prywatność i strony techniczne.
• Przykłady ścieżek: /checkout, /account, /thank-you.

• Każda rozmowa z widgetu pojawia się w Conversations, w tej samej skrzynce co WhatsApp, Instagram i Telegram.
• Agent wsparcia AI odpowiada w języku klienta na podstawie Twojej bazy wiedzy, a w przypadku zalogowanych klientów także na podstawie autoryzowanych danych konta.
• Każdy członek zespołu może przejąć rozmowę i odpowiedzieć bezpośrednio. Gdy rozmowę prowadzi członek zespołu, AI milczy; kliknij Resume AI, aby oddać ją AI.
• W widgecie klient widzi "{name} joined the conversation", gdy odpowiada członek zespołu, oraz "Assistant resumed", gdy AI znów odpowiada.

• Widget się nie pokazuje: upewnij się, że skrypt jest na stronie produkcyjnej (nie tylko w podglądzie), opublikuj zmiany i sprawdź dozwolone domeny, jeśli są włączone.
• Widget pojawia się tylko na niektórych stronach: sprawdź reguły wykluczonych stron i potwierdź, że skrypt jest zainstalowany globalnie.
• Wiadomości nie przychodzą: sprawdź, czy używasz właściwego konta biznesowego OneTwoAgent i upewnij się, że widget jest włączony w Channels -> Widget.