Перейти до основного контенту

Базові налаштування вікна чату

Дізнайтеся, як налаштувати вигляд і основні налаштування вікна чату Smartsupp, щоб воно гармонійно поєднувалося з вашим сайтом і покращувало взаємодію з відвідувачами.

Автор: Michal Jindra

Після встановлення чату Smartsupp на ваш вебсайт, перше, що ви, ймовірно, захочете зробити — це налаштувати, як виглядає та працює вікно чату. Вікно чату Smartsupp поєднує чат і контактну форму в одному widget, щоб відвідувачі могли надсилати повідомлення, а — якщо ви активуєте контактну форму — ділитися такими даними, як ім’я та ел. пошта.

💡 Де шукати: Усі зазначені нижче параметри знаходяться у Налаштуваннях > Каналах > Живому чаті панелі управління Smartsupp.

У цій статті:


Що можна налаштувати

У налаштуваннях вигляду вікна чату ви можете підлаштувати наступне, щоб widget відповідав стилю вашого сайту:

Налаштування

Що це робить

Градієнт кольору

Встановлює кольори вікна чату відповідно до вашого бренду.

Позиція

Розміщує вікно чату ліворуч або праворуч від екрана.

Загальні тексти

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

Тема

Змінює загальний вигляд вікна чату.

Стиль заголовка

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

Мова вікна чату

Встановлює мову текстів у вікні чату для ваших відвідувачів. Докладніше дивіться Мови вікна чату.

🟡 Корисно знати: Віджети, створені з 17 червня 2026 року, мають Компактний заголовок за замовчуванням. Для раніше створених віджетів зберігається Стандартний — ви можете перемкнути між стилями у ваших налаштуваннях зовнішнього вигляду вікна чату в будь-який момент.


Як змінити позицію вікна чату

Переміщуйте кнопку чату без необхідності змінювати код — прямо у вашій панелі управління:

  1. Увійдіть у свій обліковий запис Smartsupp.

  2. Перейдіть у Налаштування > Канали > Живий чат > Зовнішній вигляд.

  3. Відрегулюйте розташування — оберіть лівий чи правий бік екрана, задайте вертикальний зсув і проміжок від країв.

  4. Збережіть зміни. Оновлене розташування буде застосовано на вашому сайті автоматично.


💡 Додатково: Розробники можуть точно керувати розташуванням вікна чату через JavaScript API — дивіться Додатково: позиція вікна чату через JavaScript API.

Примітка — фото агента і аватар вікна чату: Фото, яке бачать відвідувачі у вікні чату, — це фото профілю агента; його не можна окремо встановити від фото у внутрішній панелі. Старий JavaScript API smartsupp('chat:avatar') для зміни аватара видалено і він більше не підтримується.

Що далі?

💡 Потрібна допомога? Якщо не знаходите потрібного налаштування або щось працює не так, звертайтесь до нашої служби підтримки через чат або ел. пошту — ми з радістю допоможемо.

Ви отримали відповідь на своє запитання?