Установка EnvyBox на WordPress пошаговое руководство

Как установить envybox на wordpress

Как установить envybox на wordpress

EnvyBox – это платформа для живого чата и автоматизации продаж, интегрируемая с WordPress через специализированный плагин. Для корректной работы требуется WordPress версии не ниже 5.8 и PHP 7.4+. Перед установкой убедитесь, что на сайте включен HTTPS и активированы все необходимые расширения PHP: cURL, JSON и mbstring.

Первый шаг – регистрация аккаунта на EnvyBox. После подтверждения почты получите уникальный API-ключ, который понадобится для подключения плагина. Плагин доступен в официальном каталоге WordPress или через ZIP-файл с сайта EnvyBox. Обязательно проверяйте совместимость версии плагина с текущей версией WordPress.

Следующий этап – установка плагина через панель администратора WordPress. После активации необходимо перейти в настройки плагина, вставить API-ключ и настроить виджет чата. Для оптимальной работы рекомендуется выбрать автоматический режим отображения и настроить триггеры по страницам с высокой конверсией. Это позволяет повысить эффективность коммуникации с посетителями и ускоряет обработку запросов.

Установка EnvyBox на WordPress: пошаговое руководство

Установка EnvyBox на WordPress: пошаговое руководство

  1. Регистрация в EnvyBox: перейдите на официальный сайт EnvyBox и создайте учетную запись. Укажите рабочий email, номер телефона и добавьте домен вашего сайта для подключения.

  2. Создание виджета: после входа в панель управления выберите «Создать новый виджет». Настройте тип виджета: обратный звонок, чат или всплывающее окно. Укажите рабочее время, форму для ввода данных и цветовую схему под дизайн сайта.

  3. Получение кода для интеграции: в настройках виджета перейдите на вкладку «Интеграция» и скопируйте JavaScript-код. Если вы используете плагин, можно сразу выбрать установку через WordPress.

  4. Установка через плагин:

    • Войдите в админ-панель WordPress → «Плагины» → «Добавить новый».
    • В поиске введите «EnvyBox» и установите официальный плагин.
    • Активируйте плагин и вставьте ваш ключ API или JavaScript-код в соответствующее поле настроек плагина.
    • Сохраните изменения и проверьте отображение виджета на сайте.
  5. Ручная вставка кода:

    • Если вы не используете плагин, откройте редактор тем WordPress: «Внешний вид» → «Редактор».
    • Откройте файл footer.php и вставьте скопированный JavaScript-код перед закрывающим тегом </body>.
    • Сохраните изменения и обновите сайт, чтобы проверить работу виджета.
  6. Проверка и оптимизация: убедитесь, что виджет корректно отображается на всех страницах и устройствах. Настройте уведомления, цвет кнопок и тексты сообщений для максимальной конверсии.

После завершения установки EnvyBox готов к приему обращений клиентов и интеграции с CRM-системами.

Проверка совместимости WordPress и EnvyBox

Проверка совместимости WordPress и EnvyBox

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

Минимальные требования для корректной работы EnvyBox:

  • WordPress: версия 5.8 или выше
  • PHP: версия 7.4 или выше
  • MySQL: версия 5.7 или выше либо MariaDB 10.3+
  • SSL-сертификат для корректного отображения платежных форм
  • Активированное расширение cURL для обмена данными с EnvyBox API

Для проверки текущей версии WordPress и PHP:

  1. Войдите в админ-панель WordPress.
  2. Перейдите в «Консоль → Состояние сайта».
  3. В блоке «Сервер» проверьте версию PHP и MySQL.
  4. Убедитесь, что версия WordPress соответствует требованиям EnvyBox.

Для проверки активных расширений:

  • Перейдите в «Плагины → Установленные плагины».
  • Убедитесь, что cURL и OpenSSL активны на сервере.

Если какая-либо из версий не соответствует требованиям, обновите WordPress, PHP или базу данных перед установкой плагина. Несоответствие версий может привести к некорректной работе виджетов EnvyBox или невозможности интеграции с платежными системами.

