Siirry pääsisältöön

Tarkennettu: chat-ikkunan sijainti JavaScript API:n kautta

Hallinnoi chat-ikkunan sijaintia koodissa — voit asettaa eri paikan työpöydälle ja mobiiliin.

Tekijä: Michal Jindra

Kehittäjät voivat säätää tarkasti, mihin chat-ikkuna ilmestyy lisäämällä muutaman asetuksen Smartsupp-asennuskoodiinsa. Tässä oppaassa näytetään, miten chat-ikkunan saa vasemmalle, siirretään pois oletussijainnista tai asetetaan eri paikka mobiililaitteelle.

Tarkennettu: sijainti asennuskoodissa

🟡 Huom: Sinulla pitää olla kehittäjäoikeudet verkkosivustosi koodiin. Chat-ikkunan siirto vasemmalle onnistuu vain Solo-paketilla tai sitä laajemmilla paketeilla.

Lisää asetukset Smartsupp-asennuskoodin asetukset-osioon: heti rivin _smartsupp.key jälkeen ennen lataajaa (osio, joka alkaa window.smartsupp||). Chat-ikkuna ottaa asetukset käyttöön jo latautuessaan, joten niiden täytyy olla paikallaan ennen kuin lataaja käynnistyy.

Siirrä chat-ikkuna vasemmalle puolelle:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...loput asennuskoodistasi (lataaja)</script>

Siirrä chat-ikkuna pois oletussijainnista (arvot pikseleinä):

_smartsupp.offsetX = 20;  // siirtää etäämmälle sivun reunasta
_smartsupp.offsetY = 100; // siirtää ylemmäs alareunasta

Käytä eri sijaintia vain mobiililaitteella:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) {  _smartsupp.offsetY = 150;}// ...loput asennuskoodistasi (lataaja)</script>

Toimi näin:

  1. Avaa verkkosivustosi koodi ja etsi Smartsuppin asennusskripti.

  2. Lisää haluamasi asetukset heti _smartsupp.key -rivin jälkeen ennen lataajaa.

  3. Säädä arvot sellaisiksi, kuin haluat chat-ikkunan sijoittuvan.

  4. Tallenna ja päivitä sivu incognito- tai yksityisikkunassa — tarkista chat-ikkunan uusi sijainti. Muista tarkistaa myös puhelimella, miltä mobiiliversio näyttää.

💡 Vinkki: Komennot kuten smartsupp('chat:position', ...) eivät toimi. Chat-ikkuna ohittaa nämä ja selainkonsoliin tulee ilmoitus "Unknown API command". Kaikki mahdolliset asetusvaihtoehdot löydät kehittäjädokumentaatiosta.


Mitä seuraavaksi?

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

Vastasiko tämä kysymykseesi?