Ugrás a fő tartalomra

Haladó: a chat box pozíciója a JavaScript API-val

Szabályozza a chat box pozícióját kódból, akár eltérő asztali és mobil pozíciókkal.

A Smartsupp JavaScript API-ja pontos kontrollt ad a fejlesztőknek afölött, hol jelenjen meg a chat widget a weboldalon. Ez az útmutató bemutatja, hogyan állítható be a chat box pozíciója kódból — akár eltérő pozíciókkal asztali gépre és mobilra.

Haladó: pozíció a JavaScript API-n keresztül

🟡 Megjegyzés: A pozíció API-n keresztüli módosítása az PLUS csomagot és a webhely kódjához való fejlesztői hozzáférést igényli.

A Smartsupp JavaScript API pontosabb vezérlést ad a fejlesztőknek a chat widget felett. Beállíthat például különböző pozíciókat asztali gépre és mobilra:

<script>
// Desktop position
smartsupp('chat:position', { bottom: 20, right: 20 });

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

A megvalósításhoz:

  1. Nyissa meg webhelye kódját, és keresse meg a Smartsupp telepítési szkriptet.

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

  3. Állítsa be a bottom és right értékeket az asztali és mobil megjelenéshez igazítva.

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

💡 Tipp: A teljes vezérléshez létrehozhatja saját gombját, és a chat widgetet teljes egészében a JavaScript API-n keresztül kezelheti.


Hogyan tovább?

💡 További segítségre van szüksége? Forduljon támogatási csapatunkhoz — szívesen segítünk!

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