Після встановлення чату Smartsupp на ваш сайт перше, що ви, ймовірно, захочете зробити, — це налаштувати зовнішній вигляд і поведінку вікна чату. Вікно чату Smartsupp поєднує чат і контактну форму в одному віджеті, тому відвідувачі можуть надсилати повідомлення і — якщо ви ввімкнете контактну форму — ділитися деталями, як-от ім’я та ел. пошта.
💡 Де це знайти: Усі наведені нижче параметри розміщені в Налаштуваннях > Канали > Живий чат у вашій панелі управління Smartsupp.
У цій статті:
Що можна налаштувати
У налаштуваннях зовнішнього вигляду вікна чату ви можете змінити такі параметри, щоб віджет відповідав вашому сайту:
Параметр | Що він робить |
Градієнт кольорів | Встановлює кольори вікна чату відповідно до вашого бренду. |
Позиція | Розміщує вікно чату з лівого або правого боку екрана. |
Загальні тексти | Редагує ярлики та повідомлення, які відображаються у вікні чату. |
Тема | Змінює загальний вигляд вікна чату. |
Стиль шапки | Перемикає між шапкою Compact і Standard. Compact зменшує висоту шапки для більш чистого, орієнтованого на вміст віджета; Standard зберігає вищу шапку, що краще підходить для живого чату з кількома операторами. |
Мова вікна чату | Встановлює мову текстів у вікні чату, які бачать ваші відвідувачі. Детальніше дивіться в статті Мови вікна чату. |
🟡 Корисно знати: Віджети, створені з 17 червня 2026 року, за замовчуванням використовують шапку Compact. Раніше створені віджети залишаються в режимі Standard для зворотної сумісності — ви можете в будь-який час перемикатися між ними в налаштуваннях зовнішнього вигляду вікна чату.
Змінити позицію вікна чату
Ви можете перемістити кнопку чату безпосередньо з панелі управління — без змін у коді:
Увійти у свій обліковий запис Smartsupp.
Перейти до Налаштування > Канали > Живий чат > Зовнішній вигляд.
Налаштувати розміщення — вибрати лівий або правий бік екрана, задати вертикальний відступ і відступи від країв.
Зберегти зміни. Оновлена позиція автоматично застосовується на вашому сайті.
💡 Розширені можливості: Розробники можуть точно керувати позицією вікна чату через JavaScript API — дивіться статтю Розширене: позиція вікна чату через JavaScript API.
Примітка — фото агента і аватар вікна чату: Фото, яке бачать відвідувачі у вікні чату, — це фото профілю агента; його не можна задати окремо від фото у внутрішній панелі управління. Старий JavaScript API smartsupp('chat:avatar') для його заміни було видалено і він більше не підтримується.
Що далі?
Мови вікна чату — перегляньте підтримувані мови та як їх змінювати.
Статус вікна чату — керуйте, коли ваше вікно чату відображається онлайн чи офлайн.
Чому я не бачу чат на своєму сайті? — усуньте проблему з вікном чату, яке не відображається.
💡 Потрібна додаткова допомога? Якщо ви не можете знайти потрібне налаштування або щось працює не так, як очікується, зв’яжіться з нашою службою підтримки через чат або ел. пошту — ми будемо раді допомогти.