Mine põhisisu juurde

Täpsem: vestlusakna positsioon JavaScript API-ga

Juhi koodiga, kus vestlusaken kuvatakse — vali erinev asukoht arvutis ja mobiilis.

Autorilt Michal Jindra

Arendajad saavad täpselt määrata, kuhu vestlusaken ilmub, lisades mõned seadistusvalikud oma Smartsuppi paigalduskoodi. See juhend näitab, kuidas vestlusaken vasakule viia, nihutada see vaikimisi positsioonist eemale ning kasutada mobiilis hoopis teist asendit.

Täpsem: positsioon paigalduskoodis

🟡 Märkus: Vaja on arendaja ligipääsu oma veebisaidi koodile. Vestlusakna vasakule viimiseks on vaja Solo või kõrgemat paketti.

Lisa võimalused seadistuse sektsiooni oma paigalduskoodis: kohe pärast _smartsupp.key rida ja enne laadijat (see osa, mis algab window.smartsupp||). Vestlusaken loeb need valikud laadimisel sisse, seega peavad need enne laadija käivitamist olemas olema.

Vestlusakna viimine vasakule küljele:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...ülejäänud sinu paigalduskood (laadija)</script>

Vestlusakna nihutamine vaikimisi positsioonist (väärtused pikslites):

_smartsupp.offsetX = 20;  // nihutab küljest eemalepoole_smartsupp.offsetY = 100; // nihutab altpoolt ülespoole

Kasutada mobiilis erinevat asendit:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) {  _smartsupp.offsetY = 150;}// ...ülejäänud sinu paigalduskood (laadija)</script>

Tee nii:

  1. Ava oma veebisaidi kood ja leia Smartsuppi paigaldusskript.

  2. Lisa vajalikud valikud kohe _smartsupp.key rea järel, enne laadijat.

  3. Pane väärtused paika vastavalt kujundusele.

  4. Salvesta muudatused ja ava veebisait inkognito või privaatses aknas, et uut positsiooni näha. Vaata kindlasti ka mobiilis üle, kuidas asend tundub.

💡 Nipp: Käsud nagu smartsupp('chat:position', ...) ei ole toetatud. Vestlusaken neid ei arvesta ning brauseri konsooli ilmub "Unknown API command". Kõik seadistusvõimalused leiad arendajate dokumentatsioonist.


Mis edasi?

💡 Jäid hätta? Võta ühendust meie meeskonnaga — aitame alati!

Kas see vastas teie küsimusele?