Дизайн виджета

Настройка внешнего вида AI‑виджета

Логотип, цвета, положение и формат кнопки — с живым предпросмотром до публикации.

Обновлено 22 июля 20266 минут чтенияПрактическое руководство

Как оформить AI‑виджет INWISE AI под бренд: логотип, цвет, положение, вид кнопки, заголовок и живой предпросмотр. Ниже — рабочие рекомендации, которые помогут настроить функцию осознанно и проверить результат до публикации.

Какие элементы можно изменить

  • включить или временно скрыть кнопку на подключённых сайтах;
  • задать заголовок и подзаголовок;
  • выбрать положение снизу справа или слева;
  • назначить акцентный цвет;
  • настроить фон кнопки и шапки чата;
  • изменить текст статуса и подпись внизу;
  • загрузить собственный логотип.
Настройки внешнего вида AI виджета INWISE AI
Внешний вид виджета и живой предпросмотр в одном экране.

Как выбрать вид кнопки

Полная кнопка показывает логотип, заголовок и подзаголовок. Она лучше знакомит пользователя с новым сервисом. Компактная оставляет логотип и короткий заголовок — хороший баланс для насыщенных интерфейсов. Вариант «Только логотип» занимает минимум места и подходит продуктам, где назначение чата уже понятно.

Для первого запуска обычно эффективнее полная или компактная кнопка: она объясняет, что именно произойдёт после клика.

Рекомендации по фирменному оформлению

Используйте контрастный акцент, который заметен на большинстве страниц, но не конкурирует с основной кнопкой покупки. Проверяйте цвет на светлом и тёмном фоне. Для логотипа подходят PNG, JPEG и WebP до 2 МБ; лучше использовать простой знак без мелкого текста.

Заголовок должен отвечать на вопрос «кто поможет», а подзаголовок — «с чем можно обратиться». Например: «Помощник по продукту» и «Найдём ответ в документации».

Живой предпросмотр

Справа отображается рабочая модель чата. В ней можно очистить диалог, показать автоприветствие и открыть окно. Предпросмотр позволяет оценить визуальную иерархию до публикации, а сохранённые изменения применяются на подключённых сайтах.

Частые вопросы

Какой размер логотипа использовать?

Используйте квадратное изображение с простым знаком и достаточными внутренними полями. Интерфейс принимает PNG, JPEG или WebP до 2 МБ.

Можно ли временно убрать кнопку?

Да. Переключатель активности скрывает кнопку на подключённых сайтах без удаления установочного кода.

Когда изменения увидят пользователи?

После сохранения новые настройки применяются к подключённому виджету. Если страница уже открыта, может понадобиться обновление.