Přizpůsobení widgetu
Upravte chatovací widget tak, aby odpovídal vaší značce a choval se přesně podle vašich představ. Veškeré přizpůsobení probíhá v ovládacím panelu — změny se na vašem webu uplatní automaticky, bez zásahu do embed kódu.
Nastavení najdete v Dashboard → Chatbots → vyberte svého chatbota:
- Záložka Widget ovládá vzhled (pozice, barvy, velikost, texty)
- Záložka Behavior ovládá, jak widget interaguje s návštěvníky
Klikněte na Save Changes v horní části stránky, aby se vaše úpravy uplatnily.
Záložka Widget: Vzhled
Pozice
Zvolte, kde se widget na vašem webu zobrazuje:
| Position | Description |
|---|---|
| Bottom Right | Plovoucí chatovací bublina v pravém dolním rohu (výchozí) |
| Bottom Left | Plovoucí chatovací bublina v levém dolním rohu |
| Inline (Embedded) | Widget je vložen přímo do stránky místo plovoucí bubliny |
S pozicí Inline je chat vložen na místo, kde je umístěn embed skript, a je vždy otevřený — žádná bublina, žádné zavírací tlačítko. Ideální pro samostatné chatovací nebo podpůrné stránky. Podrobnosti najdete v Widget Embedding.
Barevné téma
Vyberte jednu ze tří předvoleb barev:
| Preset | Description |
|---|---|
| Default | Standardní barevné schéma ChatReact |
| Brand | Barvy vaší společnosti z Company Settings |
| Custom | Zvolte vlastní barvy |
Předvolba Brand je dostupná pouze poté, co jsou nastaveny brand barvy. Přejděte do Company Settings pro extrakci barev z vašeho webu.
Po výběru Custom můžete nastavit čtyři základní barvy:
- Primary — bublina, gradient záhlaví, tlačítka a zprávy návštěvníka
- Secondary — druhá barva gradientu záhlaví
- Background — pozadí chatovacího okna
- Text — barva textu zpráv
Pokročilá nastavení barev
Potřebujete větší kontrolu? Pokud je vybraná předvolba Custom, rozbalte Advanced Color Settings a přepište automaticky vypočítané barvy:
- Visitor Messages — pozadí a barva textu bublin zpráv návštěvníka
- Bot Messages — pozadí a barva textu bublin zpráv bota
- Header Text Color — barva titulu a podtitulu v záhlaví widgetu
Všechno, co necháte nedotčené, se automaticky vypočítá pro dobrý kontrast. Každé přepsání má tlačítko Reset to automatic pro návrat k vypočítané barvě.
Velikost a styl
| 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 obrazovkách mobilních zařízení se widget automaticky přepne na rozvržení přes celou šířku, bez ohledu na tyto rozměry.
Logo
Povolte Use company logo in widget header, chcete-li zobrazit logo vaší společnosti v hlavičce chatu. Samotné logo se nahrává v Company Settings — doporučeno: čtvercové, minimálně 200×200 px (JPG, PNG, GIF, WebP nebo SVG, max. 5 MB).
Tato možnost je dostupná na plánu Professional a výše, a na všech Agency plánech.
Titul hlavičky, podtitul & text bubliny
| Field | Description | Default |
|---|---|---|
| Header Title | Titul zobrazený v hlavičce chatovacího okna | "Chat with us" |
| Header Subtitle | Menší řádek pod titulem | "We typically reply within minutes" |
| Bubble Text | Text zobrazený vedle chatovací bubliny, když je widget zavřený | None |
Pokud nikdy nenastavíte titul nebo podtitul, widget zobrazí výchozí text — automaticky lokalizovaný do jazyka každého návštěvníka.
Jak funguje podtitul hlavičky: Dokud nemáte nakonfigurovaný podtitul, widget zobrazuje lokalizovaný výchozí text a formulář nastavení toto výchozí nastavení předvyplní, abyste viděli a mohli upravit, co návštěvníci uvidí. Chcete-li podtitul skrýt úplně, vymažte pole a uložte — úmyslně vyprázdněný podtitul zůstane skrytý.
Text bubliny se zobrazí jako malý štítek vedle zavřené chatovací bubliny (např. "Máte dotazy?"). Nechte pole prázdné, chcete‑li zobrazit pouze kulatou bublinu.
Překlady widgetu
Pokud váš chatbot podporuje více jazyků, pod nastavením vzhledu se zobrazí karta Widget Translations. Tam můžete přeložit uvítací zprávu, fallback zprávu, titul hlavičky, podtitul hlavičky a text bubliny pro každý povolený jazyk.
Samotné uvítací a fallback zprávy se konfigurují v záložce Persona v nastavení vašeho chatbota.
Živý náhled
Pravý sloupec záložky Widget zobrazuje Live Preview vašeho widgetu, který se aktualizuje při změně nastavení. Je interaktivní: zavřete chatovací okno křížkem, abyste viděli zavřenou bublinu (včetně vašeho textu bubliny), a klikněte na bublinu pro opětovné otevření.
Záložka Behavior: Interakce
Nastavení chování
| Setting | Description | Default |
|---|---|---|
| Proactive Greeting | Bot automaticky pozdraví návštěvníky po prodlení (1–10 sekund) | On, 3 s |
| Auto-Open | Widget se po prodlení automaticky otevře pro návštěvníky (1–15 sekund) | Off, 5 s |
| Sound Enabled | Přehrávat zvuky pro oznámení | On |
| Typing Indicator | Zobrazit animaci během psaní bota | On |
| Pre-Chat Form | Zachytit informace o návštěvníkovi před zahájením chatu | Off |
| Show on Mobile | Zobrazovat widget na mobilních zařízeních | On |
Maximální délka zprávy
Omezte, kolik znaků mohou návštěvníci zadat do jedné zprávy (100–10 000 znaků, výchozí 2 000). To pomáhá předcházet nadměrnému využití velmi dlouhými vstupy. Vymažte pole nebo klikněte na Remove limit pro povolení zpráv libovolné délky.
Pre-Chat formulář
Když je pre-chat formulář povolen, návštěvníci vyplní krátký formulář před zahájením konverzace. Pole nastavujete sami:
- Typy polí: Text, Email, Phone, Textarea
- Každé pole má label, volitelný placeholder a přepínač required
- Pořadí polí změňte tlačítky posunout nahoru/dolů, nebo je odstraňte
Pokud váš chatbot podporuje více jazyků, pod editorem polí se zobrazí sekce překladů. Zadejte překlady pro každý jazyk ručně, nebo klikněte na Translate with AI pro automatický překlad všech popisků a placeholderů.
Live Chat
Záložka Behavior také obsahuje kartu Live Chat Settings. Povolte živý chat, chcete‑li umožnit návštěvníkům komunikovat s vašimi lidskými agenty, a zvolte režim:
| Mode | Description |
|---|---|
| Handoff Only | Živý chat pouze když bot nedokáže pomoci |
| Standalone | Návštěvníci mohou chatovat přímo s agenty |
| Both | K dispozici handoff i přímý živý chat |
Live Chat je dostupný na plánu Professional a výše, a na všech Agency plánech. Podívejte se na Live Chat pro informace o tom, jak spravovat příchozí konverzace.
Branding
Na plánech zahrnujících white‑label se na spodku záložky Behavior zobrazí karta Branding. Brandování ChatReact je na těchto plánech ve výchozím nastavení skryté — povolte Show "Powered by ChatReact", pokud jej chcete přesto zobrazit v patičce widgetu.
Fáze učení
Dokud je nový chatbot ve fázi učení, můžete ovládat, jak obezřetně odpovídá — Cautious, Balanced (doporučeno) nebo Confident — v záložce Confidence na téže stránce nastavení. Tato záložka se zobrazuje na plánech, které zahrnují Improvement Agent. Podrobnosti najdete v průvodci Improvement Agent.