A megjelenési beállítások szabályozzák, hogyan néz ki a chatbot chat widgetje a weboldal látogatói számára - a fejlécet, az üzenetek színeit és betűtípusait, az indító ikont, az üdvözlőképernyőt, a widget méretét és még sok mást. Itt szabhatja a widgetet a márkájához.
A testreszabás előtt létre kell hoznia egy chatbotot. Ha még nem tette meg, kezdje az Első chatbot létrehozása című útmutatóval.
Hol találhatók a megjelenési beállítások?
Válassza ki a chatbotját, majd lépjen a Settings > Appearance (Beállítások > Megjelenés) menüpontra. A ChatLab főoldalán kattintson a Chatbots lehetőségre, nyissa meg a chatbotját, válassza a Settings fület, majd a bal oldali menüben kattintson az Appearance pontra.
Az oldal jobb oldalán megjelenik a widget élő előnézete, amely a beállítások módosításakor azonnal frissül.
Chatfejléc
Itt állíthatja be a chat widget felső részének kinézetét:
- Chatbot name (Chatbot neve) - a chatfejlécben megjelenő név (legfeljebb 60 karakter)
- Tagline (Szlogen) - a chatbot neve alatt megjelenő opcionális alcím (legfeljebb 60 karakter)
- Avatar - egyedi kép feltöltése, amelyet az ügyfelek a chatbottal való beszélgetés közben látnak. Az aktuális kép törléséhez használja a Remove (Eltávolítás) gombot (lent kiemelve).
- Background (Háttér) - a fejléc területének háttérszíne
- Name color (Név színe) - a chatbot nevének szövegszíne
- Tagline color (Szlogen színe) - a szlogen szövegszíne
- Reset conversation tooltip (Beszélgetés visszaállítása elemleírás) - a widget fejlécében található beszélgetés-visszaállító gombra történő egérmutatáskor megjelenő szöveg (legfeljebb 40 karakter, alapértelmezetten "Reset conversation")
Üzenet
Az üzenetbeviteli mező és a beszélgetési üzenetek megjelenésének testreszabása:
- Input placeholder (Beviteli mező helyőrzője) - a widget alján lévő új üzenet beviteli mezőjében megjelenő szöveg (legfeljebb 50 karakter, alapértelmezetten "Type a message..."). Ezzel ösztönözheti a látogatókat a gépelés megkezdésére.
- User background (Felhasználói háttér) - a látogató által küldött üzenetek háttérszíne
- User text (Felhasználói szöveg) - a látogatói üzenetek szövegszíne
- Resp. background (Válasz háttere) - a chatbot válaszainak háttérszíne
- Response text (Válasz szövege) - a chatbot válaszainak szövegszíne
Az üzenetek szövegméretét a Tipográfia szakaszban állíthatja be a widget betűtípusával együtt.
Javasolt kérdések
A javasolt kérdések olyan előre elkészített sablonok, amelyekre a látogató rákattinthat a beszélgetés elindításához. Magukat a kérdéseket a Settings > Chat Conversation menüpontban adhatja meg; itt a gombok megjelenését szabhatja testre:
- Background (Háttér) - a javasolt kérdések gombjainak háttérszíne
- Text (Szöveg) - a javasolt kérdések gombjainak szövegszíne
- Stack (Egymás alá rendezés) - bekapcsolásakor a hosszabb javasolt kérdések vízszintes görgetősáv helyett egymás alatt, függőlegesen jelennek meg
A javasolt kérdések szövegméretét a Tipográfia szakaszban állíthatja be.
Minimalizált mód beállításai
Szabályozhatja, hogyan jelenjen meg a chat widget minimalizált állapotban (mielőtt a látogató megnyitná a chatet):
- Minimized display mode (Minimalizált megjelenítési mód) - a következő lehetőségek közül választhat:
- Icon (Ikon) - szabványos kerek chatindító ikon (alapértelmezett)
- Minified chat bar (Kisméretű chatsáv) - az oldal alján megjelenő kompakt szövegbeviteli sáv
- Icon with text (Ikon szöveggel) - szélesebb, lekerekített indító: az ikon és egy rövid, kétsoros felirat
- Icon color / Mini bar color (Ikon színe / Mini sáv színe) - az indító ikon vagy a mini sáv háttérszíne
- Custom chat icon (Egyedi chat ikon) (csak ikon módban) - engedélyezze egyedi megnyitási/bezárási chat ikonok feltöltéséhez
- Position on screen (Képernyőpozíció) - a widget elhelyezése a képernyő bal vagy jobb oldalán
- Move up chat icon/bar by (Chat ikon/sáv eltolása felfelé) - függőleges eltolás képpontban az alsó széltől
- Move icon/bar left/right by (Ikon/sáv eltolása balra/jobbra) - vízszintes eltolás képpontban a legközelebbi képernyőszéltől
Ikon szöveggel
Az Icon with text mód egy rövid felirattal látja el az indítót, így a látogatók már a megnyitás előtt láthatják, mire való a chat. Ez akkor hasznos, ha egy önálló ikon nem elég egyértelmű - például "Írjon nekünk / Azonnal válaszolunk" vagy "Segítségre van szüksége? / Kérdezze asszisztensünket".
Ennek a módnak a kiválasztása négy további beállítást jelenít meg:
- Label line 1 (Címke 1. sora) - a felirat első, hangsúlyosabb sora (legfeljebb 60 karakter)
- Label line 2 (Címke 2. sora) - a második, halványabb sor (legfeljebb 60 karakter). Egysoros indítóhoz hagyja üresen
- Text color (Szövegszín) - a felirat színe. Hagyja változatlanul, és a ChatLab automatikusan fekete vagy fehér színt választ az indító színének világossága vagy sötétsége alapján
- Show close cross (Bezárás x megjelenítése) - egy kis keresztet ad az indítóhoz, így a látogatók elrejthetik azt
Ha a feliratok nem férnek ki, mindkét sor három ponttal rövidül, így az indító soha nem lesz szélesebb a képernyőnél. A megnyitott chat mellett az indító újra kerek formára vált vissza.
Ha a chatbot többnyelvű, a felirat mindkét sora lefordításra kerül a többi látogatóknak szánt szöveghez hasonlóan, így minden látogató a saját nyelvén látja a feliratot.
A Show close cross beállítás alapértelmezés szerint ki van kapcsolva, és csak ebben a módban érhető el. Bekapcsolásakor, ha a látogató az x-re kattint, az indító elrejtőzik a böngészési munkamenet további részére - rejtve marad az oldalak közötti navigálás során, és csak a következő látogatáskor vagy egy új lapon jelenik meg újra. Az automatikus megnyitásra beállított chatbot tiszteletben tartja ezt a döntést, és nem nyílik meg újra, miután a látogató bezárta.
Chat widget automatikus megnyitása oldalbetöltés után
Beállíthatja, hogy a chat automatikusan kinyíljon, amikor a látogató betölti az oldalt:
- Auto open on mobile (Automatikus megnyitás mobilon) - a chat automatikus megnyitása mobileszközökön
- Auto open on desktop (Automatikus megnyitás asztali gépen) - a chat automatikus megnyitása asztali képernyőkön
- Open chat with delay (Chat megnyitása késleltetéssel) - késleltetést engedélyez az automatikus megnyitás előtt (csak bekapcsolt automatikus megnyitás esetén érhető el)
- Delay by (Késleltetés mértéke) - a megnyitás előtti várakozási idő másodpercben (0-60 másodperc)
Emberszerű üzenetküldés
Az emberi gépelést szimulálja azáltal, hogy a válaszokat több üzenetbuborékra osztja, amelyek fokozatosan, mondatról mondatra jelennek meg:
- Human-Like Messaging (Emberszerű üzenetküldés) - a funkció be- és kikapcsolása
- Delay Between Bubbles (Buborékok közötti késleltetés) - az egyes üzenetbuborékok megjelenítése közötti idő másodpercben (0-200 másodperc)
Üdvözlő üzenet buborék
Megjeleníti az üdvözlő üzenetet egy buborékban a chatindító ikon felett, hogy felkeltse a látogatók figyelmét a chatre. Ez a funkció csak ikon módban érhető el, és nem működik iframe módban vagy engedélyezett automatikus megnyitás esetén.
- Show on desktop (Megjelenítés asztali gépen) - az üdvözlő üzenet buborék megjelenítése asztali gépen
- Show on mobile (Megjelenítés mobilon) - az üdvözlő üzenet buborék megjelenítése mobileszközökön
- Delay (Késleltetés) - az oldal betöltése utáni várakozási idő másodpercben a buborék megjelenítéséig (0-60 másodperc)
Ha több üdvözlő üzenetet állított be, azok egymás fölé rendezve jelennek meg a chat ikon felett.
A hangbevitel (a chat beviteli mezőjében lévő mikrofon gomb) a Settings > Chat Conversation menüpontban állítható be, nem itt az Appearance felületén.
Üdvözlőképernyő
Átkapcsolja a widgetet egy speciális nyitó elrendezésre, amely egy nagy üdvözlő üzenettel és egy középre igazított fehér kártyán felsorolt javasolt kérdésekkel fogadja az új látogatókat. Az üdvözlőképernyő csak egy új munkamenet kezdetén jelenik meg, és átvált a szabványos chat nézetre, amint a látogató elküldi az első üzenetét.
- Special Welcome Screen (Különleges üdvözlőképernyő) - be- vagy kikapcsolja az üdvözlőképernyő módot (alapértelmezés szerint ki van kapcsolva)
- Suggested questions intro (Javasolt kérdések bevezetője) - az üdvözlőképernyőn a javasolt kérdések kártyája felett megjelenő rövid címke (például: "Válasszon egy opciót vagy írjon üzenetet"). Hagyja üresen a címke elrejtéséhez. Használatához javasolt kérdéseket kell beállítani a Settings > Chat Conversation menüpontban.
- Hide Human Contact Form (Emberi kapcsolatfelvételi űrlap elrejtése) - elrejti a kapcsolatfelvételi űrlap műveletet a fejlécben, amíg az üdvözlőképernyő látható
- Hide Live Chat (Live Chat elrejtése) - elrejti a Live Chat műveletet a fejlécben, amíg az üdvözlőképernyő látható
Az üdvözlőképernyő integrálódik a Lead Collection és az Privacy Policy consent (Adatvédelmi irányelvekhez való hozzájárulás) funkciókkal is - ha bármelyik szükséges a beszélgetés kezdetén, az űrlap vagy a hozzájárulási kérés jelenik meg az üdvözlőkártyán a javasolt kérdések helyett.
A részletes leírásért, az elrendezési változatokért és a látogatói oldal képernyőképeiért lásd: Welcome Screen.
Fejlécműveletek
Meghatározza, hogyan jelenjen meg a Live Chat és a Human Contact Form (Emberi kapcsolatfelvételi űrlap) a chat widget fejlécében.
- Separate icons (Külön ikonok) - minden művelet saját ikont kap a fejlécben, a bezárás gomb mellett
- Menu (dropdown) (Menü (legördülő)) - mindkét művelet a fejléc menüjébe (a hárompontos ikon mögé) kerül, olyan elemek mellé, mint a "Reset conversation" és a nyelvválasztó, ha ezek engedélyezve vannak
Az új chatbotok a menüt használják, amely rendezettebbé teszi a fejlécet további műveletek hozzáadásakor. A 2026. szeptember 2. előtt létrehozott chatbotok megtartják a különálló ikonokat, így a látogatóik számára semmi sem változik. A beállítást bármikor átkapcsolhatja - ez csak a megjelenést érinti, a műveletek működését nem.
Tipográfia
Itt állíthatja be az egész widgetben használt betűtípust és szövegméreteket - az üzenetekben, a javasolt kérdésekben, a fejlécben, az űrlapokon és az indító feliratában.
- Widget font (Widget betűtípusa) - a nyolc betűtípus egyike: System default (Rendszer alapértelmezett), Inter, Nunito, Lato, Montserrat, Poppins, Source Serif és JetBrains Mono
- Message font size (Üzenet betűmérete) - az üzenetszöveg mérete (12-24 px)
- Suggested questions font size (Javasolt kérdések betűmérete) - a javasolt kérdések gombjainak mérete (12-24 px)
Az Inter az alapértelmezett, és megegyezik a chatbotok korábbi megjelenésével a beállítás bevezetése előtt, így semmi sem változik, amíg nem választ másik betűtípust.
A System default egyáltalán semmit sem tölt le - a widget a látogató eszközére már telepített betűtípust használja. Ez a leggyorsabb megoldás, és észrevétlenül illeszkedik azokra az oldalakra, amelyek maguk is a rendszer betűtípusát használják, de a chat kissé másképp fog kinézni Windowson, macOS-en és Androidon. A másik hét betűtípus a Google Fonts kínálatából származik, amelyeket a látogató böngészője egyszer tölt le. Mindegyik rendelkezik tartalék betűtípussal (fallback), így ha egy látogató hálózata blokkolja a Google Fonts szolgáltatást, a szöveg olvasható marad, és az elrendezés sem esik szét.
A betűtípusfájl közvetlenül a chatablakba töltődik be. Csak akkor adódik hozzá az Ön saját oldalához, ha a widget a chatablakon kívül jelenít meg szöveget - az Icon with text indító, a kisméretű chatsáv vagy az üdvözlő üzenet buborékok esetében. A sima ikonos indítót használó chatbot nem küld további kérést az Ön oldaláról.
Widget mérete
Itt állíthatja be, mekkora legyen a megnyitott chat widget mérete asztali és mobileszközökön. Minden csúszka mellett található egy Default (Alapértelmezett) gomb, amely visszaállítja a beépített méretezést.
- Desktop width (Asztali szélesség) - a widget szélessége asztali böngészőkben, képpontban (330-800, alapértelmezett: 448)
- Desktop height (Asztali magasság) - a widget magassága asztali böngészőkben, képpontban (300-770, alapértelmezett: 660)
- Mobile size (Mobil méret) - a widget mérete mobileszközökön, a képernyő százalékában (60-100%, alapértelmezett: 100%)
Az alapértelmezett értéken a widget a ChatLab beépített reszponzív méretezését használja. Bármely más érték fix méretet alkalmaz.
Mobilon az alapértelmezett érték (100%) mellett a megnyitott chat a teljes képernyőt lefedi. Kisebb százalékot választva a widget a képernyő adott részére csökken, és középre igazodik a nézetablakban (viewport), így a látogatók a chat mellett továbbra is láthatják az oldalt.
A csúszkák mellett két Save & Preview (Mentés és előnézet) gomb található (lent kiemelve) - egy az asztali sorokhoz, egy pedig a mobil sorhoz. A gombra kattintva elmenti a mentetlen módosításokat, majd megnyitja a chatet egy előnézeti ablakban az aktuális beállításokkal:
- Az asztali gomb egy normál böngészőablakot nyit meg, így pontosan láthatja a méretet asztali képernyőn.
- A mobil gomb egy kompakt felugró ablakot nyit meg (400 x 700), így a widget a mobil elrendezésben jelenik meg, ami akkor hasznos, ha a Mobile size csúszkát asztali gépről állítja be.
Oldalfiók (Drawer) mód
A Drawer mode lehetővé teszi a látogató számára, hogy a lebegő ablakból a képernyő széléhez rögzített, teljes magasságú panellé alakítsa a chatet, miközben az oldal továbbra is látható marad mellette. Ez jól illeszkedik az olyan beszélgetésekhez, amelyekben a látogató az oldal olvasása közben vesz részt - hosszú válaszok, termékösszehasonlítások, űrlapok vagy bármilyen sok szöveget tartalmazó tartalom esetén.
Kapcsolja be, és a chatfejlécben megjelenik egy gomb; a látogató dönti el, hogy használja-e. A választását a böngészési munkamenet további részében megjegyzi a rendszer.
- A panel a böngészőablak szélességének a fele, legfeljebb 720 px, és mindig teljes magasságú. Ugyanarra az oldalra dokkolódik, mint az indító ikon, így a bal oldalon elhelyezett widget a bal oldalon nyitja meg a fiókot.
- A Desktop width és a Desktop height beállítások itt nem érvényesülnek - ezek csak a normál lebegő ablak méretét határozzák meg.
- A gomb csak olyan asztali képernyőkön jelenik meg, amelyek legalább 1200 px szélesek, és egérrel rendelkeznek. Telefonokon és táblagépeken soha nem látható, mert a chat ott már eleve kitölti a teljes képernyőt. Ha a látogató ennél kisebbre méretezi a böngészőt, a fiók visszacsukódik a normál ablakba.
- Az indító rejtve marad, amíg a fiók nyitva van; a látogató a fejlécből zárhatja be, vagy ugyanazzal a gombbal léphet ki a fiók módból.
A Drawer mód alapértelmezés szerint ki van kapcsolva, így a látogatók számára semmi sem változik, amíg nem engedélyezi.
További megjelenési beállítások
- Widget Shadow (Widget árnyéka) - a chat widget tárolója körüli árnyék be- vagy kikapcsolása
- Open links in (Hivatkozások megnyitása) - kiválaszthatja, hogy a chatüzenetekben található hivatkozások új lapon (new tab) vagy ugyanazon a lapon (same tab) nyíljanak meg
Asztali nézetben egy bezárás (X) gomb is megjelenik a chatfejlécben, így a látogatók az oldal újratöltése nélkül visszacsukhatják a chatet az indító ikonba. A bezárás gomb rejtve marad, ha a chat iframe-ként van beágyazva, vagy teljes képernyős módban fut.
Egyedi chatlábléc
Egyedi szöveg hozzáadása a chat widget alján (legfeljebb 250 karakter). A hivatkozások beillesztéséhez a Markdown formázás támogatott. Gyakori felhasználási módja az adatvédelmi nyilatkozatra vagy az általános szerződési feltételekre mutató hivatkozás elhelyezése.
Példa Markdown formázásra:
By chatting you accept our [Privacy Policy](https://www.example.com)
Egyedi CSS
Egyedi CSS-stílusok hozzáadása a chat widget kinézetének további testreszabásához (legfeljebb 5000 karakter):
Kapcsolódó cikkek
- Első chatbot létrehozása
- Beszélgetési beállítások - az üdvözlő üzenet és a javasolt kérdések megírása
- Üdvözlőképernyő - a teljes képernyős nyitó elrendezés és annak látogatói változatai
- Egyedi űrlapok - látogatói adatok gyűjtése a chaten belül
- Leadgyűjtés