Скачивание и подготовка плагина EnvyBox

Скачивание и подготовка плагина EnvyBox

Для начала перейдите на официальный сайт EnvyBox: envybox.io. На странице плагина выберите версию, совместимую с вашей версией WordPress. На момент написания последняя стабильная версия – 2.7.1.

Нажмите кнопку «Скачать» и сохраните архив на локальный диск. Рекомендуется использовать директорию с простым путем, например C:\WordPress\Plugins, чтобы избежать ошибок при последующей загрузке.

После скачивания распакуйте архив с помощью встроенного архиватора Windows, macOS или программы 7-Zip/WinRAR. В результате должен появиться каталог с именем envybox, содержащий файлы плагина и папку assets.

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

Если вы планируете использовать дополнительные функции, такие как интеграция с CRM или аналитикой, откройте файл config.php и проверьте наличие опций подключения. Рекомендуется оставить значения по умолчанию и настроить их после активации через интерфейс WordPress.

На этом этапе плагин готов к загрузке через панель управления WordPress. Убедитесь, что у вас есть права администратора, иначе процесс установки будет недоступен.

Загрузка плагина через админ-панель WordPress

Загрузка плагина через админ-панель WordPress

Для установки EnvyBox откройте админ-панель WordPress и перейдите в раздел «Плагины» → «Добавить новый». Нажмите кнопку «Загрузить плагин» в верхней части страницы.

Выберите файл плагина формата .zip, который предварительно был скачан с официального сайта EnvyBox или предоставлен разработчиком. Нажмите «Установить сейчас» и дождитесь завершения загрузки. Процесс занимает 10–30 секунд в зависимости от размера архива и скорости сервера.

После установки появится кнопка «Активировать». Нажмите её, чтобы включить функционал плагина. EnvyBox начнёт работать сразу после активации, без необходимости дополнительных настроек на этом этапе.

Если при загрузке возникает ошибка типа «Плагин не может быть установлен», проверьте права доступа к папке /wp-content/plugins/ и убедитесь, что архив не повреждён. Рекомендуется использовать последние версии WordPress (6.5+) и PHP (8.0+), чтобы избежать несовместимости.

После активации откройте раздел «EnvyBox» в меню админ-панели для подключения аккаунта и настройки виджета. Плагин автоматически интегрируется с каталогом товаров и формой чата, если конфигурация выполнена корректно.

Активация EnvyBox и настройка базовых параметров

Активация EnvyBox и настройка базовых параметров

После установки плагина перейдите в раздел EnvyBox → Лицензия. Введите API-ключ, который можно получить в личном кабинете EnvyBox. Нажмите Активировать и дождитесь подтверждения успешной активации.

Перейдите в Настройки → EnvyBox. В блоке Основные параметры задайте название магазина, валюту по умолчанию и страницу оформления заказа. Эти значения напрямую влияют на корректное отображение виджетов и оформление заказов.

В разделе Виджеты включите нужные модули: Обратный звонок, Консультация в чате, Панель товаров. Для каждого виджета укажите позицию на странице (верх, низ, боковая колонка) и тип отображения (плавающий, встроенный).

Настройте поведение кнопок: частоту всплытия, задержку перед показом и условие отображения (например, на всех страницах или только на карточках товаров). Это снижает нагрузку на пользователя и повышает конверсию.

В блоке Данные магазина проверьте корректность названия компании, адреса и контактного телефона. Эти сведения используются в счетах и уведомлениях, их ошибка приведет к некорректному формированию документов.

После внесения изменений нажмите Сохранить. Проверьте работу виджетов на фронтенде, убедившись, что они отображаются на выбранных страницах и корректно реагируют на взаимодействие пользователя.

Подключение виджетов EnvyBox к страницам сайта

Подключение виджетов EnvyBox к страницам сайта

После установки плагина EnvyBox перейдите в административную панель WordPress и откройте раздел EnvyBox → Виджеты. Здесь отображается список доступных виджетов: чат поддержки, корзина, форма подписки и всплывающие окна с акциями.

