Dostosuj wygląd widgetu
Ustaw dostępne kolory, style dymków i kształt rogów widgetu, a następnie sprawdź i zapisz rezultat.
Na tej stronie
Dopasuj widget do swojej strony, dbając o czytelność wiadomości i elementów sterujących.
Zmień kolory i kształt#
- W sekcji Settings, pod nagłówkiem Chat widget, wybierz Appearance.
- W sekcji Colors and shape ustaw Chat color, Background, Agent bubble, Visitor bubble i Text color.
- Dostosuj wartość Corner radius w pikselach.
- Sprawdzaj podgląd po każdej grupie zmian.
- Wybierz Save changes.
Strona pokazuje, czy zmiany zostały zapisane. Po zapisaniu odśwież ją i upewnij się, że konfiguracja nadal obowiązuje.
Sprawdź czytelność#
Zapewnij wyraźny kontrast między tekstem a każdą powierzchnią pod nim. Przetestuj krótkie i długie wiadomości, odnośniki, etykiety przycisków oraz wyłączone elementy. Zestaw kolorów dobrze wyglądający na przycisku uruchamiającym nie musi być równie czytelny w obu rodzajach dymków.
Nie używaj wyłącznie koloru do przekazywania znaczenia. Stosuj jasne etykiety i wizualnie odróżniaj elementy interaktywne od zwykłego tekstu.
Cofnij lub przywróć wartości#
- Reset odrzuca niezapisane zmiany i przywraca ostatnią zapisaną konfigurację.
- Restore to default zmienia bieżącą wersję roboczą na wartości domyślne. Aby je zachować, wybierz Save changes.
Jeśli chcesz tylko porównać inny kolor, zanotuj zapisaną wartość przed edycją albo użyj Reset przed opuszczeniem strony.
Zadbaj o spójność z tożsamością asystenta#
Styl wizualny i tożsamość widoczna dla odwiedzających znajdują się na stronie Appearance, ale rozwiązują różne problemy. Nazwa i podtytuł asystenta, adres e-mail pomocy, komunikat o prywatności oraz dostępne opcje powinny odpowiadać doświadczeniu, które zespół jest w stanie obsłużyć.
Przejdź do artykułu Skonfiguruj tożsamość asystenta i opcje czatu.