Вы используете интернет-магазин на Shoper? Это руководство подробно расскажет, как подключить Smartsupp — как через установку дополнения в один клик, так и вручную с помощью кода.
Руководство разбито на следующие разделы:
Установка дополнения Smartsupp
В панели управления Shoper перейдите в Дополнения и интеграции > Приложения. Прокрутите вниз и найдите Smartsupp (отображается как Smartsupp — Live Czat, Czatbot, Mira AI и другие AI-инструменты), затем щёлкните по нему.
Нажмите кнопку Установить приложение.
Примите условия магазина приложений и выберите Установить.
Появится сообщение о том, что дополнение Smartsupp успешно установлено.
Настройка Smartsupp
После установки перейдите в Дополнения и интеграции > Мои приложения и кликните по значку Smartsupp.
Вы можете создать новый аккаунт Smartsupp или войти в существующий аккаунт, чтобы связать его с вашим магазином Shoper.
После подключения чата вы сможете общаться с вашими посетителями или настраивать Smartsupp через Smartsupp API. Не забудьте сохранить изменения.
Совет: После сохранения откройте магазин в новой вкладке и обновите страницу — виджет чата Smartsupp должен появиться.
Ручная установка кода
Если установка через дополнение невозможна, добавьте код Smartsupp вручную через JavaScript-фрагмент.
Скопируйте код чата
Уникальный код Smartsupp для чата вы найдёте в панели 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.
Что дальше?
Базовые настройки чат бокса — Настройте цвета, расположение, приветствие и многое другое.
Статус чат бокса — Узнайте, как работает статус чат виджета и как управлять им.
Почему чат не отображается на вашем сайте? — Решения частых проблем с установкой.
Загрузка дополнений — Просмотрите все платформы для интеграции.