Для добавления виджета на страницу используйте кнопку Добавить новый. Укажите тип виджета и назначьте конкретные страницы или категории, используя выпадающее меню Отображать на. Можно выбрать: все страницы, конкретные страницы, записи определенной категории или отдельные URL.

Каждый виджет настраивается отдельно. Для чата поддержки установите номер телефона, адрес электронной почты и приветственное сообщение. Для корзины активируйте синхронизацию с WooCommerce, если она используется. В настройках формы подписки задайте интеграцию с почтовым сервисом (Mailchimp, UniSender и др.) и установите текст кнопки отправки.

После выбора страниц и настройки параметров виджета сохраните изменения кнопкой Сохранить. Для проверки корректности работы откройте выбранные страницы на сайте. Если виджет не отображается, убедитесь, что кэш страницы очищен и плагин активен.

Для динамического отображения используйте условия показа. Например, можно настроить всплывающее окно с акцией только для новых посетителей или для пользователей, находящихся на сайте более 30 секунд. Эти параметры задаются в блоке Условия отображения при редактировании виджета.

Для продвинутых пользователей доступен код вставки виджета через шорткод [envybox id=»номер_виджета»], который можно вставлять прямо в блоки Gutenberg, Elementor или другие конструкторы страниц. Это позволяет гибко интегрировать виджет в любой контент без ограничений стандартного интерфейса плагина.

Регулярно обновляйте виджеты и проверяйте совместимость с версией WordPress и активными плагинами. Это исключает конфликты и гарантирует корректное отображение всех элементов EnvyBox на сайте.

Проверка корректной работы виджетов на фронтенде

После установки EnvyBox необходимо убедиться, что все виджеты корректно отображаются на сайте. Начните с очистки кеша WordPress и браузера, чтобы исключить старые данные.

Откройте страницу, на которой должен отображаться виджет, и проверьте загрузку всех элементов интерфейса: кнопок чата, всплывающих окон и иконок обратного звонка. Каждый виджет должен реагировать на клики без задержек и ошибок.

Используйте инструмент разработчика браузера (F12) для проверки консоли на наличие JavaScript-ошибок. Любая ошибка в скриптах EnvyBox может блокировать работу других виджетов.

Проверьте отображение виджетов на различных устройствах: мобильных, планшетах и десктопах. Виджеты должны корректно адаптироваться под ширину экрана и не перекрывать основной контент.

Тестируйте взаимодействие с формами: отправку сообщений через чат, запрос обратного звонка и открытие информации о товаре. Все действия должны завершаться без ошибок и с подтверждением успешной отправки.

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

Для комплексной проверки используйте инструменты мониторинга загрузки элементов, например, GTmetrix или Google PageSpeed Insights, чтобы убедиться, что виджеты загружаются быстро и без задержек.

Устранение распространённых ошибок при установке EnvyBox

Устранение распространённых ошибок при установке EnvyBox

Даже при точном следовании инструкциям могут возникнуть ошибки. Ниже приведены типовые проблемы с конкретными методами их устранения.

Ошибка Причина Решение
Плагин не активируется Конфликт с версией PHP ниже 7.4 Обновите PHP до версии 7.4 или выше через хостинг-панель. После обновления отключите и заново активируйте плагин.
Виджет EnvyBox не отображается на странице Кэширование страницы или темы блокирует скрипт Очистите кэш WordPress и браузера. Включите опцию «Динамическая загрузка скриптов» в настройках EnvyBox. Проверить конфликт с темой через временную смену на стандартную тему (Twenty Twenty-One).
Ошибка подключения к API EnvyBox Некорректный API-ключ или ограничения хостинга Проверьте правильность API-ключа в настройках плагина. Убедитесь, что хостинг разрешает исходящие соединения на порты 443. При необходимости обратитесь в поддержку хостинга для разблокировки.
Форма обратного звонка не отправляется Отсутствие SMTP или блокировка почтового сервера Настройте SMTP через плагин WP Mail SMTP. Проверяйте отправку тестового письма. Используйте почтовый сервис с поддержкой TLS и порт 587.
Скрипты EnvyBox замедляют загрузку страницы Несовместимость с другими плагинами, блокирующими JS Отключите плагины оптимизации JS/CSS по отдельности, чтобы определить конфликт. Используйте асинхронную загрузку скриптов EnvyBox через настройки плагина.

