Ugrás a fő tartalomra

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

A chat box pozíciójának pontos szabályozása kódban, beleértve az eltérő asztali és mobil elhelyezkedést is.

Írta: Michal Jindra

Fejlesztők pontosan meghatározhatják, hol jelenjen meg a chat box, ha bizonyos konfigurációs beállításokat hozzáadnak a Smartsupp telepítési kódjához. Ez az útmutató bemutatja, hogyan helyezheti bal oldalra a chat boxot, mozdíthatja el az alapértelmezett pozícióból, állíthat be eltérő pozíciót mobilon, vagy rejtheti el mobilon.

Haladó: pozíció a telepítési kódban

🟡 Megjegyzés: Ehhez fejlesztői hozzáférés szükséges weboldala kódjához. A chat box bal oldalra helyezése a Solo csomagtól vagy magasabb csomagban érhető el.

Adja hozzá a beállításokat a telepítési kód konfigurációs részéhez: a _smartsupp.key sor után, de még a loader (amely window.smartsupp||-vel indul) előtt. A chat box akkor tölti be őket, amikor elindul, ezért ezeknek a loader előtt kell szerepelniük.

Chat box bal oldalra helyezése:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...a telepítési kód további része (a loader)</script>

Chat box elmozdítása az alapértelmezett pozíciótól (érték pixelben):

_smartsupp.offsetX = 20;  // távolabb az oldal szélétől_smartsupp.offsetY = 100; // feljebb az alsó szélétől

Eltérő pozíció beállítása kizárólag mobilon:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) {  _smartsupp.offsetY = 150;}// ...a telepítési kód további része (a loader)</script>

Chat box elrejtése kizárólag mobilon (asztali megjelenítésben továbbra is látható, minden csomagban elérhető):

_smartsupp.hideMobileWidget = true;

Alkalmazása:

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

  2. A szükséges beállításokat adja hozzá közvetlenül a _smartsupp.key sor után, de a loader előtt.

  3. Igazítsa az értékeket weboldala dizájnjához.

  4. Mentse a változtatásokat, majd töltse be weboldalát inkognitó vagy privát ablakban, hogy ellenőrizze az új pozíciót. Ellenőrizze mobiltelefonon is.

💡 Tipp: Az olyan utasítások, mint a smartsupp('chat:position', ...), nem támogatottak. A chat box figyelmen kívül hagyja ezeket, és a böngésző konzolban az "Ismeretlen API parancs" üzenet jelenik meg. Minden konfigurációs lehetőséget megtalál a fejlesztői dokumentációban.


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

💡 További segítségre van szüksége? Vegye fel a kapcsolatot támogató csapatunkkal — örömmel segítünk Önnek!

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