Работаете с интернет-магазином на Shoper? В этом руководстве вы найдёте подробные инструкции по подключению Smartsupp — от установки дополнения в один клик до ручного метода вставки кода.
Мы разделили руководство на следующие секции:
Установить дополнение Smartsupp
В панели управления Shoper перейдите в Дополнения и интеграции > Приложения. Пролистайте вниз и найдите Smartsupp (в списке он указан как Smartsupp - Live Czat, Czatbot, Mira AI и больше инструментов AI), затем кликните по нему.
Нажмите Установить приложение.
Примите условия App Store, затем нажмите Установить.
Вы увидите сообщение с подтверждением, что дополнение Smartsupp успешно установлено.
Настроить Smartsupp
После установки перейдите в Дополнения и интеграции > Мои приложения и нажмите на значок Smartsupp.
Теперь вы можете создать новый аккаунт Smartsupp или войти в уже существующий, чтобы связать его с вашим магазином Shoper.
После подключения вы можете начать общение с посетителями или изменить настройки Smartsupp с помощью Smartsupp API. Не забудьте Сохранить изменения.
Совет: После сохранения откройте ваш магазин в новой вкладке и обновите страницу — теперь виджет Smartsupp должен быть виден.
Ручная установка кода
Если установка дополнения не работает, вы можете добавить код Smartsupp вручную как JavaScript-фрагмент.
Скопировать код чата
Ваш уникальный код Smartsupp находится в панели управления в разделе Настройки > Каналы > Живой чат > Установка > Вставить код.
Вставить код в Shoper
В Shoper откройте раздел для JavaScript-фрагмента и вставьте туда ваш код Smartsupp. Убедитесь, что удалили теги <script> и </script>, так как Shoper не поддерживает HTML-теги в этом поле.
Примечание: В JavaScript-поле Shoper может быть ограничение по количеству символов, поэтому сохраняйте код максимально коротким. Не используйте комментарии //, так как Shoper может считать их нерабочими. После вставки обновите браузер, чтобы увидеть изменения.
Настройка через API
Вы можете использовать Smartsupp JavaScript API для настройки поведения чата на вашем магазине Shoper. Вот несколько распространённых примеров:
Открыть виджет чата по отдельной кнопке:
<button onclick="smartsupp('chat:open')">Связаться с нами</button>
Скрыть виджет на определённых страницах (например, корзина или оформление заказа):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Скрыть стандартную кнопку чата и оставить её скрытой после закрытия:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Примечание: В JavaScript-поле Shoper есть лимит на количество символов и не поддерживаются комментарии //. Используйте короткий код и не добавляйте HTML-теги вроде <script>.
Удалить дополнение
Если вам потребуется удалить дополнение Smartsupp, перейдите в Дополнения и интеграции > Мои приложения и кликните по приложению Smartsupp.
Нажмите Удалить приложение.
Подтвердите удаление дополнения.
Примечание: Smartsupp и Shoper — это два отдельных сервиса. Удаление дополнения не отменяет вашу подписку Smartsupp. Чтобы отменить подписку, свяжитесь с нашей службой поддержки.
Полезные материалы:
Установка Smartsupp — полный обзор всех способов установки.
Google Tag Manager — альтернативный способ установки через GTM.
Что дальше?
Основные настройки окна чата — настройте цвета, положение, приветствия и многое другое.
Статус окна чата — узнайте, как работает статус виджета чата и как им управлять.
Почему не отображается чат на сайте? — выясните самые распространённые проблемы с установкой.
Скачать дополнения — ознакомьтесь со всеми доступными интеграциями платформ.