Siirry pääsisältöön

Tarkennettu: chat-ikkunan sijainti JavaScript API:n avulla

Hallitse chat-ikkunan sijaintia koodissa, myös eri sijainnit työpöydällä ja mobiilissa.

Tekijä: Michal Jindra

Smartsupp JavaScript API antaa kehittäjille tarkan hallinnan siihen, missä chat-widget näkyy verkkosivustollasi. Tämä opas näyttää, miten chat-ikkunan sijainti määritetään koodissa — myös eri sijaintien asettamiseksi työpöydälle ja mobiilille.

Tarkennettu: sijainti JavaScript API:n avulla

🟡 Huom! Sijainnin muuttaminen API:n kautta edellyttää PLUS-pakettia ja kehittäjäoikeuksia verkkosivustosi koodiin.

Smartsupp JavaScript API antaa kehittäjille entistä tarkemman hallinnan chat-widgetiin. Voit esimerkiksi asettaa eri sijainnit työpöydälle ja mobiilille:

<script>// Desktop positionsmartsupp('chat:position', { bottom: 20, right: 20 });// Mobile overrideif (window.innerWidth < 768) {  smartsupp('chat:position', { bottom: 100, right: 10 });}</script>

Näin otat sen käyttöön:

  1. Avaa verkkosivuston koodi ja etsi Smartsuppin asennusskripti.

  2. Liitä yllä oleva koodinpätkä suoraan Smartsupp-skriptin alapuolelle.

  3. Säädä bottom ja right -arvoja designisi mukaan sekä työpöydälle että mobiilille.

  4. Tallenna muutokset ja päivitä verkkosivu incognito- tai yksityisessä ikkunassa varmistaaksesi uudet sijainnit.

💡 Vinkki: Halutessasi täyden hallinnan voit luoda oman painikkeen ja hoitaa chat-widgetin täysin JavaScript API:n avulla.


Mitä seuraavaksi?

💡 Kaipaatko lisää apua? Ota yhteyttä tukitiimiimme — autamme mielellämme!

Vastasiko tämä kysymykseesi?