Ugrás a fő tartalomra

Alapvető chat doboz beállítások

Tanulja meg, hogyan testreszabhatja Smartsupp chat doboza megjelenését és kulcsfontosságú beállításait, hogy azok illeszkedjenek weboldalához és javítsák a látogatói elköteleződést.

Miután a Smartsupp chat telepítve van a webhelyén, az első dolog, amit valószínűleg szeretne megtenni, az a chatdoboz megjelenésének és működésének beállítása. A Smartsupp chatdoboz egyetlen widgetben egyesíti a csevegést és a kapcsolatfelvételi űrlapot, így a látogatók üzeneteket küldhetnek, és — ha engedélyezi a kapcsolatfelvételi űrlapot — megoszthatnak olyan adatokat, mint a nevük és e-mail-címük.

💡 Hol találja: Az összes alábbi lehetőség a Beállítások > Chatdoboz menüpontban található a Smartsupp dashboardon.

Ebben a cikkben:


Mit szabhat testre

A chatdoboz megjelenési beállításaiban a következőket állíthatja be, hogy a widget illeszkedjen webhelyéhez:

Beállítás

Mit csinál

Színátmenet

Beállítja a chatdoboz színeit, hogy illeszkedjenek a márkájához.

Pozíció

A chatdobozt a képernyő bal vagy jobb oldalára helyezi.

Általános szövegek

Szerkeszti a chatdobozban megjelenő címkéket és üzeneteket.

Téma

Átváltja a chatdoboz általános megjelenését.


A chatdoboz pozíciójának módosítása

A csevegés gombját közvetlenül a dashboardról is áthelyezheti — kód nélkül:

  1. Jelentkezzen be Smartsupp-fiókjába.

  2. Lépjen a Beállítások > Chatdoboz > Megjelenés (vagy Pozícióbeállítások) menüpontba.

  3. Állítsa be az elhelyezést — válassza ki a képernyő bal vagy jobb oldalát, állítson be függőleges eltolást és a szélektől való távolságot.

  4. Mentse a módosításokat. A frissített pozíció automatikusan érvénybe lép a webhelyén.


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

🟡 Megjegyzés: A pozíció API-n keresztüli módosítása az EXPERT csomagot (Legacy: PRO) é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.


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

💡 Még mindig segítségre van szüksége? Ha nem talál egy beállítást, vagy valami nem a várt módon működik, lépjen kapcsolatba ügyfélszolgálati csapatunkkal csevegésben vagy e-mailben — szívesen segítünk.

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