Ugrás a fő tartalomra

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

A chat doboz pontos elhelyezésének szabályozása kódból, beleértve az asztali és mobil eszközök esetén eltérő pozíciókat is.

Írta: Michal Jindra

A Smartsupp JavaScript API lehetőséget kínál arra, hogy fejlesztőként pontosan meghatározhassa, hol jelenjen meg a chat widget weboldalán. Ez az útmutató lépésről lépésre bemutatja, hogyan állítható be a chat doboz helyzete kódból, akár asztali, akár mobil nézetre eltérően.

Haladó: pozíció módosítása JavaScript API-val

🟡 Megjegyzés: A pozíció API-n keresztüli módosításához PLUS csomagra, valamint fejlesztői szintű hozzáférésre van szükség weboldalának kódjához.

A Smartsupp JavaScript API-nak köszönhetően még precízebben szabályozható a chat widget helyzete. Például megadható eltérő pozíció asztali és mobil eszközökre is:

<script>// Asztali pozíciósmartsupp('chat:position', { bottom: 20, right: 20 });// Mobil felülírásif (window.innerWidth < 768) {  smartsupp('chat:position', { bottom: 100, right: 10 });}</script>

A megvalósítás menete:

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

  2. Másolja be a fenti kódrészletet közvetlenül a Smartsupp script alá.

  3. Igazítsa a bottom és right értékeket úgy, hogy azok megfeleljenek design igényeinek asztali és mobil eszközökön is.

  4. Mentse el a módosításokat, majd töltse be weboldalát inkognitó vagy privát ablakban, hogy ellenőrizze a beállított pozíciókat.

💡 Tipp: Amennyiben teljes körű irányításra van szüksége, saját gombot is létrehozhat, és a chat widget kezelését teljes egészében a JavaScript API-val végezheti.


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

💡 További segítségre van szüksége? Vegye fel a kapcsolatot ügyfélszolgálatunkkal – kollégáink készséggel állnak rendelkezésére.

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