Готовы подключить 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 помощником по покупкам — доверьте AI обработку разговоров и рекомендации товаров.
Какой пакет выбрать? — сравните пакеты и выберите лучший для вашего бизнеса.