Komunikacja klienta z call center od dawna nie ogranicza się do rozmowy telefonicznej — teraz to komunikatory, poczta elektroniczna i inne kanały. Ale czasami poszukiwanie odpowiedniego sposobu kontaktu zamienia się w “quest” dla klienta i nie sprzyja pozytywnemu wrażeniu. A menedżerowie ze swojej strony muszą pracować jednocześnie w kilku aplikacjach. W rezultacie — utracone zgłoszenia i spadek lojalności klientów. W artykule omówimy, jak za pomocą “Oki-Toki: e-commerce call & chat” można połączyć połączenia i komunikatory w jednym widżecie.
Czym jest Oki-Toki: e-commerce call & chat?
Oki-Toki: e-commerce call & chat — to omnikanałowy widżet na Twojej stronie, łączący kanały komunikacji. Główne zalety:
- Wszystko w jednym — klient nie musi już szukać po stronie sposobu kontaktu, może napisać lub zadzwonić z dowolnej strony internetowej jednym kliknięciem;
- Prosta instalacja — podłączenie zajmuje 10–15 minut. Wystarczy wstawić kod na stronie;
- Brandowanie — wybór koloru, położenia, dodawanie logo i konfiguracja wiadomości powitalnych;
- Wygoda — widżet działa na telefonach, tabletach i komputerach;
- Integracje — obsługa popularnych komunikatorów.
Przygotowanie do instalacji widżetu
Przed instalacją widżetu należy skonfigurować zasoby zewnętrzne i kanały komunikacji. To zapewni prawidłowe działanie wszystkich funkcji na stronie.
Konfiguracja połączeń głosowych
Najpierw należy przygotować zasoby do połączeń w systemie Oki-Toki:
- Web Call — klient może wykonać połączenie bezpośrednio ze strony przez przeglądarkę. W tym celu tworzony jest wirtualny numer, konfigurowana jest trasa połączeń i kolejka operatorów.
- Get Call — zamówienie połączenia. Klient zostawia zgłoszenie, a system łączy go z operatorem w określonym czasie. Podczas konfiguracji ustawiane są zasady oddzwaniania, czas oczekiwania i dystrybucja zgłoszeń między operatorami.
Jak podłączyć Web Call i Get Call — w osobnym artykule.
Podłączenie kanałów komunikacji
Następnie konfigurowane są dodatkowe sposoby komunikacji z klientami. W Oki-Toki to:
- Komunikatory (WhatsApp, Facebook, Telegram, Instagram, Viber) – aby podłączyć integracje, należy przejść autoryzację, uzyskać klucze API i skonfigurować przetwarzanie wiadomości.
- Poczta elektroniczna — podłączana jest E-mail (IMAP/SMTP).
Po skonfigurowaniu wszystkich kanałów można przejść do widżetu w systemie i jego integracji na stronie.
Jak podłączyć widżet?
Widżet można skonfigurować w sekcji “Zasoby zewnętrzne” — tutaj następuje powiązanie i dostosowanie wcześniej skonfigurowanych kanałów: głosowych, komunikatorów i poczty elektronicznej. To zapewni wygodną i jednolitą komunikację z klientami.
Podstawowe ustawienia
Wybierz z listy zasobów zewnętrznych “Oki-Toki: e-commerce Call & Chat”, podaj nazwę i utwórz nową integrację.
W wierszu “Domeny strony” należy wpisać URL strony internetowej, na której będzie umieszczony widżet. Może być jedna lub kilka, separator – przecinek. Do testowania pracy widżetu wewnątrz serwisu konieczne jest podanie domeny panelu administracyjnego Oki-Toki.
Następny krok — dodanie kanałów komunikacji do widżetu, korzystając z rozwijanych list.
Wprowadź tekst w polu po prawej stronie, aby dodać opis.
Przykład: “Masz pytania? Zadzwoń do nas ze strony — operatorzy już czekają!”
Ten tekst będzie wyświetlany pod nazwą kanału.
Ważne! Nazwa kanału jest ustalana podczas podłączania integracji i nie jest edytowana w ustawieniach widżetu. Aby ją zmienić, należy wprowadzić poprawki w samej integracji.
Aby zmienić kolejność kanałów komunikacji w widżecie, przeciągnij element, przytrzymując ikonę z trzema kropkami obok jego nazwy.
Za pomocą przełącznika aktywności można wyłączyć nieaktualne kanały. Nie trzeba odłączać integracji w tym celu. Przesuń suwak do pozycji “wyłącz”, a element nie będzie wyświetlany w widżecie.
Po skonfigurowaniu i aktywacji kanałów można przejść do dostosowania widżetu pod interfejs Twojej strony.
Personalizacja widżetu w Oki-Toki
Aby widżet odzwierciedlał styl firmy i wpasowywał się w interfejs strony, należy skonfigurować wygląd — design, kolor, tekst i rozmieszczenie elementów.
Tekst w widżecie
W tej sekcji ustawiane są etykiety tekstowe, które wyświetlają się wewnątrz widżetu. Wszystkie pola są edytowalne — można używać zarówno standardowych wariantów, jak i własnych sformułowań odpowiadających stylowi firmy.
Pola ustawień:
- Nagłówek — główny tekst, który wyświetla się w górnej części widżetu. Zazwyczaj jest to nazwa firmy lub serwisu;
- Opis — krótka wiadomość wyjaśniająca przeznaczenie widżetu lub witająca klienta;
- Lub — tekst oddzielający alternatywne sposoby przejścia do kanału komunikacji. Na przykład, aby otworzyć Telegram z urządzenia mobilnego, a nie z przeglądarki;
- Wyślij — napis na przycisku do wysyłania formularza lub wiadomości;
- Otwórz — tekst przycisku do otwarcia kanału;
- Wróć do menu — powrót do listy kanałów;
- QR Code — napis towarzyszący kodowi QR w interfejsie widżetu;
- QR Code podpowiedź — wyjaśnienie pod kodem QR informujące użytkownika (jak z niego skorzystać);
W sekcji “Tekst w widżecie” można dostosować interfejs do firmowego stylu i tonu komunikacji firmy.
Ustawienia wstawiania na stronę
Ustawić parametry wyświetlania widżetu na stronie internetowej można w sekcji “Ustawienia wstawiania na stronę”. Na przykład pozycja widżetu na stronie, wygląd, kolory, odstępy, wiadomość teaserowa itp.
Pola ustawień:
- Położenie — umieszczenie widżetu na stronie: u góry po prawej, na dole po lewej itp.
- Odstępy określają odległość od krawędzi ekranu do widżetu. Przyjmowane są wartości w pikselach (px);
- Ikona w przełączniku — wybór typu wyświetlania ikony:
- Statyczna — używane jest logo pierwszego aktywnego kanału komunikacji;
- Animowana — ikony dynamicznie się zmieniają, tworząc efekt żywego ruchu.
- Teaser — tekst krótkiego zaproszenia, który pojawia się obok przycisku widżetu;
- Pojawienie się teasera — czas (w sekundach) do pojawienia się wyskakującego komunikatu po załadowaniu strony;
- Czas trwania pokazywania — ile sekund teaser pozostaje widoczny;
- Link do ikony — ścieżka do obrazu, który jest używany jako główne logo widżetu;
- Kolor główny — kolor tła przycisku-przełącznika. Można ustawić ręcznie lub wybrać z palety poniżej;
- Kolor tekstu i ikon dla elementów interfejsu wewnątrz przycisku;
- Zalecane palety — gotowe kombinacje kolorów do szybkiej konfiguracji wyglądu;
- Kod do wstawienia w <body> — generowany jest automatycznie, w zależności od ustawionych parametrów. Należy go skopiować i wstawić do kodu HTML strony, aby aktywować widżet.
Ważne! Po zmianie parametrów w sekcji “Ustawienia wstawiania na stronę” należy zaktualizować kod integracji na stronie internetowej — w przeciwnym razie zmiany nie wejdą w życie.
Do sprawdzenia, jak widżet wygląda i działa, dostępny jest testowy prototyp. Powtarza on zachowanie prawdziwego widżetu na stronie. Można zobaczyć, że wszystkie parametry są prawidłowe, na przykład: wyświetlanie kanałów komunikacji, funkcjonalność przycisków i wygląd — bez wprowadzania zmian na stronie produkcyjnej.
Parametry i przykłady użycia
Zachowanie i wyświetlanie widżetu może się różnić na różnych urządzeniach. W sekcji “Parametry i przykłady użycia” znajdują się odpowiednie przykłady kodu do dodatkowej konfiguracji widżetu.
Podstawowe parametry:
- Metoda mount — główna metoda inicjalizacji widżetu na stronie. Pozwala ustawić pozycję widżetu, jego wygląd, tekst i zachowanie w interfejsie;
- Parametry odstępów — można ustawić różne odstępy dla urządzeń mobilnych i desktopowych;
- Parametry pozycjonowania — kontrolują położenie widżetu na ekranie. Na przykład, aby znajdował się w rogu lub przesuwał się w miarę przewijania strony.
Można otwierać i zamykać widżet programowo, korzystając z dostępnych metod, na przykład do dynamicznej zmiany widżetu w zależności od działań użytkownika. Dodatkowe ustawienia pomogą dostosować widżet do designu i wymagań strony.
Oki-Toki e-commerce call & chat — to sposób na zebranie wszystkich kanałów komunikacji w jednym interfejsie i personalizację pod dowolną stronę internetową. Prostota integracji zapewni efektywną i wygodną komunikację, zmniejszy obciążenie operatorów, uprości obsługę zgłoszeń dla utrzymania wysokiego poziomu obsługi klientów.
