К основному содержимому

WordPress

Узнайте, как установить живой чат Smartsupp на Ваш сайт WordPress с помощью официального плагина, ручной вставки кода или расширенной настройки для отдельных страниц.

Автор: Michal Jindra

Хотите добавить живой чат Smartsupp на Ваш сайт WordPress? В этом руководстве описаны все доступные способы установки — от официального плагина до ручной вставки кода и расширенной настройки для отдельных страниц.

Руководство состоит из следующих разделов:


Вариант 1: установка с помощью плагина WordPress (рекомендуется)

Самый простой способ добавить Smartsupp на Ваш сайт WordPress — использовать наш официальный плагин. Программировать не нужно — просто установите плагин, войдите в аккаунт и начните общение в чате.

Установите плагин

В панели администратора WordPress перейдите в Плагины > Добавить новый, найдите Smartsupp Live Chat и нажмите Установить сейчас. Затем активируйте плагин.

Войдите в Ваш аккаунт Smartsupp

После активации плагина Вы увидите варианты Создать бесплатный аккаунт или Подключить существующий аккаунт. Войдите, используя Ваши учётные данные Smartsupp, чтобы подключить аккаунт.

Если всё настроено правильно, Вы увидите экран подтверждения, показанный ниже. Теперь widget чата Smartsupp появится на Вашем сайте.

Совет: Установка с помощью плагина — самый быстрый и безопасный способ установить Smartsupp. Он не требует редактирования файлов темы или кода, а обновления выполняются автоматически.


Вариант 2: ручная вставка кода

Если Вы предпочитаете не использовать плагин, Вы можете вставить код чата Smartsupp непосредственно в файл заголовка Вашей темы WordPress.

Примечание: Неправильное редактирование файлов темы напрямую может нарушить работу Вашего сайта. Если Вы не уверены в своих навыках работы с кодом, рекомендуем использовать описанный выше способ установки с помощью плагина или обратиться за помощью к Вашему веб-разработчику.

Скопируйте Ваш код чата

Найдите Ваш уникальный код чата Smartsupp в панели управления в разделе Настройки > Каналы > Живой чат > Установка > Вставить код.

Вставьте код в Вашу тему

Перейдите в Внешний вид > Редактор файлов темы > Заголовок темы (header.php) и вставьте код чата перед закрывающим тегом </head> . Затем нажмите Обновить файл.


Вариант 3: расширенная настройка — установка на отдельных страницах

По умолчанию при установке с помощью плагина или вручную Smartsupp загружается на каждой странице Вашего сайта. Если Вы хотите, чтобы widget чата отображался только на отдельных страницах, Вы можете использовать сторонний плагин WordPress Scripts n Styles.

Установите Scripts n Styles

В панели администратора WordPress перейдите в Плагины > Добавить новый, найдите Scripts n Styles и установите его.

Измените код чата

Для Scripts n Styles требуется немного изменить Ваш код Smartsupp. Удалите из кода обрамляющие теги <script> — плагин добавляет их автоматически.

Примечание: Убедитесь, что Вы удаляете только открывающий тег <script type="text/javascript"> и закрывающий тег </script> . Сам код JavaScript оставьте без изменений.

Изменённый код должен выглядеть так (это только пример — используйте Ваш собственный уникальный ключ):

Добавьте код на отдельные страницы

Перейдите в Страницы, откройте для редактирования страницу, на которой должен отображаться Smartsupp, и вставьте изменённый код в раздел Scripts n Styles под содержимым страницы. Затем нажмите Обновить скрипты и Обновить для Вашей страницы.


Важные примечания

Smartsupp недоступен на WordPress.com

Smartsupp нельзя установить на бесплатные сайты WordPress.com. WordPress.com не позволяет использовать сторонние плагины или собственный код JavaScript. Для использования Smartsupp Вам нужна установка WordPress.org на собственном хостинге, где Вы полностью контролируете плагины и файлы темы.

Примечание: Если Вы используете аккаунт Google для входа в Smartsupp, Вы не сможете войти напрямую через плагин WordPress. Вы можете вставить код чата вручную или нажать «Забыли пароль» в Smartsupp, чтобы настроить вход с помощью эл. почты.

Связанные материалы:


Что дальше?

💡 Нужна дополнительная помощь? Свяжитесь с нашей командой поддержки — мы будем рады помочь!

Нашли ответ на свой вопрос?