Hvordan kan vi hjelpe?

Fortell kort hva det gjelder – vi svarer på e-post.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Til startsiden

Przycisk czatu: kształt, rozmiar, ikona, etykieta i pozycja

Przycisk, którym odwiedzający otwierają czat: kształt, rozmiar na komputerze i na telefonie, ikona, etykieta z drugą linią, wyświetlanie, 20 wzorów, pozycja i omijanie pasków.

Przycisk czatu to przycisk w dolnym rogu ekranu, którym odwiedzający otwierają czat. Ustawiasz go pod /app/projects/{id} w zakładce Wygląd, sekcja Marka. Podgląd na żywo Tak wygląda przycisk od razu pokazuje każdą zmianę. Zapisujesz przyciskiem Zapisz, a zmiana dociera do twoich odwiedzających w ciągu minuty.

Kolor przycisku czatu to twój kolor główny, zob. Kolory, czcionka i motyw.

Wzory przycisku

20 gotowych zestawień, na przykład „Wirtualny asystent – Odpowiadamy w 2 min”, „Masz pytanie?”, „Obsługa klienta – Pn–Pt 8–18” albo „Asystent AI – Odpowiedź w kilka sekund”. Jedno kliknięcie ustawia kształt, ikonę, etykietę, drugą linię, wyświetlanie i rozmiar. Twoje kolory zostają, a zapis następuje dopiero po kliknięciu Zapisz. Potem dopasuj teksty.

Pola

Etykieta w każdym języku

Etykieta i druga linia z formularza obowiązują w każdym języku. Jeśli chcesz, żeby różniły się w zależności od języka, wpisz je w sekcji Teksty i formularze → Własne teksty pod kluczami launcher.text i launcher.subtext. Wpis tam ma pierwszeństwo przed polami tutaj. Więcej w Teksty i języki.

Czat całkiem bez przycisku

Przy wyświetlaniu Tylko przez własne linki (bez ikony czatu) przycisk czatu się nie pojawia. Odwiedzający otwierają czat twoimi własnymi linkami albo przyciskami:

<a href="#rc-open">Pomoc i wsparcie</a>

Umieść co najmniej jeden taki link na każdej stronie, na której czat ma być dostępny. Potem skopiuj ponownie fragment osadzenia z zakładki Instalacja: nowy nie zawiera już koloru marki, więc przycisk czatu nie mignie podczas ładowania.

Dopóki widget nie pobierze twojego ustawienia z serwera, np. bez połączenia albo przy pierwszej wizycie przed zgodą na cookies, przycisk czatu dla bezpieczeństwa i tak się pojawi. Jeśli nie może pojawić się w żadnym wypadku, dodaj we fragmencie osadzenia:

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-hide-launcher="true"
        async></script>

data-rc-hide-launcher działa zawsze, niezależnie od konta. Bez przycisku czatu nie ma też dymków przy przycisku. Wszystkie możliwości otwierania czatu własnymi elementami, z gotowym tekstem i wyborem zakładki, opisuje Otwieranie czatu własnym linkiem lub przyciskiem.

Zamiast linku możesz też zrobić wyzwalacz z istniejącego elementu twojej strony. data-rc-launcher-selector przyjmuje selektor CSS:

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-hide-launcher="true"
        data-rc-launcher-selector="#hilfe-knopf"
        async></script>

Pozycja i odstęp

Stronę, odstęp i warstwę ustawiasz we fragmencie osadzenia. Konto nie ma na to pola.

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-position="left"
        data-rc-offset='{"x":24,"y":96}'
        async></script>

Te same pola działają też jako position, offset i zIndex przez window.ReactiveChatSettings albo ReactiveChat('boot', …). Zob. Integracja techniczna.

Omijanie pasków

Jeśli twoja strona ma przypięty pasek przy dolnej krawędzi, np. baner cookies, pasek koszyka albo pasek nawigacji na telefonie, przycisk czatu automatycznie przesuwa się nad niego, z odstępem 12 px. Mierzy ponownie, gdy strona się zmienia. Elementy zajmujące ponad 40% wysokości okna są traktowane jako nakładka. Ich nie omija.

Wyłączysz to we fragmencie osadzenia:

data-rc-avoid-overlap="false"

Przycisk czatu z własną ikoną

Całkiem własną ikonę ustawisz w kodzie przez markę: launcher.icon przyjmuje SVG inline albo adres data: i ma pierwszeństwo przed wybraną ikoną.

ReactiveChat('setBrand', {
  launcher: { shape: 'bubble', label: 'Zapytaj nas', icon: 'data:image/svg+xml,…' }
});

Uwaga: marka z takimi polami we fragmencie osadzenia (data-rc-brand) wygrywa na tej stronie z ustawieniami z konta. Zob. Kolory, czcionka i motyw.

Na telefonie

Poniżej 481 px szerokości (a na telefonach trzymanych poziomo do 480 px wysokości) obowiązuje rozmiar na telefon. Przy wyświetlaniu tylko na dużych ekranach przycisk czatu pokazuje tam samą ikonę. Gdy odwiedzający otworzy czat, okno wypełnia cały ekran, a przycisk czatu się chowa.

Gdy przycisk czatu nie wygląda tak, jak powinien

Sist oppdatert: