Divi против Elementor: плюсы и минусы (2022)

Опубликовано: 2022-01-19

Соревнование Divi vs Elementor заставляет всех бороться. Оба конструктора страниц WP имеют функции, которые заставляют вас выбирать между тем или иным выбором.

Настало время сравнить производительность Elementor и Divi 2022 и оценить их стоимость. Вы готовы?

ОБ ЭЛЕМЕНТОРЕ

Будучи одним из самых молодых разработчиков страниц WordPress (основан в 2016 году), Elementor быстро оставил всех конкурентов позади своего успеха. Ни один другой конструктор страниц не достиг 5 миллионов активных установок только для своей бесплатной версии на wordpress.org.

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

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

Что делает Elementor еще более привлекательным, так это ряд сторонних инструментов, созданных для повышения функциональности Elementor по умолчанию.

Это примеры дополнений Elementor, созданных нами в MotoPress:

Кроме того, взгляните на все Каждый шаблон разрабатывался специально для нужд одной ниши бизнеса.

Пользователи Elementor могут получить доступ к библиотеке так называемых комплектов Elementor. 30 из них будут доступны в бесплатной версии, а пользователи версии PRO имеют доступ к расширенной библиотеке из более чем 300 различных наборов.

Кроме того, у конструктора страниц Elementor есть официальная тема стартового сайта, которая называется Hello .

О ДИВИ

Хотя Divi впервые был выпущен как редактор содержимого тем Divi , вскоре он превратился в отдельный плагин WordPress. В настоящее время вы можете использовать конструктор как в связке с темой Divi, так и как самостоятельный инструмент.

Divi позволяет редактировать контент, используя как внешний интерфейс, так и интерфейс администратора, однако большинство пользователей предпочитают редактировать свои веб-сайты визуально. Конструктор использует 3 основных строительных блока: разделы, строки и модули, что позволяет создавать любой тип макета страницы.

Для Divi Builder не так много сторонних дополнений и шаблонов, как для Elementor, но вполне достаточно, чтобы удовлетворить ваши потребности. Большинство из них получают регулярные обновления и поддержку.

К сожалению, у Divi нет бесплатной версии, но вы можете протестировать демо-версию на официальном сайте.

Divi против Elementor: основные характеристики

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

1. Интерфейс перетаскивания

И Divi, и Elementor предоставляют вам визуальный интерфейс перетаскивания, который поддерживает встроенное редактирование. Это означает, что вы видите изменения в режиме реального времени и так, как посетители увидят ваш сайт.

В Divi вы получаете полностраничный редактор без фиксированных элементов интерфейса, кроме одной фиолетовой кнопки внизу. Чтобы добавить и настроить любые модули, вы нажимаете плавающие кнопки, которые появляются при наведении.

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

2. Расширенный стиль

Сложно сравнивать конструктор Elementor и Divi с точки зрения стиля только по той причине, что оба имеют довольно одинаковые настройки стиля.

Давайте просто выделим заметные варианты стиля, предлагаемые обоими строителями:

Разделители форм
Пользовательские интервалы
Пользовательское позиционирование модулей
Пользовательская типографика
Пользовательские поля
Анимационные эффекты (параллаксная прокрутка)

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

На данный момент Elementor и Divi имеют наибольшее количество вариантов стилей, чем любой другой конструктор страниц WP.

3. Адаптивные настройки

Сравнивая адаптивное редактирование Di vi Builder VS Elementor, мы не обнаружили особых различий. Оба конструктора имеют 100% адаптивный контент.

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

4. Функциональность конструктора тем

Какой бы конструктор вы ни выбрали, вы сможете использовать его функциональные возможности для создания собственной темы WP.

Функция создания темы позволяет вам создавать шаблоны для заголовков, нижних колонтитулов, отдельных сообщений или целых страниц (например, страницы «Скоро в продаже», страницы архива). Но то, как вы это делаете в сборщиках WordPress Divi и Elementor, немного отличается.

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

В Elementor все происходит на интерфейсе. Конструктор страниц Elementor предоставляет нам настраиваемые виджеты для разных разделов страницы, а также функцию динамического содержимого для каждого используемого виджета:
5. Библиотека шаблонов
Оба плагина предлагают внушительную библиотеку готовых шаблонов, которые официально выпущены их разработчиками.
В Divi , когда вы покупаете один из двух планов, вы получаете доступ почти к 2 тысячам «пакетов макетов». В основном это стартовые дизайны сайтов, и каждый из них относится к определенной категории (бизнес, здоровье и фитнес, интернет-магазин и т. д.). Каждый начальный сайт имеет предварительно разработанную домашнюю страницу, страницу «О нас», страницу «Услуги», страницу «Свяжитесь с нами» и многое другое:

В Elementor бесплатный плагин предлагает только 5 базовых наборов веб-сайтов и более 30 базовых шаблонов. Между тем, версия PRO дает вам доступ к более чем 60 комплектам веб-сайтов и более чем 300 профессиональным шаблонам. Вы также можете найти нужный шаблон по определенной категории, и эти категории практически идентичны тем, которые представлены Divi:
Хотя Divi предоставляет большее количество готовых стартовых сайтов, мы лично рекомендуем воздержаться от подсчета цифр. Вместо этого мы сосредоточимся на общем опыте конструктора страниц и на том, насколько удобна его функциональность.
6. Производительность
Трудно сделать четкие выводы о том, какой конструктор страниц лучше по производительности, поскольку разные тесты скорости и SEO дадут нам разные результаты.

Что мы можем сказать наверняка, так это то, что оба плагина будут иметь параметры загрузки страницы выше среднего. В обоих случаях вам нужно позаботиться об оптимизации своего контента, чтобы сделать его менее раздутым для посетителей. Особенно:
Сравнение изображений и медиа;
Сведение количества плагинов к минимуму;
Идти в ногу с Google Page Insights и Core Web Vitals ;
Использование надежного веб-хостинга;
Использование плагинов для SEO, кэширования и т.д.
Кроме того, успех производительности будет зависеть от конкретной темы WordPress. Шаблоны различаются по сложности и общему размеру страницы, поэтому, если предварительные условия одинаковы, вы не увидите разницы в производительности как для Elementor, так и для Divi.

7. Поддержка
Оба плагина для создания страниц поставляются с надежной системой поддержки. Все пользователи Divi и клиенты Elementor PRO получают круглосуточную премиум-поддержку. Но первый обеспечивает мгновенную поддержку в чате через Itercom, а второй имеет более традиционную поддержку через тикеты.
К счастью, оба плагина имеют активное сообщество пользователей. Пользователи Divi могут найти решения своих проблем на официальном форуме или покопаться в подробной документации базы знаний .
Поклонники Elementor имеют доступ к собственной общедоступной базе знаний .
Наконец, вы можете обратиться за помощью в официальные группы Facebook для Divi и Elementor , в каждой из которых более 70 тысяч участников. Во многих случаях вы получите более быстрый ответ от других пользователей, чем если бы вы обратились в службу поддержки.
WordPress Elementor VS Divi: плюсы и минусы
В предыдущем абзаце мы рассмотрели основные функции Elementor и Divi. Теперь мы хотели бы сосредоточиться на преимуществах и недостатках обоих конструкторов страниц. Эти пункты помогут вам определить основные сильные и слабые стороны обеих сторон и, в конечном итоге, принять более взвешенное решение.
Плюсы Divi Builder:
Тонны хорошо продуманных пакетов макетов (готовых стартовых сайтов) для разных ниш
Красивая анимация, разделители страниц и шрифты
Маркетинговые инструменты
Встроенное A/B-тестирование
Огромное сообщество пользователей и решений от сторонних разработчиков
Доступная пожизненная лицензия на неограниченный сайт
Плюсы Elementor:
Отличные возможности в бесплатной версии
Больше контроля над верхними и нижними колонтитулами
Возможность настройки архива и отдельных страниц сообщений
Глобальные виджеты
Расширенные возможности Elementor Pro
Большой сторонний рынок
Более дешевая лицензия для одного сайта

Минусы Divi Builder:
Нет настраиваемого конструктора верхних и нижних колонтитулов
Ограниченная настройка для архивных страниц и отдельных сообщений
Нет конструктора всплывающих окон
Нет бесплатной версии
Минусы Элементора:
Нет идеальных пикселей (что может быть важно для опытных пользователей)
Ограниченные маркетинговые функции
Меньший шаблон страницы
Сложные настройки полей и отступов
Платные планы дороже
Divi VS Elementor: какой из них лучше?
Будь то 2021 или 2022 год, оба компоновщика страниц заслуживают наивысшего рейтинга среди всех существующих в настоящее время компоновщиков страниц WP.
Теперь, когда дело доходит до вашего индивидуального выбора, сначала сосредоточьтесь на своих личных потребностях, а затем переходите к функциям Divi vs Elementor. Вам нравится левое и фиксированное меню Elementor или плавающее и чистое меню Divi? Вы работаете над одним проектом или хотите инвестировать в разработку нескольких веб-сайтов? Вам нужен конструктор всплывающих окон или вы предпочитаете функцию A/B-тестирования?
Обратите внимание, что на первый взгляд Divi может показаться немного дешевле, но требует более крутой кривой обучения. Между тем, Elementor может показаться более простым в освоении, но предлагает более дорогую цену за неограниченное использование.