Według kanału

Chatbot na stronę do obsługi klienta: widżety, przekazanie i dostępność

Autor: Roman Zakharenko · Fakty sprawdzone

Chatbot na stronę do obsługi klienta to widżet czatu na Twojej stronie lub w centrum pomocy, w którym bot odpowiada na częste pytania, zbiera dane i przekazuje rozmowę konsultantowi na żywo, gdy nie może pomóc. Większość helpdesków ma własny widżet, więc właściwa praca polega na skonfigurowaniu przepływów bota, przekazania, działania po godzinach pracy i dostępności.

W skrócie

  • Web Widget (messaging) Zendeska instaluje się, dodając fragment kodu do każdej strony, na której ma się pojawiać.
  • Messaging w Zendesku może wyświetlać różne odpowiedzi w godzinach pracy i poza nimi.
  • Agentów AI we Freshdesku można ustawić tak, by zbierali dane klienta przed przekazaniem rozmowy człowiekowi.
  • WCAG 2.2 wymaga, aby wszystkie funkcje dało się obsługiwać za pomocą klawiatury (2.1.1, poziom A).
  • Technika W3C z role="log" pozwala czytnikom ekranu ogłaszać nowe wiadomości czatu, gdy tylko się pojawią.

Natywny widżet helpdesku czy własny?

Jeśli już korzystasz z helpdesku, zacznij od jego widżetu. Czaty trafiają do tej samej kolejki co e-maile i wiadomości z mediów społecznościowych, konsultanci odpowiadają z jednego miejsca, a kod widżetu utrzymuje dostawca.

  • Zendesk Web Widget (messaging): w Admin Center przejdź do Channels > Messaging and social > Messaging, otwórz widżet i skopiuj kod z sekcji Installation. Dodaj go do kodu źródłowego każdej strony, na której widżet ma się pojawiać, i upewnij się, że Twoja zapora sieciowa (firewall) przepuszcza widżet.
  • Widżet Freshchat (Freshdesk): skopiuj kod do osadzenia z ustawień kanału czatu webowego i dodaj go do każdej strony, na której widżet ma się pojawiać. Freshworks opisuje też instalację w WordPressie, Shopify i Squarespace oraz w aplikacjach na iOS i Androida.
Wybór widżetu
OpcjaDobry wybór, gdyNa co uważać
Natywny widżet helpdeskuChcesz mieć czaty, zgłoszenia i raporty w jednym miejscuWygląd i logika bota są ograniczone do tego, co obsługuje dostawca
Natywny widżet z własnym botemPotrzebujesz logiki lub integracji, których brakuje wbudowanemu botowiPrzekazanie rozmowy i kontekstu trzeba połączyć i przetestować
W pełni własny widżetCzat jest częścią interfejsu Twojego produktuOdpowiadasz za dostępność cyfrową, ciągłość działania i integrację po stronie konsultantów

Projektowanie przekazania od bota do człowieka

Przekazanie to moment, w którym zawodzi większość botów na stronach. Dobre przekazanie przenosi klienta do człowieka, nie zmuszając go do powtarzania się. Oba główne helpdeski obsługują ten wzorzec:

  • Zendesk: dodanie agenta AI do kanału messagingu zastępuje domyślną odpowiedź messagingu własnymi odpowiedziami agenta AI. W przepisie na przepływ (workflow recipe) Zendeska agent AI wita klienta, pokazuje formularz do zebrania informacji potrzebnych konsultantom, informuje klienta, że prośba trafia do zespołu, a potem przekazuje rozmowę konsultantowi, który dostaje powiadomienie i po jej przyjęciu widzi szczegóły. Dla zalogowanych klientów przepis wykorzystuje krótszy formularz, bez imienia i adresu e-mail.
  • Freshchat i Freshdesk: przepływy bota przekazują rozmowę za pomocą akcji takich jak Assign to group czy Make available for assignment, a ustawienia przekazania agentów AI we Freshdesku obejmują opcję zbierania danych klienta przed przekazaniem.

O tym, co zbierać, zdecyduj na podstawie tego, o co Twoi konsultanci pytają najpierw. Typowe pola to imię i adres e-mail w przypadku niezalogowanych odwiedzających, numer zamówienia lub konta, typ problemu wybrany za pomocą przycisków, krótki opis własnymi słowami klienta oraz strona, na której się znajdował.

Obsługa po godzinach pracy

Widżet, który o 2 w nocy obiecuje, że „konsultant zaraz się z Tobą połączy”, szkodzi bardziej niż brak czatu. Zaplanuj, co się dzieje, gdy nikt nie jest online:

  • Ustaw godziny pracy: kanały messagingu w Zendesku mogą korzystać z harmonogramu godzin pracy i wyświetlać różne odpowiedzi w tych godzinach i poza nimi.
  • Zamieniaj czaty w zgłoszenia: w przepisie Zendeska agent AI w godzinach pracy eskaluje rozmowę do konsultanta na żywo, a poza nimi zbiera dane klienta i eskaluje prośbę jako zgłoszenie e-mailowe do dalszej obsługi.
  • Pozwól botowi odpowiadać na to, co potrafi: odpowiedzi z FAQ, sprawdzanie statusu zamówienia i linki do centrum pomocy działają o każdej porze.
  • Powiedz, kiedy odpowiesz: podaj klientowi godziny pracy i miejsce, w którym otrzyma odpowiedź, np. e-mail.

