Ugrás a fő tartalomra

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

Ön saját kódban szabályozhatja a chat doboz pozícióját, beleértve az eltérő beállításokat asztali gépen és mobil eszközökön.

Írta: Michal Jindra

Fejlesztők pontosan meghatározhatják, hogy a chat doboz hol jelenjen meg a weboldalon, ha néhány speciális konfigurációs beállítást adnak a Smartsupp telepítési szkriptjéhez. Ez az útmutató lépésről lépésre bemutatja, hogyan helyezhető át a chat doboz a bal oldalra, hogyan módosítható az alapértelmezett pozíciója, illetve hogyan adhat meg eltérő pozíciót mobileszközön.

Speciális: pozíciók beállítása telepítési kód használatával

🟡 Megjegyzés: Ehhez fejlesztői hozzáférés szükséges a weboldal kódjához. A chat doboz bal oldalra való helyezése csak a Solo vagy annál magasabb csomag esetén érhető el.

A kívánt opciókat a konfigurációs szakaszban kell elhelyezni: a _smartsupp.key sor után, még a betöltő (amely a window.smartsupp|| sorral kezdődik) előtt. A chat doboz ezekből a beállításokból töltődik be, ezért fontos, hogy a betöltő futtatása előtt szerepeljenek a kódban.

A chat doboz 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észei (a betöltő)</script>

A chat doboz eltolása az alapértelmezett pozícióhoz képest (az értékek pixelben értendők):

_smartsupp.offsetX = 20;  // a doboz távolsága az oldal szélétől_smartsupp.offsetY = 100; // a doboz távolsága az alsó széltől

Egyedi pozíció meghatározása csak mobil eszközökön:

<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észei (a betöltő)</script>

A beállítás lépései:

  1. Nyissa meg weboldala forráskódját, és keresse meg a Smartsupp telepítési szkriptjét.

  2. Helyezze be a kívánt konfigurációs opciókat közvetlenül a _smartsupp.key sor után, a betöltő előtt.

  3. Igazítsa az értékeket a weboldala megjelenéséhez.

  4. Mentse a módosításokat, majd frissítse újra weboldalát inkognitó vagy privát ablakban, hogy ellenőrizze az új beállításokat. Javasoljuk, hogy mobil készüléken is tesztelje az aktuális pozíciókat.

💡 Tipp: Az olyan parancsokat, mint például smartsupp('chat:position', ...), a rendszer nem támogatja. A chat doboz figyelmen kívül hagyja őket, és a böngésző konzoljában az "Ismeretlen API parancs" üzenet jelenik meg. Minden elérhető konfigurációt megtalál az 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 ügyfélszolgálati csapatunkkal — örömmel állunk rendelkezésére!

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