Dostosowanie

Tutaj znajdziesz wszystko, co możesz ustawić w reactive.chat: jak wygląda widget, co mówi, kiedy zaczepia odwiedzających i jak odpowiada asystent AI. Przy każdym ustawieniu podajemy, gdzie znajdziesz je w koncie, jakie przyjmuje wartości i – tam, gdzie to możliwe – jak ustawić je w kodzie dla pojedynczych stron.

Jak osadzić widget i jak działa całe API JavaScript, opisuje Integracja techniczna. Jak korzystać z reactive.chat na co dzień, znajdziesz w Podręczniku produktu.

Gdzie są ustawienia

Prawie wszystko ustawiasz na stronie swojego projektu: /app/projects/{id}. Ma ona siedem zakładek:

• Instalacja – fragment osadzenia, nazwa, domena, schemat kolorów, język domyślny, dostępność, prowadzony przepływ
• Wygląd – marka (kolory, przycisk czatu, styl, okno, własny CSS), strona startowa, karta promocyjna, informacja o reactive.chat
• Teksty i formularze – formularz wstępny, własne teksty, przewodniki po produkcie, gotowe odpowiedzi
• AI i wiedza – asystent, przebieg, zablokowane obszary, produkty
• Reguły i obsługa – dymki i akcje czasowe, cele odpowiedzi i cele obsługi, powiadomienie e-mail, historia rozmowy e-mailem
• Prywatność – zgoda, wycofanie zgody, usuwanie, przechowywanie
• Archiwizacja

Do tego dochodzą osobne strony pod /app/projects/{id}/…, np. dla Smart Answer, pamięci, wersji, przebiegów testowych, automatyzacji i kampanii, a także testy A/B pod /app/ab.

Zmiany w koncie docierają do twoich odwiedzających zwykle w ciągu minuty. Podgląd na stronie projektu pokazuje prawdziwy widget z twoimi ustawieniami, zanim jeszcze zapiszesz.

W koncie czy w kodzie?

Ustawienia w koncie obowiązują na wszystkich stronach twojego projektu. W kodzie (atrybuty we fragmencie osadzenia albo wywołania ReactiveChat(…)) dostosujesz pojedynczą stronę, np. stronę kampanii, albo ustawisz rzeczy, dla których konto nie ma pola, jak pozycja przycisku czatu.

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-position="left"
        data-rc-strings='{"input.placeholder":"Twoje pytanie …"}'
        async></script>

Co wygrywa, gdy ustawione jest jedno i drugie, opisujemy przy każdym ustawieniu. Ogólna zasada: teksty i motyw ustawione w kodzie mają pierwszeństwo przed kontem. Przy marce fragment osadzenia wygrywa z kontem tylko wtedy, gdy zawiera coś więcej niż kolor startowy.

Rozdziały

1. Kolory, czcionka i motyw – kolor marki, powierzchnie, ochrona kontrastu, jasny/ciemny, asystent projektowania, własny CSS, logo w nagłówku
2. Przycisk czatu – kształt, rozmiar, ikona, etykieta, wyświetlanie, pozycja, omijanie pasków, czat bez przycisku
3. Okno czatu – styl, rozmiar okna, panel boczny, tło, rozmiar czcionki, nagłówek, telefon
4. Teksty i języki – rozpoznawanie języka, język domyślny, własne teksty, teksty w kodzie
5. Strona startowa czatu – powitanie, logo, kafelki, zakładka Pomoc, karta promocyjna
6. Dostępność, formularze i obsługa – godziny pracy, formularz offline, formularz wstępny, prowadzony przepływ, historia rozmowy e-mailem, załączniki
7. Wiadomości proaktywne – dymki, wiadomości czasowe, reguły jako JSON, dymki w kodzie, kampanie
8. Przewodniki po produkcie i „Pokaż mi”
9. Testy A/B – testowanie wariantów przycisku czatu, okna i tekstów (beta)
10. Asystent AI – imię, ton, zakres tematyczny, przekazanie, pamięć, wersje, przebiegi testowe
11. Wiedza i źródła – przebieg, zablokowane obszary, pliki, zatwierdzenia, poprawione odpowiedzi
12. Smart Answer – odpowiedzi AI pod polem wyszukiwania na twojej stronie
13. Ochrona danych i zgoda – zgoda, usuwanie, przechowywanie, baner cookies
14. Zespół, konsola i powiadomienia – gotowe odpowiedzi, polecenia, cele obsługi, automatyzacja, powiadomienia
15. Plany, funkcje beta i pomoc w konfiguracji

Powiązane instrukcje

• Osadzenie widgetu
• Otwieranie czatu własnym linkiem lub przyciskiem
• Karta promocyjna w czacie
• Automatyczne osadzanie tekstu o prywatności
• Własna domena (first-party)
• Szczegóły techniczne

Wszystkie części dokumentacji w skrócie: Dokumentacja.