Czat na wielu stronach o różnych kolorach
 

Czy możliwe jest umieszczenie tego samego czatu na wielu stronach?

Tak, jedno konto może obsłużyć wiele stron. Wystarczy ten sam kod czatu umieścić na wszystkich stronach. Pozwala to na obsługę klientów z różnych stron przez tych samych konsultantów. Dla stron, które róznią się wyglądem można zastosować specjalne ustawienia by dostosować do nich kolorystykę czatu i zachować spójność. Służą do tego style CSS.

Własne CSS


W jaki sposób dopasować kolorystykę czatu do strony?

W sekcji ustawień indywidualnego wyglądu należy dodać kod CSS.

Standardowo style, które zostaną wpisane zostaną dodane do wszystkich czatów. Czyli pojawią się na wszystkich stronach, gdzie jest dodany ten sam kod czatu. Jeżeli styl ma być dodany tylko do jednego z wielu czatów należy wyłączyć opcję „Dołącz automatycznie do wszystkich czatów”. Pojawi się informacja o konieczności umiesczenia w kodzie czatu dodatkowego parametru, który spowoduje wyświetlanie dodanego stylu.

Indywidualny wygląd


Przykład domyślnego kodu czatu:

domyślny kod czatu
domyślny wygląd czatu



W ustawieniach indywidualnego wyglądu został dopisany kod CSS. Do kodu strony dopisaliśmy wygenerowany fragment css_template. Po zmianie kod wygląda następująco:

zmodyfikowany kod czatu
zmodyfikowany wygląd czatu



CSS czatu związane z kolorystyką:
  • Nagłówek
    .czater-header { background-color: red !important; }
  • Klawisz czatu
    .czater-button { background-color: red; color: white; }
  • Zaproszenie do rozmowy
    #e3D18r_czater #czater-contener #teaser { background: red !important; color: white; }
    #teaser::after { border-color: transparent red; }
  • Stopka
    .czater-submit { background: red; }
  • Słuchawka
    #czatercall-button-body #czatercall-button { background: red!important; } #czatercall-button-body #czatercall-button:before { background: red!important; }
W zaprezentowanym wyżej przykładzie użyliśmy koloru czeronego (red) dla każdego z elementów. Oczywiście można użyć dowolnych kolorów.

Twoja opinia:

Podpis:

Adres email:
(nie będzie opublikowany)

Twoja ocena:

Twój komentarz zostanie dodany po zakceptowaniu przez moderacje.