Готовы подключить Smartsupp к своему сайту? В этом руководстве описан весь процесс установки — от создания аккаунта до проверки, что окно чата работает на Вашем сайте.
Мы разбили процесс на шаги:
Шаг 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. Проверьте установку
После добавления кода на сайт откройте свой сайт в браузере и проверьте, что окно чата появляется в нижнем углу страницы. Вы должны увидеть пузырь чата Smartsupp, готовый для кликов посетителей.
Если окно чата не появляется, проверьте следующее:
Код размещен между тегами <head> ... </head> (или загружается через GTM / плагин).
Ваш сайт опубликован и доступен публично.
Нет JavaScript‑ошибок, которые блокируют загрузку скрипта.
Примечание: после установки Вы можете увидеть демо‑сообщения в панели управления. Они являются частью процесса онбординга Smartsupp и помогают Вам потренироваться в использовании платформы — это не сообщения от реальных посетителей.
Подсказка: Smartsupp также работает на планшетах, iPad и в наших нативных мобильных приложениях для Android и iPhone. Скачайте бесплатное мобильное приложение, чтобы общаться с клиентами на ходу!
Расширенные возможности: несколько доменов и кастомизация через API
Smartsupp можно установить на определенное количество доменов в зависимости от Вашего плана. Если Вам нужно настраивать внешний вид или язык окна чата на разных сайтах, Вы можете использовать API Smartsupp для расширенной конфигурации.
Примечание: кастомизация на базе API (например, установка разных цветов окна чата или языков для каждого домена) доступна в планах EXPERT и ULTIMATE. Подробности см. в документации по API.
Что дальше?
Базовые настройки окна чата — настройте цвета, позицию, приветственные сообщения и многое другое.
Flow — настройте автоматические сценарии чата, чтобы привлекать посетителей 24/7.
Введение в Mira AI помощник по покупкам — позвольте ИИ обрабатывать разговоры и рекомендовать товары.
Какой пакет мне выбрать? — сравните планы и выберите лучший вариант для своего бизнеса.