Konfiguracja wyglądu asystenta
Zakładka Projekt czatu pozwala w pełni dostosować wygląd widżetu czatu, aby zapewnić jego płynną integrację z brandingiem Twojego sklepu.
Podstawowa tożsamość i pozycjonowanie
Tożsamość: Możesz zdefiniować „Nazwę asystenta” (np. „Asystent AI”), która pojawia się w nagłówku, oraz opcjonalnie podać „Adres URL awatara asystenta”, aby wyświetlić niestandardowe logo lub obraz obok nazwy.
Pozycjonowanie: Użyj listy rozwijanej “Pozycja na ekranie”, aby wybrać, gdzie widget zadokuje w Twoim sklepie (zazwyczaj Prawy dolny róg).
Układ i wymiary
Masz precyzyjną kontrolę nad fizycznym rozmiarem i kształtem interfejsu czatu, używając jednostek pikseli (px), wysokości widoku (vh) lub rem:
Dostosuj ogólną “Szerokość czatu” (np. 400px) i “Maksymalną wysokość czatu” (np. 50vh).
Dopasuj odstępy za pomocą “Wewnętrznego marginesu wiadomości” i dostosuj krzywiznę interfejsu za pomocą kontrolek promienia, takich jak “Promień kontenera wiadomości” (18px) i “Promień okna czatu” (12px).
Kontroluj rozmiar typografii za pomocą ustawień “Rozmiar czcionki czatu”, “Rozmiar tekstu nagłówka czatu” i “Rozmiar ikony nagłówka czatu”.
Kolory motywu
Interfejs udostępnia rozbudowane selektory kodu hex do modyfikowania każdego pojedynczego elementu okna czatu.
Tła: Dostosuj główne “Tło czatu” (#FFFFFF), “Tło wiadomości klienta” oraz “Tło wiadomości asystenta” (#000000). Możesz także zabarwić określone sekcje, takie jak “Tło pola tekstowego powitania” lub “Kolor tła FAQ” (#F9FAFB).
Obramowania: Zdefiniuj subtelne kontury dla pola wiadomości, pól FAQ i linków, aby uzyskać spójny wygląd.
Często zadawane pytania
Zakładka FAQ pozwala tworzyć wstępnie napisane pytania, które pojawiają się, zanim użytkownik wpisze swoją pierwszą wiadomość. Pomaga to natychmiast rozwiązać typowe pytania bez konieczności generowania przez AI.
Kliknij “+ Dodaj FAQ”, aby utworzyć nowy wpis.
Dla każdego wpisu wprowadź typowe “Pytanie” (np. “Czy możesz wysłać produkt do USA?”) i sformatuj statyczną “Odpowiedź” za pomocą edytora tekstu sformatowanego (pogrubienie, kursywa, podkreślenie, przekreślenie).
Możesz przeciągnąć i upuścić, aby zmienić kolejność pytań, lub użyć ikon ołówka i kosza, aby je edytować lub usunąć.
Szybkie linki
Karta Linki pozwala dodawać bezpośrednie przyciski nawigacyjne na dole ekranu powitalnego czatu. Jest to idealne rozwiązanie do kierowania użytkowników do alternatywnych kanałów wsparcia lub ważnych stron sklepu.
Układ siatki: Najpierw zdefiniuj sposób wyświetlania linków, wybierając liczbę “Kolumny siatki” (np. ustawienie 3 spowoduje wyświetlenie ich w poziomym rzędzie).
Dodawanie linków: Kliknij “+ Dodaj link”, aby utworzyć nowy przycisk. Podaj “Tytuł linku” (np. “WhatsApp” lub “Mail”) i wprowadź dokładny “Adres URL linku” (używając standardowych formatów, takich jak mailto: dla e-maili lub bezpośrednich numerów telefonów).
Ikony: Możesz wybrać z wbudowanej biblioteki ikon wektorowych (takich jak koperta, telefon, globus lub kalendarz), aby wizualnie przedstawić link. Alternatywnie możesz użyć przycisku “Wybierz plik” w sekcji “Niestandardowy obraz”, aby przesłać własną ikonę.
Gotowy sprzedawać więcej na Shopify?
Zainstaluj Liliwi w swoim sklepie Shopify i otrzymaj bezpłatną konfigurację od naszego zespołu.
Korzystaj z pełnego zakresu usług już od 1 $.