Prijeđite na glavni sadržaj

Napredno: postavljanje pozicije chat prozora putem JavaScript API-ja

Upravljajte pozicijom chat prozora izravno u kodu, uključujući odvojene postavke za desktop i mobilne uređaje.

Napisao/la Michal Jindra

Razvojni inženjeri mogu točno odrediti gdje će se chat prozor prikazivati na stranici dodavanjem nekoliko opcija u Smartsupp instalacijski kôd. Ovaj vodič objašnjava kako postaviti chat prozor na lijevu stranu, prilagoditi njegovu poziciju i odabrati drugu poziciju za mobilne uređaje.

Napredno: pozicija u instalacijskom kodu

🟡 Napomena: Za izmjene u kodu potreban vam je pristup programera. Da biste chat prozor postavili na lijevu stranu, potreban je plan Solo ili viši.

Dodajte željene opcije u konfiguracijski dio instalacijskog koda: odmah iza linije _smartsupp.key i prije učitavača (dijela koji počinje s window.smartsupp||). Chat prozor koristi te postavke prilikom učitavanja, stoga ih treba upisati prije učitavača.

Postavite chat prozor na lijevu stranu:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...ostatak vašeg instalacijskog koda (učitavač)</script>

Podesite chat prozor na prilagođenu udaljenost od ruba (vrijednosti su u pikselima):

_smartsupp.offsetX = 20;  // pomiče ga udaljeno od lijevog ruba_smartsupp.offsetY = 100; // podiže ga prema gore od donjeg ruba

Postavite drugačiju poziciju samo za mobilne uređaje:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) {  _smartsupp.offsetY = 150;}// ...ostatak vašeg instalacijskog koda (učitavač)</script>

Za postavljanje:

  1. Otvorite izvorni kôd svoje web stranice i pronađite Smartsupp instalacijski skript.

  2. Dodajte potrebne opcije odmah nakon linije s _smartsupp.key, ispred učitavača.

  3. Prilagodite vrijednosti prema izgledu svoje stranice.

  4. Spremite izmjene i učitajte web stranicu u inkognito ili privatnom prozoru kako biste provjerili novu poziciju. Provjerite i prikaz na mobilnim uređajima.

💡 Savjet: Funkcije poput smartsupp('chat:position', ...) nisu podržane. Chat prozor ih ignorira i vaša konzola preglednika prikazuje "Unknown API command". Kompletnu listu konfiguracijskih opcija pronađite u dokumentaciji za programere.


Što dalje?

💡 Trebate dodatnu pomoć? Obratite se našem timu za podršku — rado ćemo vam pomoći!

Jesmo li odgovorili na vaše pitanje?