Widget na telefonie: przycisk, który nie przeszkadza
Ponad połowa zgłoszeń przychodzi z telefonów. Tam czat ma dokładnie jedną szansę, żeby nie stać się irytacją.
Na komputerze przycisk czatu stoi w pustym rogu i nikomu nie wadzi. Na telefonie ten sam róg zajmuje „Kup”, koszyk, belka o ciasteczkach, a czasem numer telefonu. Dlatego widget mobilny ustawia się osobno — inaczej zasłania dokładnie to, po co człowiek przyszedł.
Pozycja i odstępy
W ustawieniach strony jest strona (lewa lub prawa) oraz odstępy X i Y. Zasada jest prosta: przycisk nie może zasłaniać akcji, która przynosi pieniądze. Jeśli na dole po prawej stoi „Do koszyka”, czat przenosi się w lewo albo w górę o 70–80 pikseli. Sprawdzać trzeba na prawdziwym telefonie, nie w emulatorze — dwa centymetry na ekranie decydują o wszystkim.
Gdzie przycisk lepiej ukryć
Pole Visibility rules (JSON) decyduje, gdzie widget w ogóle się pokazuje. Format jest prosty: {"include":["/pricing"],"exclude":["/admin"],"desktop":true,"mobile":false}. Typowy przypadek to zdjęcie czatu ze strony zamówienia na mobile, żeby nie kłócił się z formularzem płatności, i zostawienie go na kartach produktów i cenniku, gdzie pytania pojawiają się najczęściej.
Szybkość ważniejsza od urody
Widget podłącza się jedną linijką i ładuje asynchronicznie: strona na niego nie czeka. Wygląd idzie osobnym plikiem, więc surowa Content-Security-Policy na stronie klienta nie wymaga unsafe-inline — wystarczy dopuścić domenę widgetu w script-src, style-src i connect-src.
Język dopasowuje się sam
Język bierze się z atrybutu data-lang, potem z <html lang> strony, potem z przeglądarki; obsługiwane są angielski, polski, niemiecki i rosyjski. Na wielojęzycznej stronie nie trzeba nic dokładać: polska wersja strony otworzy polski widget.
Aktywne zaproszenie — z umiarem
Wyskakujące zaproszenie („Podpowiedzieć coś?”) dobrze działa w cenniku i katalogu, a irytuje na stronie płatności. Dlatego ma opóźnienie i własną listę stron: pokazuj tam, gdzie człowiek wybiera, i milcz tam, gdzie już płaci.
Sprawdzenie po ustawieniu
Po zmianie ustawień odśwież stronę — widget sprawdza się z serwerem i pobiera świeżą wersję. Potem przejdź po stronie z telefonu jak zwykły odwiedzający: katalog, produkt, koszyk. Jeśli przycisk nigdzie nie zasłania niczego ważnego, a czat otwiera się za pierwszym dotknięciem, konfiguracja jest skończona.
Klawiatura i wysokość ekranu
Na telefonie okno czatu dzieli ekran z klawiaturą: zostaje pasek na kilka linijek. Długie powitania i pytania na trzy akapity po prostu nie są widoczne. Trzymaj pierwszą wiadomość w jednej–dwóch linijkach, a dopytuj po jednej rzeczy naraz.
Zdjęcie zamiast opisu
Klient z telefonu prawie zawsze może wysłać zdjęcie — uszkodzony towar, ekran nieudanej płatności, naklejkę z numerem katalogowym. Plik trafia do operatora w Telegramie, a jedno takie zdjęcie zastępuje trzy rundy dopytywania. Warto proponować wprost: „proszę wysłać zdjęcie, tak będzie szybciej”.
← Wszystkie artykuły