Персонализиране на джаджата
Направете чат джаджата да съответства на вашата марка и да се държи точно както желаете. Всички персонализации се правят в таблото ви за управление — промените се прилагат автоматично към уебсайта ви, без да се докосва embed кода.
Настройките ще намерите в Dashboard → Chatbots → изберете вашия чатбот:
- В раздела Widget се управлява външният вид (позиция, цветове, размери, текстове)
- В раздела Behavior се управлява как джаджата взаимодейства с посетителите
Кликнете Save Changes в горната част на страницата, за да приложите редакциите си.
Раздел Widget: Външен вид
Позиция
Изберете къде да се показва джаджата на уебсайта ви:
| Position | Description |
|---|---|
| Bottom Right | Плаващ чат балон в долния десен ъгъл (по подразбиране) |
| Bottom Left | Плаващ чат балон в долния ляв ъгъл |
| Inline (Embedded) | Джаджата е вградена директно в страницата вместо да плава |
При позиция Inline чатът се вгражда на мястото, където е поставен embed скриптът, и е винаги отворен — няма балон, няма бутон за затваряне. Идеално за посветени страници за чат или поддръжка. Вижте Widget Embedding за подробности.
Цветова тема
Изберете една от трите цветови предварителни настройки:
| Preset | Description |
|---|---|
| Default | Стандартната цветова схема на ChatReact |
| Brand | Цветовете на вашата компания от Company Settings |
| Custom | Изберете собствени цветове |
Предварителната настройка Brand е налична само след като са зададени цветове на марката. Отидете в Company Settings, за да извлечете цветове от вашия уебсайт.
При избрано Custom можете да зададете четири основни цвята:
- Primary — балон, градиент на хедъра, бутони и съобщения от посетителя
- Secondary — втори цвят на градиента на хедъра
- Background — фон на чат прозореца
- Text — цвят на текста на съобщенията
Разширени настройки на цветовете
Нуждаете се от повече контрол? При избрана предварителна настройка Custom разширете Advanced Color Settings, за да презапишете автоматично изчислените цветове:
- Visitor Messages — фон и цвят на текста на балончетата със съобщения от посетителя
- Bot Messages — фон и цвят на текста на балончетата със съобщения от бота
- Header Text Color — цвят на заглавието и подзаглавието в хедъра на джаджата
Всичко, което оставите непроменено, се изчислява автоматично за добър контраст. Всяко презаписване има бутон Reset to automatic, за да се върнете към изчисления цвят.
Размер и стил
| Setting | Range | Default |
|---|---|---|
| Border Radius | 0–32 px | 24 px |
| Width | 300–500 px | 380 px |
| Height | 400–700 px | 600 px |
На малки мобилни екрани джаджата автоматично преминава в оформление с пълна ширина, независимо от тези размери.
Лого
Включете Use company logo in widget header, за да покажете логото на компанията в хедъра на чата. Самото лого се качва в Company Settings — препоръчителни: квадратен формат, поне 200×200 px (JPG, PNG, GIF, WebP или SVG, макс. 5 MB).
Тази опция е налична на плана Professional и по-високи, както и във всички Agency планове.
Заглавие в хедъра, подзаглавие и текст на балона
| Field | Description | Default |
|---|---|---|
| Header Title | Заглавие, показвано в хедъра на чат прозореца | "Chat with us" |
| Header Subtitle | По-малък ред под заглавието | "We typically reply within minutes" |
| Bubble Text | Текст, показван до чат балона когато джаджата е затворена | None |
Ако никога не зададете заглавие или подзаглавие, джаджата показва стандартния текст — автоматично локализиран за езика на всеки посетител.
Как работи подзаглавието в хедъра: Докато не сте конфигурирали подзаглавие, джаджата показва локализирания стандартен текст, а формата за настройки предварително попълва този стандартен текст, за да можете да видите и редактирате какво получават посетителите. За да скриете подзаглавието напълно, изчистете полето и запазете — умишлено празно подзаглавие ще остане скрито.
Текстът на балона се появява като малък етикет до затворения чат балон (напр. "Got questions?"). Оставете го празно, за да се показва само кръглият балон.
Преводи на джаджата
Ако вашият чатбот поддържа множество езици, под настройките за външен вид ще се появи карта Widget Translations. Там можете да преведете приветственото съобщение, резервното съобщение, заглавието в хедъра, подзаглавието в хедъра и текста на балона за всеки активиран език.
Сами приветственото и резервното съобщение се конфигурират в раздела Persona на настройките на вашия чатбот.
Живо визуализиране
Дясната колона в раздела Widget показва Live Preview на вашата джаджа, който се обновява докато променяте настройки. Той е интерактивен: затворете чат прозореца с X, за да видите затворения балон (включително текста на балона), и кликнете върху балона, за да го отворите отново.
Раздел Behavior: Взаимодействие
Настройки за поведение
| Setting | Description | Default |
|---|---|---|
| Proactive Greeting | Ботът приветства посетителите автоматично след забавяне (1–10 секунди) | On, 3 s |
| Auto-Open | Джаджата се отваря автоматично за посетителите след забавяне (1–15 секунди) | Off, 5 s |
| Sound Enabled | Възпроизвеждане на звуци за известия | On |
| Typing Indicator | Показване на анимация докато ботът пише | On |
| Pre-Chat Form | Събиране на информация за посетителя преди започване на чата | Off |
| Show on Mobile | Показване на джаджата на мобилни устройства | On |
Максимална дължина на съобщението
Ограничете колко символа могат да въвеждат посетителите на съобщение (100–10 000 символа, по подразбиране 2 000). Това помага да се предотврати прекомерна употреба от много дълги въвеждания. Изчистете полето или кликнете Remove limit, за да позволите съобщения с неограничена дължина.
Pre-Chat Form
Когато предчат формата е включена, посетителите попълват кратка форма преди да започне разговора. Вие конфигурирате полетата сами:
- Field types: Text, Email, Phone, Textarea
- Всяко поле има label, опционален placeholder и превключвател required
- Пренареждайте полетата със бутоните за местене нагоре/надолу или ги премахвайте
Ако вашият чатбот поддържа множество езици, под редактора на полетата ще се появи секция за преводи. Въведете преводите за всеки език ръчно или кликнете Translate with AI, за да преведете автоматично всички етикети и placeholder-и.
Жив чат
В раздела Behavior също има карта Live Chat Settings. Включете живия чат, за да позволите на посетителите да разговарят с вашите човешки агенти, и изберете режим:
| Mode | Description |
|---|---|
| Handoff Only | Жив чат само когато ботът не може да помогне |
| Standalone | Посетителите могат да чатят директно с агенти |
| Both | Налични са както прехвърляне, така и директен жив чат |
Live Chat е наличен на плана Professional и по-високи, както и във всички Agency планове. Вижте Live Chat за това как да управлявате входящите разговори.
Брандиране
На планове, които включват white-label, в долната част на раздела Behavior се появява карта Branding. Брандирането на ChatReact е скрито по подразбиране на тези планове — включете Show "Powered by ChatReact", ако желаете да го показвате във футъра на джаджата.
Фаза на обучение
Докато нов чатбот е в своята фаза на обучение, можете да контролирате колко внимателно отговаря — Cautious, Balanced (препоръчително) или Confident — в раздела Confidence на същата страница с настройки. Този раздел се появява на планове, които включват Improvement Agent. Вижте ръководството Improvement Agent за подробности.