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

Розширене: зміна позиції вікна чату через JavaScript API

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

Автор: Michal Jindra

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

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

🟡 Примітка: Для зміни позиції через API потрібен пакет PLUS та доступ розробника до коду сайту.

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

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

Щоб налаштувати:

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

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

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

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

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


Що робити далі?

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

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