К основному содержимому

Расширенные настройки: позиция окна чата через JavaScript API

Управляйте позицией окна чата в коде, включая разные позиции для компьютеров и мобильных устройств.

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. Откройте код Вашего сайта и найдите script установки Smartsupp.

  2. Вставьте указанный выше фрагмент кода сразу под script Smartsupp.

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

  4. Сохраните изменения и обновите Ваш сайт в режиме инкогнито или в приватном окне, чтобы проверить новые позиции.

💡 Совет: для полного контроля Вы можете создать собственную кнопку и управлять widget чата полностью через JavaScript API.


Что дальше?

💡 Нужна дополнительная помощь? Свяжитесь с нашей службой поддержки — мы будем рады помочь!

Нашли ответ на свой вопрос?