Следуя этим рекомендациям, большинство ошибок установки EnvyBox устраняется без обращения в поддержку, что экономит время и предотвращает потерю функциональности на сайте.

Вопрос-ответ:

Какие требования к серверу для установки EnvyBox на WordPress?

Для корректной работы EnvyBox ваш сервер должен поддерживать PHP версии 7.4 и выше, иметь активное расширение cURL и доступ к базе данных MySQL версии 5.7 или выше. Также важно, чтобы WordPress был обновлен до версии 5.8 или выше, а права на запись в папку с плагинами были выставлены корректно, иначе установка может завершиться с ошибкой.

Как загрузить и активировать плагин EnvyBox на сайте?

Сначала необходимо скачать архив с плагином с официального сайта EnvyBox. Затем в административной панели WordPress выберите «Плагины» → «Добавить новый» → «Загрузить плагин» и загрузите архив. После этого активируйте плагин через меню «Плагины». После активации появится новый раздел настроек, где можно привязать ваш аккаунт EnvyBox и выбрать товары или виджеты для отображения.

Какие шаги нужно выполнить для подключения виджета EnvyBox к интернет-магазину?

После активации плагина в панели WordPress откройте раздел EnvyBox и авторизуйтесь с помощью данных вашего аккаунта. Далее выберите подходящий виджет: это может быть форма обратного звонка, чат с менеджером или корзина. Скопируйте сгенерированный код и вставьте его на страницу магазина через визуальный редактор или виджет WordPress. После этого виджет станет активным, и пользователи смогут им пользоваться.

Почему после установки плагина EnvyBox некоторые функции не отображаются на сайте?

Чаще всего это связано с конфликтом с другими плагинами или темой WordPress. Проверьте, не блокируют ли настройки безопасности или кэширования загрузку скриптов EnvyBox. Также стоит очистить кэш браузера и, при необходимости, серверный кэш. Если проблема сохраняется, временно отключите другие плагины по очереди, чтобы выявить источник конфликта, и убедитесь, что используемая тема поддерживает стандартные виджеты WordPress.

Как обновлять плагин EnvyBox без потери настроек?

Перед обновлением рекомендуется сделать резервную копию сайта, включая базу данных и папки с плагинами. Обычно настройки сохраняются в базе данных, поэтому при стандартном обновлении через WordPress они не теряются. Для обновления откройте «Плагины» → «Обновления» и выберите EnvyBox. После обновления проверьте работу всех виджетов, чтобы убедиться, что настройки применились корректно.

Как правильно подготовить сайт WordPress перед установкой EnvyBox?

Перед добавлением EnvyBox важно проверить версию WordPress — она должна быть совместима с плагином. Рекомендуется создать резервную копию базы данных и файлов сайта, чтобы избежать потери данных при возможных сбоях. Также стоит проверить доступные ресурсы хостинга, например, лимит памяти PHP и версию PHP, так как плагин требует определенных параметров для корректной работы. Наличие чистой темы и минимального количества сторонних плагинов уменьшает вероятность конфликтов.

Какие шаги нужно выполнить для настройки виджета EnvyBox после установки?

После установки плагина необходимо активировать его через панель управления WordPress. Затем в настройках плагина выбирают тип виджета, который будет отображаться на сайте, например, виджет обратного звонка или чата. Важно указать контактные данные, при необходимости добавить текст приветствия и настроить цвета, чтобы виджет гармонировал с дизайном сайта. После внесения всех параметров следует сохранить изменения и проверить отображение на сайте, открыв страницу в разных браузерах и на мобильных устройствах. Это помогает убедиться, что виджет корректно работает и взаимодействует с пользователями.

Ссылка на основную публикацию