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

Продвинутое: настройка положения окна чата через JavaScript API

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

Автор: Michal Jindra

С помощью Smartsupp JavaScript API разработчики могут точно определить, где на вашем сайте появится чат-виджет. В этом руководстве показано, как задать положение окна чата прямо в коде — при необходимости отдельно для компьютеров и мобильных устройств.

Продвинутое: настройка через JavaScript API

🟡 Примечание: Для изменения позиции через API требуется тариф Plus и доступ разработчика к коду вашего сайта.

С помощью Smartsupp JavaScript API вы получаете максимальную гибкость в управлении размещением чата. Например, можно легко указать разные позиции для компьютеров и мобильных устройств:

<script>// Для компьютеровsmartsupp('chat:position', { bottom: 20, right: 20 });// Для мобильных устройствif (window.innerWidth < 768) {  smartsupp('chat:position', { bottom: 100, right: 10 });}</script>

Чтобы реализовать это:

  1. Откройте код вашего сайта и найдите скрипт установки Smartsupp.

  2. Вставьте приведённый выше код сразу после скрипта Smartsupp.

  3. Настройте значения bottom и right под дизайн вашего сайта для каждого типа устройств.

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

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


Что дальше?

💡 Понадобилась помощь? Обратитесь в нашу службу поддержки — с радостью поможем вам!

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