Widget testreszabása
Adja a chat widgetet a márkájához, és állítsa be pontosan úgy, ahogy szeretné. Minden testreszabás a műszerfalon történik — a változtatások automatikusan érvényesülnek a webhelyén, az beágyazó kód módosítása nélkül.
A beállításokat a Dashboard → Chatbots → válassza ki a chatbotját találja:
- A Widget fül az megjelenést irányítja (elhelyezkedés, színek, méret, szövegek)
- A Behavior fül azt szabályozza, hogyan lép kölcsönhatásba a widget a látogatókkal
Kattintson a lap tetején található Save Changes gombra a módosítások alkalmazásához.
Widget fül: Megjelenés
Elhelyezkedés
Válassza ki, hol jelenjen meg a widget a webhelyén:
| Position | Description |
|---|---|
| Bottom Right | Lebegő chat buborék a jobb alsó sarokban (alapértelmezett) |
| Bottom Left | Lebegő chat buborék a bal alsó sarokban |
| Inline (Embedded) | A widget közvetlenül az oldalba ágyazva jelenik meg a lebegés helyett |
Az Inline elhelyezkedés esetén a chat ott ágyazódik be, ahol az embed script található, és mindig nyitva van — nincs buborék, nincs bezáró gomb. Ideális dedikált chat- vagy támogatási oldalakhoz. Részletekért lásd a Widget Embedding részt.
Színséma
Válasszon a három színpreset közül:
| Preset | Description |
|---|---|
| Default | A standard ChatReact színséma |
| Brand | Az Ön cégének márkaszínei a Company Settings-ből |
| Custom | Válasszon egyéni színeket |
A Brand preset csak akkor érhető el, ha a márkaszínek be vannak állítva. Menjen a Company Settingshez, hogy kinyerje a színeket a webhelyéről.
Custom kiválasztásakor négy alap színt állíthat be:
- Primary — buborék, fejléc gradiens, gombok és látogató üzenetek
- Secondary — a fejléc gradiens második színe
- Background — a chatablak háttere
- Text — az üzenetek szövegszíne
Haladó színbeállítások
Szüksége van több irányításra? Ha a Custom preset van kiválasztva, bontsa ki a Advanced Color Settings részt az automatikusan számított színek felülírásához:
- Visitor Messages — a látogató üzenet buborékjainak háttér- és szövegszíne
- Bot Messages — a bot üzenet buborékjainak háttér- és szövegszíne
- Header Text Color — a cím és alcím színe a widget fejlécében
Amit érintetlenül hagy, azt automatikusan számítjuk a jó kontraszt érdekében. Minden felülírás mellett talál egy Reset to automatic gombot az automatikusan számított szín visszaállításához.
Méret és stílus
| Setting | Range | Default |
|---|---|---|
| Border Radius | 0–32 px | 24 px |
| Width | 300–500 px | 380 px |
| Height | 400–700 px | 600 px |
Kis mobilképernyőkön a widget automatikusan teljes szélességű elrendezésre vált, függetlenül ezektől a méretektől.
Logó
Kapcsolja be a Use company logo in widget header opciót, hogy megjelenjen a cége logója a chat fejlécében. A logót a Company Settings-ben lehet feltölteni — ajánlott: négyzet alakú, legalább 200×200 px (JPG, PNG, GIF, WebP vagy SVG, max. 5 MB).
Ez az opció a Professional csomagtól érhető el, valamint minden Agency csomagon.
Fejléc cím, alcím és buborékszöveg
| Field | Description | Default |
|---|---|---|
| Header Title | A chat ablak fejlécében megjelenő cím | "Chat with us" |
| Header Subtitle | A cím alatt megjelenő kisebb sor | "We typically reply within minutes" |
| Bubble Text | A szöveg, amely a chat buborék mellett jelenik meg, amikor a widget zárva van | None |
Ha soha nem állít be címet vagy alcímet, a widget a alapértelmezett szöveget mutatja — automatikusan lokalizálva a látogató nyelvére.
Hogyan működik a fejléc alcíme: Amíg nem konfigurálta az alcímet, a widget a lokalizált alapértelmezettet mutatja, és a beállítási űrlap előre kitölti ezt az alapértelmezettet, hogy láthassa és szerkeszthesse, amit a látogatók kapnak. Ha az alcímet teljesen szeretné elrejteni, törölje a mezőt és mentse — a szándékosan üresre hagyott alcím rejtve marad.
A buborékszöveg kis címkeként jelenik meg a zárt chatbuborék mellett (pl. "Van kérdése?"). Hagyja üresen, ha csak a kerek buborékot szeretné megjeleníteni.
Widget fordítások
Ha a chatbotja több nyelvet támogat, egy Widget Translations kártya jelenik meg a megjelenés beállításai alatt. Itt lefordíthatja az üdvözlő üzenetet, a fallback üzenetet, a fejléc címet, a fejléc alcímét és a buborékszöveget minden engedélyezett nyelvre.
Az üdvözlő és fallback üzenetek maguk a Persona fülön vannak konfigurálva a chatbot beállításaiban.
Élő előnézet
A Widget fül jobb oszlopa egy Live Preview-t mutat a widgetről, amely frissül, ahogy módosítja a beállításokat. Interaktív: zárja be a chatablakot az X-szel, hogy lássa a zárt buborékot (beleértve a buborékszöveget), és kattintson a buborékra a megnyitáshoz.
Behavior fül: Interakció
Viselkedési beállítások
| Setting | Description | Default |
|---|---|---|
| Proactive Greeting | A bot automatikusan üdvözli a látogatókat egy késleltetés után (1–10 másodperc) | On, 3 s |
| Auto-Open | A widget automatikusan megnyílik a látogatók számára egy késleltetés után (1–15 másodperc) | Off, 5 s |
| Sound Enabled | Értesítési hangok lejátszása | On |
| Typing Indicator | Animáció megjelenítése a bot gépelése közben | On |
| Pre-Chat Form | Látogató információinak rögzítése a chat megkezdése előtt | Off |
| Show on Mobile | A widget megjelenítése mobil eszközökön | On |
Maximális üzenethossz
Korlátozza, hány karaktert írhatnak be a látogatók üzenetenként (100–10 000 karakter, alapértelmezett 2 000). Ez segít megelőzni a túlzott használatot nagyon hosszú beviteli mezőkből. Törölje a mezőt vagy kattintson a Remove limit gombra, ha bármilyen hosszúságú üzeneteket szeretne engedélyezni.
Elő-chat űrlap
Ha az elő-chat űrlap engedélyezve van, a látogatók egy rövid űrlapot töltenek ki a beszélgetés megkezdése előtt. Ön állítja be a mezőket:
- Mezőtípusok: Text, Email, Phone, Textarea
- Minden mezőhöz tartozik egy label, egy opcionális placeholder és egy required kapcsoló
- A mezők sorrendjét fel/le mozgató gombokkal módosíthatja, vagy eltávolíthatja őket
Ha a chatbotja több nyelvet támogat, a mezőszerkesztő alatt megjelenik egy fordítási szekció. Adja meg a fordításokat minden nyelvre manuálisan, vagy kattintson a Translate with AI gombra az összes címke és placeholder automatikus fordításához.
Élő chat
A Behavior fül tartalmazza a Live Chat Settings kártyát is. Engedélyezze az élő chatet, hogy a látogatók emberi ügynökökkel beszélhessenek, és válasszon egy módot:
| Mode | Description |
|---|---|
| Handoff Only | Élő chat csak akkor, ha a bot nem tud segíteni |
| Standalone | A látogatók közvetlenül az ügynökökkel chatelhetnek |
| Both | Handoff és közvetlen élő chat is elérhető |
A Live Chat a Professional csomagtól érhető el, valamint minden Agency csomagon. Lásd a Live Chat részt a bejövő beszélgetések kezeléséről.
Branding
Azokon a csomagokon, amelyek tartalmazzák a white-label funkciót, a Behavior fül alján megjelenik egy Branding kártya. Ezeken a csomagokon a ChatReact branding alapértelmezés szerint rejtve van — kapcsolja be a Show "Powered by ChatReact" opciót, ha mégis szeretné megjeleníteni a widget láblécében.
Tanulási fázis
Amíg egy új chatbot a tanulási fázisban van, szabályozhatja, mennyire legyen óvatos a válaszadásban — Cautious, Balanced (ajánlott) vagy Confident — a Confidence fülön ugyanazon a beállítási oldalon. Ez a fül azokban a csomagokban jelenik meg, amelyek tartalmazzák az Improvement Agentet. Részletekért lásd az Improvement Agent útmutatót.