Przejdź do treści

Wygląd widgetu

Jak dopasować kolory, przycisk czatu, teksty i położenie widgetu do swojej marki.

Widget standardowo używa fioletu Fibly z białym tekstem, ale w kilku kliknięciach dopasujesz go do tożsamości wizualnej swojej strony. Wszystkie opisane niżej ustawienia znajdziesz w panelu, na ekranie Widżet.

Kolory

W sekcji Wygląd dostępne są dwa pola koloru:

  • Główny kolor: tło przycisku czatu, nagłówka okna, bąbelków z wiadomościami klienta i przycisku wysyłania. Wpisz wartość heksadecymalną (np. #721CB0) lub użyj próbnika kolorów.
  • Kolor tekstu: kolor napisów wyświetlanych na tle koloru głównego. Wybierz wartość, która zapewni dobry kontrast i czytelność, zwykle biały (#FFFFFF) lub bardzo ciemny.

W tej samej sekcji są też ustawienia motywu, czcionki i stopki „Powered by Fibly AI", opisane w artykule Personalizacja widgetu.

Przycisk czatu

Sekcja Przycisk decyduje o przycisku, którym odwiedzający otwierają czat.

  • Zawartość przycisku: wybierz Ikona, aby pokazać jedną z wbudowanych ikon (wybieraną w polu Ikona przycisku), albo Obraz, aby przesłać własny Awatar: PNG, JPEG lub WebP, do 5 MB. Po przesłaniu możesz przyciąć obraz do koła. Ikona lub awatar pojawia się też w nagłówku czatu i przy wiadomościach bota.
  • Położenie: róg ekranu, w którym stoi przycisk: Prawy dolny róg (domyślnie), Lewy dolny róg, Prawy górny róg lub Lewy górny róg.
  • Odstęp poziomy (px) i Odstęp pionowy (px): odległość przycisku od krawędzi ekranu, od 0 do 200 pikseli. Domyślnie 16.
  • Wyświetlanie na urządzeniach mobilnych: jak otwarte okno czatu wygląda na telefonach. Pełny ekran (domyślnie) zajmuje cały ekran; Pływające pokazuje panel odsunięty od krawędzi, z widoczną w tle Twoją stroną.

Tekst przycisku

Pole Tekst przycisku, w sekcji Teksty i wiadomości, ustawia napis widoczny obok ikony na zwiniętym przycisku czatu, np. „Pomoc 24/7" albo nazwę Twojego asystenta. Pozostaw je puste, aby wyświetlić przycisk z samą ikoną. Tekst może mieć do 64 znaków, ale najlepiej wygląda krótki.

Tytuł okna czatu

Pole Tytuł okna czatu, w tej samej sekcji, ustawia napis widoczny w nagłówku rozwiniętego okna rozmowy. Może to być np. nazwa Twojej firmy („Czat ze sklepem Czarna Strzała") albo nazwa wirtualnego asystenta („Asia, asystentka Fibly").

Podgląd na żywo

Obok ustawień widzisz podgląd widgetu, który aktualizuje się w czasie rzeczywistym, jeszcze przed zapisaniem. Na szerokich ekranach jest po prawej stronie; na węższych kliknij Pokaż podgląd, aby wyświetlić go nad ustawieniami.

Co dalej

Gdy wygląd jest dopracowany, ustaw powiadomienie powitalne wyświetlane na początku każdej rozmowy.