Przejdź do treści

Wdrożenie i konfiguracja czatu

Aby wdrożyć czat na wybranej stronie internetowej należy wykonać następujące czynności:
- przejść do ustawień do zakładki Channels, następnie w sekcji Install LiveChat skopiować kod konfiguracyjny za pomocą opcji Copy code
Pasted image 20250505085022.png

  • skopiowany kod należy wkleić w pliku index.html przed tagiem </body>
    Pasted image 20250505085354.png

Alternatywne opcje instalacji

Istnieją również alternatywne opcje instalacji LiveChata z wykorzystaniem Google Tag Manager lub WordPress

W przypadku naszego środowiska produkcyjnego NetiaB2B LiveChat został wdrożony z wykorzystaniem Google Tag Managera. Operacja była realizowana przez Katarzynę Soję (katarzyna.soja@mbridge.pl) z firmy MBridge, zajmującej się obsługą naszej strony internetowej dla klientów biznesowych.

  • w zakładce Security w sekcji Trusted domains wprowadzić domenę lub domeny na których ma być wykorzystywany czat w celu zabezpieczenia się przed nieautoryzowanym wykorzystaniem kodu konfiguracyjnego na innych stronach
    Pasted image 20250505085911.png

  • aby przejść do konfiguracji czatu, jego wyglądu i funkcjonalności dobrze jest w pierwszej kolejności utworzyć grupę w ramach której będę stosowane wszystkie przeprowadzone konfiguracje
    Pasted image 20250505091103.png

  • do utworzonej grupy należy dodać użytkowników oraz przypisać im odpowiednie role
    Pasted image 20250505091244.png

  • następnie można przejść do konfiguracji wizualnej czatu wybierając w ustawieniach zakładkę Website widget, w sekcji Customization można ustawić takie elementy jak forma wyświetlania dymku czatu, kolorystykę czatu, motyw, pozycję na stronie czy widok w aplikacjach mobilnych

Uwaga!

Zawsze należy zwrócić uwagę dla jakiej grupy konfigurujemy ustawienia!

Pasted image 20250505091854.png

  • ustawienia Additional tweaks dla grupy produkcyjnej Netia B2B zostały ustalone z Anetą Balewicz i nie należy ich zmieniać bez wcześniejszej konsultacji
    Pasted image 20250505092317.png

  • w sekcji Language wybieramy język czatu oraz wiadomość powitalną jaką zobaczy klient po rozpoczęciu czatu
    Pasted image 20250505092453.png

  • w sekcji Availability ustawiamy, że klient może rozpocząć czat tylko wtedy kiedy dostępni są konsultanci
    Pasted image 20250505092824.png

  • w sekcji Welcome screen można ustawić ekran powitalny jaki zobaczy klient przed rozpoczęciem czatu, gdzie może wybrać również inne kanały komunikacji, w przypadku naszej grupy produkcyjnej ta opcja jest wyłączona
    Pasted image 20250505092912.png

  • w zakładce Forms w sekcji Pre-chat form można zdefiniować wiadomość lub cały formularz jaki zobaczy klient przed rozpoczęciem czatu, w naszym przypadku wykorzystujemy to na potrzeby wyświetlenia klauzul RODO, które użytkownik musi zaakceptować przed rozpoczęciem czatu
    Pasted image 20250505093705.png

  • w sekcji Ticket form definiujemy formularz jaki zobaczą klienci gdy konsultanci są niedostępni, w naszym przypadku takie formularze są wysyłane do aplikacji Helpdesk, która jest dodatkiem do LiveChat i pozwala ona na kompleksowe zarządzanie zgłoszeniami od klientów
    Pasted image 20250505094329.png

  • w zakładce Engagement w sekcji Eye-catcher można wybrać lub wgrać własny obraz/dymek pojawiający się przy ikonie czatu, Eye-catcher-y są zmieniane na zlecenie Anety Balewicz
    Pasted image 20250505094618.png

  • w zakładce Tags można wprowadzić własne tagi z których konsultanci będą korzystać do oznaczania przeprowadzonych rozmów
    Pasted image 20250505095034.png

  • aby określić które podstrony danej witryny powinny zostać "przekierowane" do odpowiedniej grupy, należy przejść do Automate, następnie Routing rules i wybrać Add new rule
    Pasted image 20250505100556.png

  • następnie w ustawieniach danej reguły można określić zachowanie dla danego adresu URL
    Pasted image 20250505100720.png

Pasted image 20250505100740.png