Podstawy dostępności widżetów czatu

Widżet czatu to interaktywna treść nałożona na Twoją stronę, więc musi spełniać te same wymagania dostępności co reszta strony. WCAG 2.2 to aktualna wersja W3C, a te kryteria sukcesu są szczególnie istotne dla czatu:

Kryteria WCAG 2.2 do sprawdzenia w widżecie czatu
KryteriumPoziomCo oznacza dla widżetu czatu
2.1.1 KlawiaturaAOtwieranie widżetu, pisanie, wybieranie przycisków i zamykanie działają bez myszy
2.4.7 Widoczny fokusAAUżytkownicy widzą, który przycisk lub pole ma fokus klawiatury
2.4.11 Fokus niezasłonięty (minimum)AAPrzycisk uruchamiający lub otwarty panel czatu nie zasłania całkowicie elementu strony, który ma fokus
4.1.2 Nazwa, rola, wartośćANiestandardowe przyciski, menu i przycisk uruchamiający udostępniają swoje nazwy i stany technologiom wspomagającym
4.1.3 Komunikaty o stanieAAAktualizacje takie jak „Wiadomość wysłana” są ogłaszane bez przenoszenia fokusu

W samej rozmowie technika W3C ARIA23 oznacza historię czatu atrybutem role="log": nowe wiadomości są dodawane na końcu regionu, a czytniki ekranu ogłaszają je, gdy się pojawiają. W przypadku widżetu dostawcy przetestuj własną konfigurację za pomocą klawiatury i czytnika ekranu, ponieważ niestandardowe kolory i treści bota nadal mogą powodować problemy.

Jak TascaLab może pomóc

TascaLab konfiguruje chatboty na stronę na bazie helpdesku, którego już używasz, np. Zendeska lub Freshdeska, albo łączy własnego bota z Jirą, Slackiem lub narzędziami wewnętrznymi przez API, webhooki oraz Make lub n8n. Starter Chat Bot (1550 zł) obejmuje jeden lub dwa kanały z FAQ i podstawowym zbieraniem informacji; Standard Chat Bot (2250 zł) obejmuje od trzech do pięciu kanałów z bardziej złożonymi rozmowami i płynniejszymi przekazaniami. Każdy projekt obejmuje 30 dni wsparcia po uruchomieniu i podstawową dokumentację, bez ukrytych opłat, a większość wdrożeń trwa 1–3 tygodnie. Zacznij od bezpłatnej 30-minutowej rozmowy Health Check.

Najczęściej zadawane pytania

Czy potrzebuję osobnego narzędzia do chatbota, jeśli mój helpdesk ma widżet?

Niekoniecznie. Zendesk i Freshdesk pozwalają podłączyć bota lub agenta AI do swojego widżetu webowego. Osobne narzędzie ma sens, gdy potrzebujesz logiki lub integracji, których wbudowany bot nie oferuje.

Co bot powinien zebrać przed przekazaniem rozmowy konsultantowi?

To, o co Twoi konsultanci pytają najpierw: zwykle dane kontaktowe anonimowych odwiedzających, numer zamówienia lub konta, typ problemu i krótki opis. Zendesk i Freshdesk obsługują zbieranie danych przed przekazaniem.

Co chatbot na stronie powinien robić poza godzinami pracy?

Odpowiadać na to, na co potrafi, informować o godzinach pracy, a resztę zamieniać w zgłoszenie. Udokumentowany przepis Zendeska po godzinach pracy zbiera dane klienta i eskaluje prośbę jako zgłoszenie e-mailowe.

Jaki standard dostępności dotyczy widżetu czatu?

WCAG 2.2 to aktualna wersja W3C. Szczególnie istotne dla czatu są obsługa za pomocą klawiatury (2.1.1), widoczny fokus (2.4.7), nazwy i role elementów sterujących (4.1.2) oraz komunikaty o stanie (4.1.3).

Chcesz takie rozwiązanie dla swojego zespołu?

Umów bezpłatny Health Check: 30-minutowa rozmowa i pisemny raport z 2–3 konkretnymi rekomendacjami, stałą ceną i szacowanymi kosztami bieżącymi. Bez nachalnej sprzedaży.

Opinie na Upwork

Źródła

  1. Zendesk Help Center — Installing the Web Widget for messaging
  2. Zendesk Help Center — Configuring messaging responses and business hours
  3. Zendesk Help Center — Workflow recipe: Using an AI agent to collect customer info and immediately escalate to a human agent
  4. Freshworks Support — Install Freshchat on your web/apps
  5. Freshworks Support — Gracefully handover conversations from bots to your Freshchat agents
  6. Freshdesk Support — Configure handover settings for AI Agents
  7. W3C — Web Content Accessibility Guidelines (WCAG) 2.2
  8. W3C — ARIA23: Using role=log to identify sequential information updates