Хотите добавить живой чат Smartsupp на Ваш сайт WordPress? В этом руководстве описаны все доступные способы установки — от официального плагина до ручной вставки кода и продвинутой настройки для отдельных страниц.
Мы разделили его на следующие части:
Вариант 1. Установка с помощью плагина WordPress (рекомендуется)
Самый простой способ добавить Smartsupp на Ваш сайт WordPress — использовать наш официальный плагин. Никакого кода — просто установите, войдите и можете начинать общаться.
Установить плагин
В админ-панели WordPress перейдите в Plugins > Add New, найдите Smartsupp Live Chat и нажмите Install Now. Затем активируйте плагин.
Войти в Ваш Smartsupp аккаунт
После активации плагина Вы увидите варианты Create free account или Connect existing account. Войдите, используя Ваши учётные данные Smartsupp, чтобы связать аккаунт.
Если всё настроено правильно, Вы увидите экран подтверждения, как ниже. Окно чата Smartsupp теперь будет отображаться на Вашем сайте.
Совет: Способ с плагином — самый быстрый и безопасный вариант установки Smartsupp. Он не требует редактирования файлов темы или кода, а обновления обрабатываются автоматически.
Вариант 2. Ручная вставка кода
Если Вы не хотите использовать плагин, можно вставить код чата Smartsupp напрямую в файл header Вашей темы WordPress.
Примечание: Неправильное редактирование файлов темы может нарушить работу сайта. Если Вы не уверены в работе с кодом, мы рекомендуем использовать способ с плагином выше или обратиться за помощью к веб-разработчику.
Скопировать Ваш код чата
Найдите Ваш уникальный код чата Smartsupp в панели управления в разделе Settings > Channels > Live chat > Installation > Insert code.
Вставить код в тему
Перейдите в Appearance > Theme File Editor > Theme Header (header.php) и вставьте код чата перед закрывающим тегом </head>. Затем нажмите Update File.
Вариант 3. Продвинутый — установка для отдельных страниц
По умолчанию методы с плагином и ручной вставкой кода загружают Smartsupp на каждой странице сайта. Если Вы хотите, чтобы окно чата отображалось только на определённых страницах, Вы можете использовать сторонний плагин WordPress Scripts n Styles.
Установить Scripts n Styles
В админ-панели WordPress перейдите в Plugins > Add New, найдите Scripts n Styles и установите его.
Изменить код чата
Scripts n Styles требует слегка изменённой версии Вашего кода Smartsupp. Удалите обёртку <script> из кода — плагин добавляет её автоматически.
Примечание: Убедитесь, что Вы удалили только открывающий тег <script type="text/javascript"> и закрывающий тег </script>. Сам JavaScript код должен остаться без изменений.
Ваш изменённый код должен выглядеть следующим образом (пример — используйте Ваш собственный уникальный ключ):
Добавить код на отдельные страницы
Перейдите в Pages, отредактируйте страницу, на которой Вы хотите отображать Smartsupp, и вставьте изменённый код в раздел Scripts n Styles под содержимым. Затем нажмите Update Scripts и Update для обновления страницы.
Важные замечания
Smartsupp недоступен на WordPress.com
Smartsupp нельзя установить на бесплатных сайтах WordPress.com. WordPress.com не позволяет использовать пользовательские плагины или пользовательский JavaScript код. Чтобы использовать Smartsupp, Вам нужен самостоятельный хостинг с WordPress.org, где у Вас есть полный контроль над плагинами и файлами темы.
Примечание: Если Вы используете аккаунт Google для входа в Smartsupp, Вы не сможете войти напрямую через плагин WordPress. Вы можете либо вставить код чата вручную, либо нажать «Forgotten password» в Smartsupp, чтобы настроить вход по эл. почте.
Связанные материалы:
Smartsupp installation — полный обзор установки со всеми способами.
Google Tag Manager — альтернативный способ установки с использованием GTM.
Что дальше?
Basic chat box settings — настройте цвета, позицию, приветственные сообщения и другие параметры.
Chat box status — узнайте, как работает статус виджета чата и как им управлять.
Why can't I see the chat on my website? — устранение распространённых проблем с установкой.
Download plugins — просмотрите все доступные интеграции с платформами.
💡 Нужна дополнительная помощь? Свяжитесь с нашей службой поддержки — мы будем рады помочь!