Стиль та брендинг

Чат-віджет повністю налаштовується. Параметри знаходяться у двох місцях:

Віджет → Стиль — кольори, шрифти, бабли повідомлень, розмір віджета, фіксовані посилання та підвал.
Віджет → Контент — ім'я бота, привітання, аватар, мова та текст брендингу.

Кожна зміна одразу показується в Попередньому перегляді праворуч, і більшість параметрів зберігаються автоматично під час редагування.

Тема

Оберіть Світлу або Темну. Це задає базову колірну схему всього віджета — фон, текст, межі та поля вводу.

Вибір Темної не впливає на тему вашого сайту — лише на віджет.

Колір віджета

Основний акцентний колір для шапки, кнопки надсилання та баблів користувача. Натисніть на зразок кольору, щоб відкрити палітру, або введіть hex-значення напряму — наприклад #1a56db.

Колір та іконка кнопки-запуску

Плаваюча кнопка, яку відвідувачі натискають, щоб відкрити чат.

Колір — за замовчуванням дорівнює кольору віджета, якщо не задано окремо.
Іконка — стандартна іконка чату, власний емодзі або завантажене невелике зображення PNG/SVG (рекомендовано: 40×40px).

Аватар бота

Показується поруч із кожним повідомленням бота. Варіанти:

Емодзі — будь-який символ емодзі. Простий і читабельний у малому розмірі.
Зображення — завантажте PNG або JPG. Обрізається по колу. Рекомендований розмір: 80×80px.

Шапка чату

У блоці Стиль → Заголовок чату можна задати:

Підзаголовок — невеликий текст під ім'ям бота (наприклад «AI асистент» або роль бота).
Колір імені та Колір підзаголовку — перевизначення кольорів тексту шапки.
Підказка скидання — напис на кнопці «Нова розмова».

Саме ім'я бота та привітальне повідомлення (перше, що бачать відвідувачі) задаються у Віджет → Контент. Тримайте привітання дружнім та орієнтованим на дію:

Привіт! 👋 Я ваш асистент підтримки. Запитайте мене про наші товари чи послуги.

Бабли повідомлень

У блоці Стиль → Повідомлення:

Плейсхолдер поля вводу — підказка в полі (за замовчуванням «Напишіть повідомлення…»).
Розмір шрифту — базовий розмір шрифту розмови.
Бабл користувача — колір фону та тексту повідомлень відвідувача (увімкніть Перевизначити, щоб задати власний фон).
Бабл бота — колір фону та тексту відповідей бота.

Розмір віджета

У Стиль → Розмір віджета перетягуйте повзунки, щоб задати розміри вікна чату:

Ширина — від 240 до 520 px
Висота — від 360 до 800 px

Заданий тут розмір застосовується до вбудованого віджета на сайті, а не лише до перегляду в кабінеті. На мобільних віджет завжди розгортається на весь екран.

Мова віджета

За замовчуванням віджет автоматично визначає мову відвідувача з його браузера й локалізує всі вбудовані написи (кнопки, поля форм, плейсхолдери). Щоб задати конкретну мову, оберіть її у випадному списку Мова на вкладці Стиль (англійська, українська, польська, німецька, іспанська, французька, італійська).

Це керує лише написами інтерфейсу віджета. Бот завжди відповідає мовою, якою пише відвідувач.

Фіксовані посилання

У Стиль → Фіксовані посилання можна закріпити до 6 посилань, що з'являються поруч із відповідями бота — зручно для сторінки контактів, цін або заклику «Замовити демо».

Для кожного посилання задайте Напис і URL (лише http/https). Також можна керувати:

Фон / колір тексту / розмір — під ваш бренд.
Розташування — Під кожним повідомленням (під кожною відповіддю) або Внизу чату (постійна панель над полем вводу).

Власний HTML підвалу

У Стиль → Підвал чату можна додати власний HTML під розмовою — дисклеймер, посилання на політику конфіденційності або години роботи.

З міркувань безпеки дозволені лише ці теги: <a>, , , , , ,  . Посилання автоматично відкриваються в новій вкладці.

Власний підвал доступний на тарифі Business і вище.

Брендинг

За замовчуванням внизу віджета показується невелике посилання «Powered by BotChata».

Щоб замінити його власним брендом, перейдіть у Віджет → Контент:

Власна назва бренду — назва вашої компанії.
Власний URL бренду — посилання тексту бренду на ваш сайт.

Щоб повністю приховати брендинг, потрібен тариф із white-label (Enterprise/Agency). Див. Тарифи та оплата.

Кнопка контакту

Щоб додати пряме посилання для зв'язку в шапці віджета, задайте Віджет → Контент → Contact URL значення mailto:support@yoursite.com або tel:+1234567890. Іконка контакту з'являється, коли поле заповнене, і прихована, коли порожнє.

Голосовий ввід

Якщо браузер відвідувача підтримує розпізнавання мовлення (Chrome, Edge, Safari), у полі вводу автоматично з'являється іконка мікрофона — без налаштувань. Відвідувач може продиктувати повідомлення, переглянути розшифровку та відредагувати її перед надсиланням. На браузерах без підтримки (наприклад Firefox) мікрофон тихо прихований.

Меню-запуск ＋

У підвалі віджета є єдине меню ＋, яке вміщує бронювання та будь-які форми чи віджети, які ви оберете. Додайте елемент, увімкнувши «Показувати в меню віджета» на власній формі (Власні форми) або віджеті з конструктора (Конструктор віджетів). Бронювання з'являється тут автоматично, коли воно увімкнене. Меню приховане, коли показувати нічого.