Розробники можуть гнучко визначати, де саме відображатиметься вікно чату, додавши кілька параметрів конфігурації до коду встановлення Smartsupp. У цьому посібнику показано, як перенести вікно чату на ліву сторону, змінити його відступи від стандартної позиції та встановити окреме розташування для мобільних пристроїв.
Розширене: положення у коді встановлення
🟡 Примітка: для цього потрібен доступ розробника до коду сайту. Можливість розмістити вікно чату зліва доступна на плані Solo або вище.
Додавайте параметри у конфігураційну частину вашого коду встановлення: одразу після рядка з _smartsupp.key і до завантажувача (фрагмент, що починається з window.smartsupp||). Вікно чату враховує ці налаштування під час завантаження, тому вони мають бути прописані до запуску завантажувача.
Щоб перенести вікно чату на лівий край:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...решта вашого коду встановлення (завантажувач)</script>Щоб змістити вікно чату від звичної позиції (значення у пікселях):
_smartsupp.offsetX = 20; // відступ від бокового краю _smartsupp.offsetY = 100; // піднімає від нижнього краю
Щоб встановити окреме положення лише для мобільних пристроїв:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...решта вашого коду встановлення (завантажувач)</script>Для цього виконайте такі дії:
Відкрийте код вашого сайту й знайдіть скрипт встановлення Smartsupp.
Додайте потрібні параметри одразу після рядка
_smartsupp.key, перед завантажувачем.Встановіть значення, які найкраще підходять до дизайну вашого сайту.
Збережіть зміни та перегляньте сайт у режимі інкогніто чи приватному вікні, щоб перевірити нову позицію. Окремо протестуйте мобільну версію на смартфоні.
💡 Порада: Команди на кшталт smartsupp('chat:position', ...) не підтримуються. Вікно чату їх ігнорує, а у консолі браузера з'являється повідомлення: "Unknown API command". З повним переліком параметрів можна ознайомитися в документації для розробників.
Що далі?
💡 Потрібна допомога? Зверніться до нашої команди підтримки — ми завжди раді допомогти!