Dezvoltatorii au posibilitatea să stabilească exact unde apare fereastra de chat prin adăugarea unor opțiuni de configurare în codul de instalare Smartsupp. Acest ghid vă arată cum să poziționați fereastra de chat în partea stângă, să o distanțați de poziția implicită, să folosiți o poziție distinctă pe mobil sau să o ascundeți pe dispozitivele mobile.
Avansat: setarea poziției în codul de instalare
🟡 Notă: Aveți nevoie de acces de dezvoltator la codul site-ului dvs. Afișarea ferestrei de chat în partea stângă este disponibilă pentru planul Solo sau superior.
Introduceți opțiunile dorite în zona de configurare a codului de instalare: după linia cu _smartsupp.key și înainte de loader (partea care începe cu window.smartsupp||). Fereastra de chat va folosi aceste opțiuni la încărcare, deci ele trebuie adăugate înainte de execuția loaderului.
Poziționarea ferestrei de chat în partea stângă:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...restul codului dvs. de instalare (loaderul)</script>Distanțarea ferestrei de chat față de poziția implicită (valorile sunt exprimate în pixeli):
_smartsupp.offsetX = 20; // distanțează față de marginea laterală_smartsupp.offsetY = 100; // ridică față de marginea de jos
Setarea unei poziții diferite doar pe mobil:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...restul codului dvs. de instalare (loaderul)</script>Ascunderea ferestrei de chat doar pe mobil (rămâne vizibilă pe desktop, disponibilă pe toate planurile):
_smartsupp.hideMobileWidget = true;
Pentru implementare:
Deschideți codul site-ului și localizați scriptul de instalare Smartsupp.
Adăugați opțiunile dorite imediat după linia
_smartsupp.key, înainte de loader.Ajustați valorile astfel încât să se potrivească designului dvs.
Salvați modificările și reîncărcați site-ul într-o fereastră incognito sau privată ca să verificați noua poziție. Nu uitați să testați și varianta mobilă pe un telefon.
💡 Sfat: Comenzi precum smartsupp('chat:position', ...) nu sunt acceptate. Acestea sunt ignorate de fereastra de chat, iar în consola browserului dvs. va apărea mesajul "Unknown API command". Pentru toate opțiunile de configurare, consultați documentația pentru dezvoltatori.
Ce urmează?
💡 Aveți nevoie de ajutor suplimentar? Contactați echipa noastră de asistență — suntem bucuroși să vă sprijinim!