Jak dostosować wygląd Shoply AI Chat

Shoply AI Chat i AI Search oferują ponad 40 opcji dostosowania wyglądu aplikacji.

W tej sekcji poznasz różne opcje dostosowywania dostępne dla Twojego chatbota AI. Możesz spersonalizować jego wygląd, projekt okna czatu i sposób prowadzenia rozmów, aby dopasować je do swojej marki.

Gotowe, aby zacząć? Odwiedź stronę Customize AI Chat w panelu administracyjnym naszej aplikacji, aby rozpocząć dostosowywanie czatu. Po włączeniu Shoply AI Chat w Shopify’s Theme Editor ikona czatu pojawi się w prawym dolnym rogu strony internetowej Twojego sklepu.

Wybór ikony czatu

Wybierz ikonę

Możesz wybrać ikonę czatu spośród 17 różnych predefiniowanych ikon albo przesłać obraz jako własną ikonę czatu.

Kolor i rozmiar ikony czatu

Kolor podstawowy

To główny kolor motywu, używany również jako kolor wyróżnionego tekstu w oknie czatu.

Jeśli na swojej stronie używasz trybu jasnego, wybierz kolor motywu inny niż biały — dzięki temu wyróżniony tekst będzie nadal czytelny na jasnym tle. Jeśli na swojej stronie używasz trybu ciemnego, wybierz kolor motywu inny niż czarny.

Kolor uzupełniający

To kolor uzupełniający, który współgra z kolorem podstawowym i tworzy gradienty (płynne przejścia między dwoma kolorami) dla ikony czatu i nagłówka okna czatu, dzięki czemu ikona czatu wygląda atrakcyjniej i lepiej pasuje do Twojej marki.

Kolor linii ikony

To kolor obrysu ikony czatu.

Czy usunąć kolor tła ikony czatu.

Ta opcja jest często przydatna, jeśli prześlesz obraz jako ikonę czatu i chcesz usunąć kolor tła (kolor podstawowy) ikony czatu.

Czy usunąć cień ikony czatu.

Ta opcja pozwala usunąć efekt cienia ikony czatu, aby uzyskać bardziej płaski i minimalistyczny wygląd. Jest szczególnie przydatna, jeśli Twój sklep ma czystą, nowoczesną estetykę lub jeśli przesłana niestandardowa ikona ma już własny cień albo efekt głębi.

Rozmiar pływającej ikony na komputerze i urządzeniu mobilnym.

Na urządzeniu mobilnym możesz ustawić mniejszy rozmiar ikony czatu, aby nie zasłaniała widoku ekranu telefonu klienta.

Pozycjonowanie ikony czatu

Pozycjonowanie ikony czatu na komputerze i urządzeniu mobilnym.

Z-index ikony czatu:

Użyj wyższej wartości, jeśli chcesz, aby ikona pozostawała przed innymi elementami interfejsu.

Automatyczne ukrywanie ikony czatu na urządzeniu mobilnym

Ukryj ikonę czatu po określonej liczbie sekund na urządzeniach mobilnych.

Ta opcja jest dostępna tylko na urządzeniach mobilnych. Pomaga zapobiec zasłanianiu przez ikonę czatu widoku ekranu telefonu klienta.

Dostosowywanie okna czatu

Po kliknięciu ikony czatu Shoply AI pojawi się okno czatu. Klienci mogą komunikować się z Shoply AI za pośrednictwem tego okna czatu.

W tej sekcji poznasz różne dostępne opcje dostosowywania okna czatu.

Motyw kolorystyczny (tryb ciemny lub jasny) okna czatu

Jeśli wybierzesz tryb ciemny, tło okna czatu będzie czarne, a kolor czcionki — biały. Zalecamy wybranie trybu ciemnego, jeśli motyw Twojego sklepu również jest ciemny.

Szerokość okna czatu na komputerze

Ta opcja dotyczy tylko komputerów. Na urządzeniu mobilnym okno czatu zawsze zajmuje cały ekran.

Wybierz obraz marki i obraz tła

Możesz przesłać własny obraz marki i obraz tła okna czatu albo po prostu pozwolić Shoply AI wygenerować je za Ciebie.

Jeśli zdecydujesz się użyć obrazu wygenerowanego przez AI, Shoply AI wygeneruje obrazy marki i obrazy tła na podstawie opisu Twojego sklepu.

Dostosuj przezroczystość i proporcje obrazu tła okna czatu.

Obrazy tła w oknie czatu mogą sprawić, że znajdujący się na nich tekst będzie nieczytelny. Dlatego domyślnie dodajemy półprzezroczystą warstwę nad obrazem tła.

Czy usunąć logo Shoply AI z paska wprowadzania

Ta opcja pozwala usunąć logo Shoply AI z paska wprowadzania czatu, aby uzyskać czystszy wygląd lepiej dopasowany do marki. Jest szczególnie przydatna, jeśli chcesz zachować spójną tożsamość marki w całym sklepie bez logo firm trzecich lub jeśli wolisz bardziej minimalistyczny interfejs czatu.

Ta opcja jest dostępna tylko w płatnych planach.

Predefiniowane wiadomości dla AI Chat

Możesz również ustawiać lub edytować domyślne wiadomości, które pomagają klientom podczas pierwszego kontaktu z chatbotem. Ponadto możesz skonfigurować opcje tłumaczenia tych wiadomości (więcej szczegółów znajdziesz na tej stronie FAQ).

Wyskakująca wiadomość powitalna (wyświetlana nad ikoną czatu, jeśli nie jest pusta)

Jeśli pozostawisz wiadomość powitalną pustą, nie wyświetlimy jej nad ikoną czatu.

Predefiniowane wiadomości w oknie czatu

Możesz skonfigurować maksymalnie 3 rodzaje predefiniowanych wiadomości w oknie czatu:

1. Pierwsza wiadomość w oknie czatu — to początkowa wiadomość powitalna, która automatycznie pojawia się, gdy klient po raz pierwszy otworzy okno czatu. Użyj jej, aby powitać klientów i nadać rozmowie odpowiedni ton.

2. Maksymalnie 4 pytania początkowe — to klikalne propozycje pytań wyświetlane na początku czatu. Pomagają klientom, udostępniając typowe pytania, które mogą kliknąć, aby rozpocząć rozmowę, co ułatwia im rozpoczęcie korzystania z czatu.

3. Wiadomość zastępcza pola wprowadzania — to tekst podpowiedzi wyświetlany w polu wprowadzania czatu, zanim klient zacznie pisać. Podpowiada, o co klienci mogą zapytać, na przykład „Zapytaj mnie o cokolwiek 🤗” lub „Jak mogę Ci dziś pomóc?”

Zobacz przykład każdego rodzaju predefiniowanych wiadomości: