Prispôsobenie widgetu
Prispôsobte chatovací widget svojej značke a nastavte jeho správanie presne podľa vašich potrieb. Všetky úpravy sa vykonávajú v dashboarde — zmeny sa na vašej webstránke uplatnia automaticky, bez nutnosti zasahovať do embed kódu.
Nastavenia nájdete v Dashboard → Chatbots → vyberte svoj chatbot:
- Karta Widget ovláda vzhľad (pozícia, farby, veľkosť, texty)
- Karta Behavior ovláda, ako widget reaguje na návštevníkov
Kliknite na Save Changes v hornej časti stránky, aby ste uplatnili svoje úpravy.
Karta Widget: Vzhľad
Pozícia
Vyberte, kde sa widget zobrazuje na vašej webstránke:
| Position | Description |
|---|---|
| Bottom Right | Plávajúca chatová bublina v pravom dolnom rohu (predvolené) |
| Bottom Left | Plávajúca chatová bublina v ľavom dolnom rohu |
| Inline (Embedded) | Widget je vložený priamo na stránku namiesto plávajúceho režimu |
S pozíciou Inline je chat vložený na miesto, kde je umiestnený embed skript, a je vždy otvorený — žiadna bublina, žiadne tlačidlo zatvorenia. Ideálne pre vyhradené chatové alebo podporné stránky. Pre detaily viď Widget Embedding.
Farebná téma
Vyberte jednu z troch prednastavených farebných schém:
| Preset | Description |
|---|---|
| Default | Štandardná farebná schéma ChatReact |
| Brand | Farby vašej spoločnosti z Company Settings |
| Custom | Vyberte si vlastné farby |
Prednastavenie Brand je dostupné až po nastavení brandových farieb. Prejdite do Company Settings, aby ste extrahovali farby z vašej webstránky.
Keď je zvolená možnosť Custom, môžete nastaviť štyri základné farby:
- Primary — bublina, gradient hlavičky, tlačidlá a správy návštevníkov
- Secondary — druhá farba gradientu hlavičky
- Background — pozadie chatovacieho okna
- Text — farba textu správ
Rozšírené nastavenia farieb
Potrebujete väčšiu kontrolu? Keď je zvolené Custom, rozbaľte Advanced Color Settings a prepíšete automaticky vypočítané farby:
- Visitor Messages — pozadie a farba textu bublín správ návštevníkov
- Bot Messages — pozadie a farba textu bublín správ bota
- Header Text Color — farba názvu a podnázvu v hlavičke widgetu
Všetko, čo necháte nedotknuté, sa vypočíta automaticky pre dobrý kontrast. Každé prepísanie má tlačidlo Reset to automatic, ktorým sa môžete vrátiť k vypočítanej farbe.
Veľkosť a štýl
| Setting | Range | Default |
|---|---|---|
| Border Radius | 0–32 px | 24 px |
| Width | 300–500 px | 380 px |
| Height | 400–700 px | 600 px |
Na malých mobilných obrazovkách sa widget automaticky prepne do rozloženia cez celú šírku, bez ohľadu na tieto rozmery.
Logo
Povoľte Use company logo in widget header pre zobrazenie loga vašej spoločnosti v hlavičke chatu. Samotné logo sa nahráva v Company Settings — odporúčané: štvorcové, minimálne 200×200 px (JPG, PNG, GIF, WebP alebo SVG, max. 5 MB).
Táto možnosť je dostupná v pláne Professional a vyššie, a vo všetkých Agency plánoch.
Názov hlavičky, podnázov & text v bubline
| Field | Description | Default |
|---|---|---|
| Header Title | Názov zobrazený v hlavičke chatovacieho okna | "Chat with us" |
| Header Subtitle | Menší riadok pod názvom | "We typically reply within minutes" |
| Bubble Text | Text zobrazovaný vedľa chatovej bubliny, keď je widget zatvorený | None |
Ak nenastavíte názov alebo podnázov, widget zobrazí predvolený text — automaticky lokalizovaný do jazyka každého návštevníka.
Ako funguje podnázov hlavičky: Pokiaľ ste nenakonfigurovali podnázov, widget zobrazuje lokalizovaný predvolený text a formulár nastavení tento predvolený text predvyplní, aby ste videli a mohli upraviť, čo návštevníci uvidia. Ak chcete podnázov skryť úplne, vymažte pole a uložte — úmyselne vymazaný podnázov zostane skrytý.
Text v bubline sa zobrazuje ako malý štítok vedľa zatvorenej chatovej bubliny (napr. "Got questions?"). Nechajte ho prázdny, aby sa zobrazovala len okrúhla bublina.
Preklady widgetu
Ak váš chatbot podporuje viac jazykov, pod nastaveniami vzhľadu sa zobrazí karta Widget Translations. Tam môžete pre každé povolené jazyk preložiť uvítaciu správu, fallback správu, názov hlavičky, podnázov hlavičky a text v bubline.
Samotné uvítacie a fallback správy sa konfigurujú na karte Persona v nastaveniach vášho chatbota.
Živý náhľad
Pravý stĺpec karty Widget zobrazuje Live Preview vášho widgetu, ktorý sa aktualizuje pri zmene nastavení. Je interaktívny: zatvorte chatové okno pomocou X, aby ste videli zatvorenú bublinu (vrátane textu bubline), a kliknutím na bublinu ho znovu otvorte.
Karta Behavior: Interakcia
Nastavenia správania
| Setting | Description | Default |
|---|---|---|
| Proactive Greeting | Bot automaticky pozdraví návštevníkov po oneskorení (1–10 sekúnd) | On, 3 s |
| Auto-Open | Widget sa automaticky otvorí pre návštevníkov po oneskorení (1–15 sekúnd) | Off, 5 s |
| Sound Enabled | Prehrávanie zvukov pre notifikácie | On |
| Typing Indicator | Zobraziť animáciu, keď bot píše | On |
| Pre-Chat Form | Zachytiť informácie o návštevníkovi pred začiatkom chatu | Off |
| Show on Mobile | Zobraziť widget na mobilných zariadeniach | On |
Maximálna dĺžka správy
Obmedzte, koľko znakov môžu návštevníci zadať do jednej správy (100–10 000 znakov, predvolené 2 000). To pomáha predchádzať nadmernému využívaniu pri veľmi dlhých vstupech. Vymažte pole alebo kliknite na Remove limit, aby ste povolili správy ľubovoľnej dĺžky.
Pre-Chat formulár
Keď je povolený pre-chat formulár, návštevníci vyplnia krátky formulár pred začiatkom konverzácie. Polia si nakonfigurujete sami:
- Typy polí: Text, Email, Phone, Textarea
- Každé pole má label, voliteľný placeholder a prepínač required
- Polia môžete preusporiadať pomocou tlačidiel presunúť hore/dolu alebo ich odstrániť
Ak váš chatbot podporuje viac jazykov, pod editorom polí sa zobrazí sekcia pre preklady. Zadajte preklady pre každý jazyk manuálne, alebo kliknite na Translate with AI, aby sa všetky popisky a placeholdery preložili automaticky.
Živý chat
Karta Behavior tiež obsahuje kartu Live Chat Settings. Povoľte živý chat, aby mohli návštevníci komunikovať s vašimi ľudskými agentmi, a vyberte režim:
| Mode | Description |
|---|---|
| Handoff Only | Živý chat iba v prípade, že bot nedokáže pomôcť |
| Standalone | Návštevníci môžu priamo chatovať s agentmi |
| Both | Dostupné handoff aj priamy živý chat |
Live Chat je dostupný v pláne Professional a vyššie, a vo všetkých Agency plánoch. Pre správu prichádzajúcich konverzácií viď Live Chat.
Branding
V plánoch, ktoré zahŕňajú white-label, sa v dolnej časti karty Behavior zobrazí karta Branding. ChatReact branding je na týchto plánoch štandardne skrytý — povolte Show "Powered by ChatReact", ak si prajete zobraziť ho v päte widgetu.
Fáza učenia
Kým je nový chatbot v učebnej fáze, môžete ovplyvniť, ako opatrne odpovedá — Cautious, Balanced (odporúčané) alebo Confident — v karte Confidence na tej istej stránke nastavení. Táto karta sa zobrazuje v plánoch, ktoré zahŕňajú Improvement Agent. Pre detaily viď sprievodcu Improvement Agent.