--- id: "faq-9326" type: "faq" lang: "ru" title: "Как настроить внешний вид виджета?" url: "https://binomai.com/ru/faq/kak-nastroit-vneshnij-vid-vidzheta/" translation_group: "faq-9326" translations: 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" uk: url: "https://binomai.com/ua/faq/kak-nastroit-vneshnij-vid-vidzheta/" markdown: "https://binomai.com/ai/ua/faq/kak-nastroit-vneshnij-vid-vidzheta.md" published: "2026-07-29T16:02:56Z" updated: "2026-10-21T01:05:27Z" --- # Как настроить внешний вид виджета? *Обновлено: 21.10.2026, 01:05 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/ru/faq/brand-colors-chat-window/)). Чтобы задать виджету собственные цвета, отметьте "Настроить оформление отдельно". Появятся блоки: - "Цвет чата": "Цвет фона чата", "Цвет значков в фоне чата", "Цвет фона сообщения синтетического сотрудника", "Цвет шрифта сообщения синтетического сотрудника", "Цвет фона сообщения пользователя", "Цвет шрифта сообщения пользователя", "Цвет шрифта в поле ввода сообщения", "Цвет значков в поле ввода сообщения"; - "Стиль и оформление": скругление углов, внутренние отступы и расстояние между сообщениями. ## Кнопка виджета В блоке "Настройки иконки виджета": - **"Приоритетный язык иконки"** - язык надписей на кнопке. - **"Показ карточки приветствия"** - "На каждой странице" или "Один раз за сессию". Выберите второй вариант, если не хотите показывать приветствие при каждом переходе по сайту. - **"Пользовательская надпись иконки"** - короткий текст рядом с кнопкой, например "Задайте вопрос". - **"Время показа лейбла (секунды)"** и **"Цвет лейбла"** - сколько секунд надпись видна и каким цветом. - **"Логотип виджета"** - 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/ru/faq/brand-colors-chat-window/). ### Можно ли поставить свой логотип в чат? Да, в поле "Логотип виджета" на вкладке [Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2): PNG, JPEG, WebP или GIF до 5 МБ. ## Что дальше - [Как установить виджет на сайт](https://binomai.com/ru/faq/kak-ustanovit-vidzhet-na-sajt/) - если виджет ещё не на сайте - [Как задать единый фирменный стиль для всех чатов](https://binomai.com/ru/faq/brand-colors-chat-window/) - [Как настроить стиль общения под Tone of Voice бренда](https://binomai.com/ru/faq/kak-nastroit-stil-obshheniya-ii-sotrudnika-pod-tone-of-voice-duh-i-czennosti-moego-brenda/)