Установка на WordPress

Установка онлайн-консультанта DiveChat на сайт под управлением WordPress — это простой процесс, который не требует навыков программирования. В этой инструкции мы разберем три основных способа интеграции виджета, чтобы вы могли выбрать наиболее удобный для вас.

Для начала войдите в свой личный кабинет DiveChat, создайте новый чат и дайте ему название. Затем скопируйте готовый фрагмент кода (скрипт).

Выбор способа установки на WordPress

Выберите один из трех вариантов ниже. Мы рекомендуем вариант №1, так как он самый безопасный и простой.

Вариант №1. С помощью плагина (рекомендуемый)

Это лучший способ, если вы не хотите лезть в файлы темы. Плагин позволяет добавить код в «шапку» (Header) или «подвал» (Footer) сайта:

1. В админ-панели WordPress перейдите в раздел Плагины → Добавить новый.
2. В строке поиска введите: Insert Headers and Footers (или любой аналогичный, например, WPCode).
3. Установите и активируйте плагин.
4. Перейдите в раздел Настройки → Insert Headers and Footers (или Code Snippets).
5. Вставьте скопированный код DiveChat в поле «Scripts in Footer» (Скрипты в футере). Почему в Footer? Это обеспечит быструю загрузку основного контента сайта, а чат подгрузится следом.
6. Нажмите кнопку Save (Сохранить).

Вариант №2. Через настройки темы

Многие темы для WordPress (Astra, OceanWP, GeneratePress и др.) имеют встроенное поле для вставки скриптов:

1. Перейдите в Внешний вид → Настроить.
2. Найдите раздел с названием «Footer», «Scripts» или «Advanced» (зависит от вашей темы).
3. Найдите поле для вставки произвольного HTML-кода или JS-скриптов.
4. Вставьте код виджета и нажмите Опубликовать.

Вариант №3. Редактирование файла footer.php (для продвинутых)

Если вы не хотите устанавливать лишние плагины и ваша тема не поддерживает вставку скриптов, можно добавить код напрямую.

Важно: используйте этот метод только если у вас установлена дочерняя тема (Child Theme), иначе при обновлении темы код чата удалится:

1. Перейдите в Внешний вид → Редактор тем.
2. В колонке справа выберите файл footer.php (Подвал).
3. Прокрутите файл вниз и найдите закрывающий тег </body>.
4. Вставьте код DiveChat прямо перед этим тегом.
5. Нажмите Обновить файл.

Проверка установки

После того как вы сохранили настройки:

1. Откройте ваш сайт в новой вкладке браузера.
2. Если вы уже были на сайте, нажмите Ctrl + F5 (или Cmd + Shift + R на Mac), чтобы очистить кэш.
3. В правом или левом нижнем углу (в зависимости от ваших настроек в DiveChat) должна появиться иконка чата.
4. Напишите тестовое сообщение, чтобы убедиться, что диалог отображается в вашем личном кабинете или мобильном приложении.

Возможные проблемы и решения

• Чат не появился. Проверьте, не установлен ли у вас плагин кэширования (WP Rocket, W3 Total Cache и др.). Если установлен — нажмите «Clear Cache» (Очистить кэш).
• Чат виден только мне. Убедитесь, что вы вставили код в общую часть сайта (Footer), а не в настройки конкретной страницы.
• Конфликт скриптов. Если чат не работает, попробуйте переместить код из секции Footer в секцию Header в настройках плагина.

Если у вас возникли сложности с установкой, напишите в нашу поддержку прямо на сайте divechat.ru — мы поможем настроить виджет бесплатно!