Разработчики могут детально настроить, где будет отображаться окно чата, добавив несколько параметров конфигурации в код установки 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.
Добавьте нужные параметры сразу после строки
_smartsupp.key, до загрузчика.Настройте значения параметров под ваш дизайн.
Сохраните изменения и обновите сайт в режиме инкогнито или приватном окне, чтобы проверить новую позицию окна чата. Обязательно проверьте, как оно выглядит на телефоне.
💡 Совет: Команды вроде smartsupp('chat:position', ...) не поддерживаются — окно чата их игнорирует, а в консоли браузера появится сообщение "Unknown API command". Со всеми параметрами можно ознакомиться в документации для разработчиков.
Что дальше?
💡 Нужна дополнительная помощь? Свяжитесь с нашей службой поддержки — мы всегда готовы помочь!