Razvojni programeri mogu precizno odrediti gdje će se chat prozor prikazivati tako što će dodati nekoliko konfiguracijskih opcija u kod za instalaciju Smartsuppa. Ovaj vodič prikazuje kako premjestiti chat prozor na lijevu stranu, odmaknuti ga od zadane pozicije, koristiti različitu poziciju na mobilnim uređajima ili ga sakriti na mobilnim uređajima.
Napredno: pozicija u instalacijskom kodu
🟡 Napomena: Bit će potrebno imati pristup kodu vaše web stranice kao programer. Pomicanje chat prozora na lijevu stranu zahtijeva plan Solo ili viši.
Dodajte opcije u konfiguracijski dio instalacijskog koda: odmah nakon retka s _smartsupp.key i prije učitavača (dijela koji počinje s window.smartsupp||). Chat prozor ih učitava, pa moraju biti postavljene prije pokretanja učitavača.
Premjestiti chat prozor na lijevu stranu:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...ostatak instalacijskog koda (učitavač)</script>Pomicati chat prozor izvan zadane pozicije (vrijednosti u pikselima):
_smartsupp.offsetX = 20; // pomiče od ruba stranice _smartsupp.offsetY = 100; // pomiče prema gore od donjeg ruba
Koristiti drugu poziciju samo na mobilnim uređajima:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...ostatak instalacijskog koda (učitavač)</script>Sakriti chat prozor samo na mobilnim uređajima (ostaje vidljiv na desktopu, dostupno na svim planovima):
_smartsupp.hideMobileWidget = true;
Za implementaciju:
Otvorite kod vaše web stranice i pronađite Smartsupp instalacijski skript.
Dodajte željene opcije odmah nakon retka s
_smartsupp.key, prije učitavača.Prilagodite vrijednosti prema svom dizajnu.
Spremite promjene i ponovno učitajte web stranicu u anonimnom ili privatnom prozoru kako biste provjerili novu poziciju. Provjerite i mobilnu verziju na telefonu.
💡 Savjet: Naredbe poput smartsupp('chat:position', ...) nisu podržane. Chat prozor ih zanemaruje i konzola vašeg preglednika prikazuje "Unknown API command". Sve konfiguracijske opcije pogledajte u dokumentaciji za programere.
Što dalje?
💡 Trebate još pomoći? Kontaktirajte naš tim za podršku — rado ćemo vam pomoći!