Розробники можуть гнучко визначати, де саме буде з’являтися вікно чату, додавши декілька параметрів конфігурації до коду встановлення 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.hideMobileWidget = true;
Щоб впровадити ці налаштування:
Відкрийте код вашого сайту та знайдіть скрипт встановлення Smartsupp.
Додайте необхідні параметри одразу після рядка
_smartsupp.key, перед завантажувачем.Змініть значення параметрів відповідно до дизайну вашого сайту.
Збережіть зміни й оновіть сайт у вікні інкогніто чи приватному режимі, щоб перевірити нову позицію. Зручно також перевіряти мобільну версію на телефоні.
💡 Порада: Команди типу smartsupp('chat:position', ...) не підтримуються. Вікно чату їх ігнорує, а у консолі браузера з’явиться повідомлення "Unknown API command". Всі доступні параметри конфігурації ви знайдете у документації для розробників.
Що далі?
💡 Потрібна додаткова допомога? Зверніться до нашої команди підтримки — ми завжди готові допомогти!