Siirry pääsisältöön

Edistynyt käyttö: chat-ikkunan sijainti JavaScript-API:n kautta

Hallitse chat-ikkunan sijaintia koodissa ja määritä eri sijainnit tietokoneelle ja mobiililaitteelle.

Tekijä: Michal Jindra

Smartsuppin JavaScript-API antaa kehittäjille mahdollisuuden hallita tarkasti, missä chat-widget näkyy verkkosivustollasi. Tässä oppaassa näytetään, miten chat-ikkunan sijainti määritetään koodissa — myös eri sijainnit tietokoneelle ja mobiililaitteelle.

Edistynyt käyttö: sijainti JavaScript-API:n kautta

🟡 Huomautus: Sijainnin muuttaminen API:n kautta edellyttää Plus -pakettia ja kehittäjän pääsyä verkkosivustosi koodiin.

Smartsuppin JavaScript-API antaa kehittäjille mahdollisuuden hallita chat-widgetiä tarkemmin. Voit esimerkiksi määrittää eri sijainnit tietokoneelle ja mobiililaitteelle:

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

Toteuta näin:

  1. Avaa verkkosivustosi koodi ja etsi Smartsuppin asennusskripti.

  2. Liitä yllä oleva koodikatkelma suoraan Smartsupp-skriptin alapuolelle.

  3. Muokkaa bottom Ja right -arvoja muotoiluusi sopiviksi sekä tietokoneella että mobiililaitteella.

  4. Tallenna muutokset ja päivitä verkkosivustosi incognito- tai yksityisessä ikkunassa tarkistaaksesi uudet sijainnit.

💡 Vinkki: Jos haluat hallita chat-widgetiä täysin, voit luoda oman painikkeen ja hallita widgetiä kokonaan JavaScript-API:n kautta.


Mitä seuraavaksi?

💡 Tarvitsetko lisää apua? Ota yhteyttä Tukitiimiimme — autamme mielellämme!

Vastasiko tämä kysymykseesi?