Strona startowa czatu: powitanie, logo, kafelki i zakładki

Strona startowa to pierwsze, co odwiedzający widzi po otwarciu czatu: powitanie, twoje logo, kolorowy nagłówek i do dziesięciu kafelków. Pod spodem przełącza się między zakładkami Start, Wiadomości i Pomoc. Bez strony startowej czat otwiera się od razu w rozmowie.

Ustawienia znajdziesz pod /app/projects/{id} w zakładce Wygląd, sekcja Ekran startowy widgetu.

Podgląd na żywo

Obok formularza działa prawdziwy widget, zasilany twoimi danymi. To, co wpisujesz, od razu pojawia się w podglądzie. Nic jeszcze przez to nie jest zapisane – zmianę przejmuje dopiero przycisk Zapisz. Po zapisaniu mija do minuty, zanim zobaczą ją twoi odwiedzający.

W podglądzie brakuje zakładki Pomoc: zależy ona od opublikowanych artykułów twojego centrum pomocy, które widget pobiera z twojej własnej domeny. Na twojej stronie ta zakładka jest.

Przełączniki

• Pokaż ekran startowy – wyłączone (domyślnie): czat otwiera się od razu w rozmowie i nie ma paska zakładek. Włączone: czat zaczyna się na stronie startowej.
• Pokaż zakładkę Pomoc – pokazuje opublikowane artykuły twojego centrum pomocy wraz z wyszukiwaniem. Zakładka pojawia się tylko wtedy, gdy centrum pomocy ma adres i opublikowany jest co najmniej jeden artykuł. Jak skonfigurować centrum pomocy, opisuje Podręcznik produktu.
• Pokaż ostatnią wiadomość na ekranie startowym – włączone (domyślnie): powracający odwiedzający widzą, gdzie skończyli, i wracają do rozmowy jednym kliknięciem.
• Pokaż przycisk „Porozmawiaj z zespołem” pod polem wiadomości – włączone (domyślnie). Przycisk pojawia się, dopóki odpowiada asystent AI. Gdy nikogo z twojego zespołu nie ma online, nazywa się „Zostaw wiadomość zespołowi”.

Logo, kolory i powitanie

• Logo na ekranie startowym – adres zaczynający się od https:// albo obraz jako data:image/…. Najwyżej 255 znaków. Puste pole oznacza brak logo i wtedy widać samo powitanie.
• Gradient nagłówka, od i do – dwa kolory kolorowego nagłówka strony startowej. Bez wartości widget użyje koloru twojej marki (zob. Kolory, czcionka i motyw).
• Powitanie – duży wiersz na górze. Puste pole oznacza nasz przetłumaczony tekst („Cześć 👋”).
• Wiersz poniżej – mniejszy wiersz. Puste pole oznacza „Jak możemy pomóc?” w języku odwiedzającego.

Powitanie, wiersz poniżej i teksty kafelków piszesz w języku domyślnym projektu (Instalacja → Podstawy). Najwyżej 400 znaków na tekst. Nie ma dla nich osobnego tłumaczenia na każdy język: to, co wpiszesz, zobaczą też odwiedzający, u których widget działa w innym języku. Dlatego napisz stronę startową w języku, który czyta większość twoich odwiedzających. Jeśli zostawisz puste powitanie albo wiersz poniżej, pojawi się nasz tekst w języku odwiedzającego.

Jak wygląda nagłówek (gradient, płaski albo szkło) i jak gęsta jest strona startowa, ustawisz w Wygląd → Marka → Styl, zob. Okno czatu: styl, rozmiar i panel boczny.

Kafelki

Kafelki to duże przyciski na stronie startowej. Możesz dodać do dziesięciu. Kafelek bez nagłówka nie jest pokazywany – tak też go usuniesz: wyczyść nagłówek i zapisz.

Każdy kafelek ma:

• Zachowanie – co robi kliknięcie:
• przejdź do rozmowy – otwiera rozmowę. Jeśli w polu Cel jest zdanie, zostaje ono wpisane odwiedzającemu w pole wiadomości. Nie zostaje wysłane.
• otwórz link – otwiera adres z pola Cel. Musi zaczynać się od https://, inaczej nic nie zostanie zapisane.
• otwórz Pomoc – przechodzi do zakładki Pomoc.
• zostaw wiadomość – otwiera formularz wiadomości wysyłanej e-mailem.
• Nagłówek – wymagany, inaczej kafelek się nie pojawi.
• Wiersz poniżej – opcjonalny.
• Cel – zależnie od zachowania adres albo gotowe zdanie, najwyżej 200 znaków.

Cała strona startowa (kafelki, teksty i karta promocyjna razem) może mieć przy zapisie najwyżej 16 KB. Dziesięć kafelków z nagłówkiem i drugim wierszem mieści się w tym z dużym zapasem. Jeśli będzie tego za dużo, konto poda powód, zamiast po cichu coś pominąć.

Karta promocyjna

Na stronie startowej i/lub na górze rozmowy możesz pokazać kartę z własną ofertą, np. z twoim płatnym planem. Znajdziesz ją w Wygląd → Karta promocyjna, a opisuje ją osobna instrukcja: Karta promocyjna w czacie. Aby użyć miejsca „Na stronie startowej”, strona startowa musi być włączona.

Wybór zakładki przy otwarciu

Którą zakładkę widać po otwarciu, możesz ustalić dla każdego linku albo wywołania – przez data-rc-tab albo opcję tab:

<a href="#rc-open" data-rc-tab="help">Przeglądaj artykuły pomocy</a>

ReactiveChat('open', { tab: 'home' });

Dozwolone są home (strona startowa), msg (rozmowa) i help (pomoc). Jeśli danej zakładki nie ma, czat otwiera się jak zwykle. Więcej w Otwieranie czatu własnym linkiem lub przyciskiem.

Gdy czegoś nie widać

• Brak paska zakładek: czy Pokaż ekran startowy jest zaznaczone i zapisane?
• Brak zakładki Pomoc: czy twoje centrum pomocy ma adres i co najmniej jeden opublikowany artykuł?
• Brakuje kafelka: czy ma nagłówek?
• Brakuje logo: czy adres zaczyna się od https:// albo data:image/?

Teksty zakładek („Start”, „Wiadomości”, „Pomoc”) i wbudowanych kafelków zmienisz w Teksty i języki.