--- id: "faq-10496" type: "faq" lang: "uk" title: "Як налаштувати зовнішній вигляд віджета?" url: "https://binomai.com/ua/faq/kak-nastroit-vneshnij-vid-vidzheta/" translation_group: "faq-9326" translations: ru: url: "https://binomai.com/ru/faq/kak-nastroit-vneshnij-vid-vidzheta/" markdown: "https://binomai.com/ai/ru/faq/kak-nastroit-vneshnij-vid-vidzheta.md" en: url: "https://binomai.com/faq/how-to-configure-the-widgets-appearance/" markdown: "https://binomai.com/ai/en/faq/how-to-configure-the-widgets-appearance.md" published: "2026-10-19T16:43:09Z" updated: "2026-10-19T17:16:29Z" --- # Як налаштувати зовнішній вигляд віджета? *Оновлено: 19.10.2026, 17:16 UTC* Візуальна адаптація робить чат органічною частиною вашого сайту, що підвищує довіру користувачів до бренду. **Як налаштувати** 1. У налаштуваннях брендингу ([розділ Інтеграції → вкладка Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2)) завантажте логотип компанії та фонове зображення. 2. У розділі інтеграцій налаштуйте колірну палітру (фон, кнопки, шрифти), радіус заокруглення кутів вікна та розташування віджета на екрані. 3. Налаштуйте текст привітання та лейбл кнопки. **Результат** Ви отримуєте унікально оформлений віджет, який повністю відповідає корпоративному стилю вашої компанії. --- ## Оновлено від 19.10.26 Налаштувати віджет чату Binom - колір, логотип, напис на кнопці, розмір вікна та частоту показу привітання - можна в розділі Інтеграції → Widget. Так кнопка онлайн-консультанта виглядає як частина вашого сайту, а відвідувач одразу розуміє, що це консультант вашої компанії. ## Де налаштовується Відкрийте [Інтеграції → Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2). Усі зміни видно праворуч у блоці "Попередній перегляд чату". Щоб зберегти їх, натисніть "Оновити". Код на сайті змінювати не потрібно: віджет сам підхопить нові налаштування. ## Розмір вікна У блоці "Розмір чату" вкажіть ширину та висоту вікна в пікселях. ## Кольори та стиль вікна За замовчуванням віджет використовує загальні кольори з [Налаштування](https://app.binomai.com/cabinet/binom/settings) → вкладка "Брендинг" - ті самі, що й у iFrame та публічного посилання ([як задати єдиний фірмовий стиль](https://binomai.com/ua/faq/chat-v-cvetah-brenda-brending/)). Щоб задати віджету власні кольори, позначте "Налаштувати оформлення окремо". З'являться блоки: - "Колір чату": "Колір фону чату", "Колір значків у фоні чату", "Колір фону повідомлення синтетичного співробітника", "Колір шрифту повідомлення синтетичного співробітника", "Колір фону повідомлення користувача", "Колір шрифту повідомлення користувача", "Колір шрифту в полі введення повідомлення", "Колір значків у полі введення повідомлення"; - "Стиль і оформлення": заокруглення кутів, внутрішні відступи та відстань між повідомленнями. ## Кнопка віджета У блоці "Налаштування іконки віджета": - **"Пріоритетна мова іконки"** - мова написів на кнопці. - **"Показ картки привітання"** - "На кожній сторінці" або "Один раз за сесію". Оберіть другий варіант, якщо не хочете показувати привітання при кожному переході сайтом. - **"Користувацький напис іконки"** - короткий текст поруч із кнопкою, наприклад "Задайте питання". - **"Час показу лейбла (секунди)"** і **"Колір лейбла"** - скільки секунд напис видно і яким кольором. - **"Логотип віджета"** - PNG, JPEG, WebP або GIF до 5 МБ. Анімований GIF показується і на кнопці, і у спливаючій панелі. ## Привітання Текст першого повідомлення задається не тут, а в [Налаштування](https://app.binomai.com/cabinet/binom/settings) → вкладка "Основні" в полі "Привітальне повідомлення" (до 250 символів). Для сторінок товарів є окреме поле "Привітання на сторінці товару". Натисніть "Зберегти зміни" - сторінка перезавантажиться, щоб застосувати налаштування. ## Можливі проблеми ### Повідомлення "Виберіть PNG, JPEG, WebP або GIF розміром до 5 МБ" **Що зробити:** збережіть логотип в одному з цих форматів і зменште розмір файлу. **Як зрозуміти, що проблему вирішено:** логотип з'явився в попередньому перегляді. ### Картка сіра і позначена "Недоступно на тарифі" **Що це означає:** публічний чат, iFrame і Widget входять до однієї тарифної опції, і її немає у вашому тарифі. На безплатному тарифі Free встановлення віджета та iFrame недоступне ([обмеження тарифу Free](https://binomai.com/ru/faq/v-chem-klyuchevye-ogranicheniya-besplatnoj-versii-free-po-sravneniyu-s-platnymi-tarifami/)). У блоці з кодом замість коду буде повідомлення "Ваш тариф не включає інтеграцію віджета". **Як перейти на потрібний тариф:** 1. Дізнайтеся, який тариф потрібен: у розділі [Інтеграції](https://app.binomai.com/cabinet/binom/integrations) наведіть курсор на сіру картку: підказка "Перейдіть на тариф ..." назве найдоступніший тариф, до якого входить ця інтеграція. Чим відрізняються тарифи Free, Basic, Pro і Business: [скільки коштує Binom AI](https://binomai.com/ru/faq/skolko-stoit-ispolzovanie-platformy-binom-ai-i-ot-kakih-faktorov-zavisit-itogovaya-stoimost/). 2. Відкрийте [Підписка](https://app.binomai.com/cabinet/subscription). Якщо зараз безплатний тариф, натисніть "Вибрати тариф", якщо платний, натисніть "Порівняти тарифи". 3. Виберіть тариф і період оплати (щомісяця, кожні 3 місяці або щороку) та натисніть "Підтвердити і сплатити". Відкриється сторінка оплати. 4. Після оплати з'явиться "Оплата підписки пройшла успішно!". Поверніться до [Інтеграції → Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2): картка буде позначена "Доступно". Бажаєте спочатку спробувати? 7-денний пробний період включає функції тарифу Basic: [як оформити підписку або пробний період](https://binomai.com/ru/faq/kak-oformit-podpisku-ili-testovyj-period/). Якщо після оплати з'явилося "Оплата не була завершена. Ваш тариф не змінився", повторіть оплату або напишіть на support@binomai.com, вказавши email акаунта і обраний тариф. ## Як ще питають ### Як змінити колір кнопки чату на сайті? На вкладці [Інтеграції → Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2) позначте "Налаштувати оформлення окремо" і задайте кольори. Без позначки використовується [загальне оформлення чату з вкладки "Брендинг"](https://binomai.com/ua/faq/chat-v-cvetah-brenda-brending/). ### Чи можна поставити свій логотип у чат? Так, у полі "Логотип віджета" на вкладці [Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2): PNG, JPEG, WebP або GIF до 5 МБ. ## Що далі - [Як встановити віджет на сайт](https://binomai.com/ua/faq/kak-ustanovit-vidzhet-na-sajt/): якщо віджета ще немає на сайті - [Як задати єдиний фірмовий стиль для всіх чатів](https://binomai.com/ua/faq/chat-v-cvetah-brenda-brending/) - [Як налаштувати стиль спілкування під Tone of Voice бренду](https://binomai.com/ua/faq/yak-nalashtuvati-stil-spilkuvannya-shi-spivrobitnika-pid-tone-of-voice-duh-i-czinnosti-mogo-brendu/)