Ваш интернет-магазин работает на Shoper? В этом руководстве описано все, что нужно, чтобы подключить Smartsupp — от установки плагина в один клик до способа с ручной вставкой кода.
Мы разделили это руководство на следующие разделы:
Установка плагина Smartsupp
В панели управления Shoper перейдите в раздел Дополнения и интеграции > Приложения. Пролистайте страницу вниз и найдите Smartsupp - live chat, Flow (formerly chatbots) & video recordings, затем нажмите на него.
Нажмите кнопку Установить приложение.
Примите условия и положения 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
Вы можете использовать JavaScript API Smartsupp, чтобы настроить поведение окна чата в Вашем магазине Shoper. Ниже приведены несколько распространенных примеров:
Открыть widget чата с помощью пользовательской кнопки:
<button onclick="smartsupp('chat:open')">Написать нам в чат</button>
Скрыть widget чата на определённых страницах (например, корзина или оформление заказа):
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.
Что дальше?
Базовые настройки окна чата — настройте цвета, положение, приветственные сообщения и многое другое.
Статус окна чата — узнайте, как работает статус виджета чата и как им управлять.
Почему я не вижу чат на своём сайте? — устраните наиболее распространённые проблемы с установкой.
Скачать плагины — просмотрите все доступные интеграции с платформами.