Готовы подключить Smartsupp к Вашему сайту? Это руководство проведёт Вас через весь процесс установки — от создания аккаунта до проверки работы widget чата на Вашем сайте.
Мы разделили процесс на шаги:
Шаг 1: Создайте аккаунт Smartsupp
Если у Вас ещё нет аккаунта Smartsupp, начните с Бесплатной регистрации. Регистрация займёт всего минуту — Вам понадобится только адрес эл. почты.
После создания аккаунта Вы попадёте в панель управления Smartsupp, где сможете найти Ваш уникальный код чата и начать настройку живого чата.
Полезные материалы:
Как создать аккаунт Smartsupp? — подробное пошаговое руководство по созданию аккаунта.
Обзор панели управления — познакомьтесь с панелью управления Smartsupp и её основными разделами.
Шаг 2: Найдите код чата
После регистрации Вы получите письмо с Вашим уникальным кодом чата Smartsupp. Вы также можете в любое время найти его в панели управления в разделе Настройки > Каналы > Живой чат > Установка > Вставить код.
Ваш код чата выглядит так:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>
Совет: У каждого аккаунта Smartsupp есть уникальный код чата. Убедитесь, что Вы скопировали весь фрагмент кода, включая открывающий и закрывающий теги <script> .
Шаг 3: Добавьте Smartsupp на Ваш сайт
Установить Smartsupp на Ваш сайт можно тремя способами. Выберите наиболее подходящий для Вашего сайта:
Вариант A: Вставьте код напрямую
Вставьте код чата в HTML Вашего сайта между тегами <head> ... </head> . Это обеспечит загрузку Smartsupp на каждой странице Вашего сайта.
Вариант B: Используйте Google Tag Manager
Если Вы уже используете Google Tag Manager для управления скриптами на Вашем сайте, Вы можете добавить код Smartsupp как пользовательский HTML-тег. Это отличный вариант, если Вы хотите хранить все скрипты в одном месте.
Вариант C: Используйте готовый плагин
Smartsupp предлагает плагины и интеграции для многих популярных платформ. С плагином Вам не нужно редактировать код — просто установите плагин и подключите Ваш аккаунт Smartsupp.
Плагины доступны для таких платформ, как:
Примечание: Если Вы не уверены в том, как редактировать код Вашего сайта, рекомендуем использовать плагин или обратиться к Вашему веб-разработчику за помощью с установкой.
Полезные материалы:
Google Tag Manager — пошаговое руководство по установке через GTM.
Скачать плагины — ознакомьтесь со всеми доступными интеграциями с платформами.
Шаг 4: Проверьте установку
После добавления кода на Ваш сайт откройте сайт в браузере и убедитесь, что widget чата появился в нижнем углу страницы. Вы должны увидеть пузырь чата Smartsupp, на который посетители могут нажать.
Если widget не появился, ещё раз проверьте следующее:
Код размещён между тегами <head> ... </head> (или загружается через GTM / плагин).
Ваш сайт опубликован и общедоступен.
Нет ошибок JavaScript, препятствующих загрузке скрипта.
Примечание: После установки Вы можете увидеть демонстрационные сообщения в Вашей панели управления. Они являются частью знакомства со Smartsupp и помогают Вам попрактиковаться в использовании платформы — это не сообщения от реальных посетителей.
Совет: Smartsupp также работает на планшетах, iPad и в наших нативных мобильных приложениях для Android и iPhone. Скачайте бесплатное мобильное приложение, чтобы общаться с Вашими клиентами на ходу!
Дополнительно: несколько доменов и настройка через API
Smartsupp можно установить на определённое количество доменов в зависимости от Вашего плана. Если Вам нужно настроить внешний вид или язык widget чата на разных сайтах, Вы можете использовать API Smartsupp для расширенной настройки.
Примечание: Настройка через API (например, задание разных цветов или языков окна чата для каждого домена) доступна на планах EXPERT и ULTIMATE . Подробности см. в Документации API.
Что дальше?
Основные настройки окна чата — Настройте цвета, положение, приветственные сообщения и многое другое.
Flow — Настройте автоматизированные сценарии чата для вовлечения посетителей 24/7.
Знакомство с Mira AI помощником по покупкам — Позвольте AI вести разговоры и рекомендовать товары.
Какой пакет выбрать? — Сравните планы и найдите наиболее подходящий для Вашего бизнеса.