Ca dezvoltator, puteți stabili exact unde să apară fereastra de chat introducând câteva opțiuni suplimentare în codul de instalare Smartsupp. Aflați din acest ghid cum puteți plasa fereastra de chat în stânga, cum să îi schimbați poziția față de locația implicită și cum să alegeți o altă poziție pe mobil.
Avansat: poziționarea în codul de instalare
🟡 Notă: Aveți nevoie de acces la codul site-ului dvs., ca dezvoltator. Pentru a muta fereastra de chat în partea stângă este necesar să aveți planul Solo sau superior.
Introduceți opțiunile dorite în secțiunea de configurare a codului de instalare: imediat după linia _smartsupp.key și înainte de loader (fragmentul care începe cu window.smartsupp||). Fereastra de chat citește aceste opțiuni la încărcare, așadar ele trebuie adăugate înainte de rularea loaderului.
Plasarea 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>Mutarea ferestrei de chat față de poziția implicită (valorile sunt în pixeli):
_smartsupp.offsetX = 20; // o apropie/îndepărtează de marginea laterală_smartsupp.offsetY = 100; // o ridică față de marginea de jos
Setați o poziție diferită 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>Pașii de implementare:
Deschideți codul site-ului dvs. și identificați scriptul de instalare Smartsupp.
Introduceți opțiunile necesare 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ă pentru a verifica noua poziționare. Nu uitați să verificați și afișarea pe mobil.
💡 Sfat: Comenzi precum smartsupp('chat:position', ...) nu sunt acceptate; fereastra de chat le va ignora, iar consola browserului dvs. va afișa mesajul "Unknown API command". Pentru lista completă de opțiuni de configurare, consultați documentația pentru dezvoltatori.
Ce urmează?
💡 Aveți nevoie de ajutor suplimentar? Contactați echipa noastră de asistență — vă stăm cu drag la dispoziție!