Ugrás a fő tartalomra

Haladó: a chat doboz pozíciójának beállítása a JavaScript API-val

Állítsa be a chat doboz pozícióját kódban, akár eltérő pozíciókkal asztali gépen és mobileszközön.

Írta: Michal Jindra

A Smartsupp JavaScript API segítségével a fejlesztők pontosan szabályozhatják, hol jelenjen meg a chat widget az Ön weboldalán. Ez az útmutató bemutatja, hogyan állíthatja be a chat doboz pozícióját kódban — akár eltérő pozíciókkal asztali gépen és mobileszközön.

Haladó: a pozíció beállítása a JavaScript API-val

🟡 Megjegyzés: A pozíció API-n keresztüli módosításához a Plus csomag és fejlesztői hozzáférés szükséges az Ön weboldalának kódjához.

A Smartsupp JavaScript API segítségével a fejlesztők pontosabban szabályozhatják a chat widgetet. Például eltérő pozíciókat állíthat be asztali gépre és mobileszközre:

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

A megvalósítás lépései:

  1. Nyissa meg weboldalának kódját, és keresse meg a Smartsupp telepítési szkriptjét.

  2. Illessze be a fenti kódrészletet közvetlenül a Smartsupp szkriptje alá.

  3. Állítsa be a bottom és right értékeket a dizájnnak megfelelően asztali gépre és mobileszközre egyaránt.

  4. Mentse a módosításokat, és frissítse weboldalát egy inkognitó- vagy privát ablakban az új pozíciók ellenőrzéséhez.

💡 Tipp: A teljes körű vezérléshez saját gombot hozhat létre, és a chat widgetet teljes egészében a JavaScript API-n keresztül kezelheti.


Mi a következő lépés?

💡 További segítségre van szüksége? Lépjen kapcsolatba az Ügyfélszolgálati csapatunkkal — örömmel segítünk!

Választ kapott a kérdésére?