Як налаштувати зовнішній вигляд віджета?
Візуальна адаптація робить чат органічною частиною вашого сайту, що підвищує довіру користувачів до бренду.
Як налаштувати
- У налаштуваннях брендингу (розділ Інтеграції → вкладка Widget) завантажте логотип компанії та фонове зображення.
- У розділі інтеграцій налаштуйте колірну палітру (фон, кнопки, шрифти), радіус заокруглення кутів вікна та розташування віджета на екрані.
- Налаштуйте текст привітання та лейбл кнопки.
Результат
Ви отримуєте унікально оформлений віджет, який повністю відповідає корпоративному стилю вашої компанії.
Оновлено від 19.10.26
Налаштувати віджет чату Binom – колір, логотип, напис на кнопці, розмір вікна та частоту показу привітання – можна в розділі Інтеграції → Widget. Так кнопка онлайн-консультанта виглядає як частина вашого сайту, а відвідувач одразу розуміє, що це консультант вашої компанії.
Де налаштовується
Відкрийте Інтеграції → Widget. Усі зміни видно праворуч у блоці "Попередній перегляд чату". Щоб зберегти їх, натисніть "Оновити". Код на сайті змінювати не потрібно: віджет сам підхопить нові налаштування.
Розмір вікна
У блоці "Розмір чату" вкажіть ширину та висоту вікна в пікселях.
Кольори та стиль вікна
За замовчуванням віджет використовує загальні кольори з Налаштування → вкладка "Брендинг" – ті самі, що й у iFrame та публічного посилання (як задати єдиний фірмовий стиль). Щоб задати віджету власні кольори, позначте "Налаштувати оформлення окремо". З'являться блоки:
- "Колір чату": "Колір фону чату", "Колір значків у фоні чату", "Колір фону повідомлення синтетичного співробітника", "Колір шрифту повідомлення синтетичного співробітника", "Колір фону повідомлення користувача", "Колір шрифту повідомлення користувача", "Колір шрифту в полі введення повідомлення", "Колір значків у полі введення повідомлення";
- "Стиль і оформлення": заокруглення кутів, внутрішні відступи та відстань між повідомленнями.
Кнопка віджета
У блоці "Налаштування іконки віджета":
- "Пріоритетна мова іконки" – мова написів на кнопці.
- "Показ картки привітання" – "На кожній сторінці" або "Один раз за сесію". Оберіть другий варіант, якщо не хочете показувати привітання при кожному переході сайтом.
- "Користувацький напис іконки" – короткий текст поруч із кнопкою, наприклад "Задайте питання".
- "Час показу лейбла (секунди)" і "Колір лейбла" – скільки секунд напис видно і яким кольором.
- "Логотип віджета" – PNG, JPEG, WebP або GIF до 5 МБ. Анімований GIF показується і на кнопці, і у спливаючій панелі.
Привітання
Текст першого повідомлення задається не тут, а в Налаштування → вкладка "Основні" в полі "Привітальне повідомлення" (до 250 символів). Для сторінок товарів є окреме поле "Привітання на сторінці товару". Натисніть "Зберегти зміни" – сторінка перезавантажиться, щоб застосувати налаштування.
Можливі проблеми
Повідомлення "Виберіть PNG, JPEG, WebP або GIF розміром до 5 МБ"
Що зробити: збережіть логотип в одному з цих форматів і зменште розмір файлу.
Як зрозуміти, що проблему вирішено: логотип з'явився в попередньому перегляді.
Картка сіра і позначена "Недоступно на тарифі"
Що це означає: публічний чат, iFrame і Widget входять до однієї тарифної опції, і її немає у вашому тарифі. На безплатному тарифі Free встановлення віджета та iFrame недоступне (обмеження тарифу Free). У блоці з кодом замість коду буде повідомлення "Ваш тариф не включає інтеграцію віджета".
Як перейти на потрібний тариф:
- Дізнайтеся, який тариф потрібен: у розділі Інтеграції наведіть курсор на сіру картку: підказка "Перейдіть на тариф …" назве найдоступніший тариф, до якого входить ця інтеграція. Чим відрізняються тарифи Free, Basic, Pro і Business: скільки коштує Binom AI.
- Відкрийте Підписка. Якщо зараз безплатний тариф, натисніть "Вибрати тариф", якщо платний, натисніть "Порівняти тарифи".
- Виберіть тариф і період оплати (щомісяця, кожні 3 місяці або щороку) та натисніть "Підтвердити і сплатити". Відкриється сторінка оплати.
- Після оплати з'явиться "Оплата підписки пройшла успішно!". Поверніться до Інтеграції → Widget: картка буде позначена "Доступно".
Бажаєте спочатку спробувати? 7-денний пробний період включає функції тарифу Basic: як оформити підписку або пробний період. Якщо після оплати з'явилося "Оплата не була завершена. Ваш тариф не змінився", повторіть оплату або напишіть на support@binomai.com, вказавши email акаунта і обраний тариф.
Як ще питають
Як змінити колір кнопки чату на сайті?
На вкладці Інтеграції → Widget позначте "Налаштувати оформлення окремо" і задайте кольори. Без позначки використовується загальне оформлення чату з вкладки "Брендинг".
Чи можна поставити свій логотип у чат?
Так, у полі "Логотип віджета" на вкладці Widget: PNG, JPEG, WebP або GIF до 5 МБ.
Що далі
- Як встановити віджет на сайт: якщо віджета ще немає на сайті
- Як задати єдиний фірмовий стиль для всіх чатів
- Як налаштувати стиль спілкування під Tone of Voice бренду
