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

Розширені можливості: розташування вікна чату через JavaScript API

Керуйте розташуванням вікна чату в коді, зокрема задавайте різні розташування для комп’ютерів і мобільних пристроїв.

Автор: Michal Jindra

JavaScript API Smartsupp дає розробникам змогу точно керувати тим, де на вашому сайті з’являється widget чату. Цей посібник показує, як задати розташування вікна чату в коді — зокрема різні розташування для комп’ютерів і мобільних пристроїв.

Розширені можливості: розташування через JavaScript API

🟡 Примітка: Для зміни розташування через API потрібен пакет Plus і доступ розробника до коду вашого сайту.

JavaScript API Smartsupp дає розробникам змогу точніше керувати widget чату. Наприклад, ви можете задати різні розташування для комп’ютерів і мобільних пристроїв:

<script>// Desktop positionsmartsupp('chat:position', { bottom: 20, right: 20 });// Mobile overrideif (window.innerWidth < 768) {  smartsupp('chat:position', { bottom: 100, right: 10 });}</script>

Щоб це реалізувати:

  1. Відкрийте код вашого сайту та знайдіть скрипт встановлення Smartsupp.

  2. Вставте наведений вище фрагмент коду безпосередньо під скриптом Smartsupp.

  3. Налаштуйте значення bottom і right відповідно до вашого дизайну для комп’ютерів і мобільних пристроїв.

  4. Збережіть зміни та оновіть сайт у вікні інкогніто або приватному вікні, щоб перевірити нові розташування.

💡 Порада: Для повного контролю ви можете створити власну кнопку та керувати widget чату повністю через JavaScript API.


Що далі?

💡 Потрібна додаткова допомога? Зверніться до нашої Команди підтримки — ми раді допомогти!

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