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

Расширенные настройки: положение окна чата через 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.


Что дальше?

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

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