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