Сравнение Elementor и WPBakery Page Builder (2021 г.)

Опубликовано: 2020-07-08

Многие используют WordPress, потому что он прост в использовании и предлагает различные варианты настройки. Несколько щелчков мыши - это все, что нужно, чтобы отредактировать ваш сайт. Это стало популярным и простым благодаря конструкторам страниц, таким как Elementor и WPBakery. Вот почему в этом посте я сравню Elementor и WPBakery.

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

Теперь существует множество виджетов и инструментов WordPress, которые можно использовать для настройки сайтов WordPress. С тех пор, как на рынок вышли компоновщики страниц, появились новые тактики настройки.

WordPress по-прежнему остается самой популярной системой управления контентом (CMS) в мире. Конструкторы страниц, такие как Beaver Builder (см. Сравнение бесплатных версий Beaver Builder и Beaver Builder pro), Brizy, Oxygen, Thrive Architect, Elementor и WPBakery, придали WordPress новое значение.

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

ПРИМЕЧАНИЕ. Я также сравнивал Elementor с Divi, Elementor с Visual Composer и Beaver Builder с Elementor, поэтому обязательно проверьте эти сравнения, если интересно.

Оглавление

Обзор Elementor

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

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

elementor плюсы и минусы

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

ELEMENTOR FREE или ELEMENTOR PAID

пустая страница
  • ИМЯ
  • ЦЕНА
  • Библиотека шаблонов
  • Шаблоны экспорта / импорта
  • Мобильное редактирование
  • Разделитель формы
  • Видео лайтбокс
  • Коробка Тень
  • Текстовая тень
  • Фоновое наложение
  • Анимация наведения
  • Входная анимация
  • Заголовок
  • Изображение
  • Текстовый редактор
  • видео
  • Кнопка
  • Окно изображения
  • Отзывы
  • Значок
  • Иконка Коробка
  • Социальные иконки
  • Галерея
  • Карусель изображений
  • Список значков
  • Прилавок
  • Индикатор
  • Вкладки
  • Аккордеон
  • Переключать
  • Тревога
  • HTML
  • Короткий код
  • Якорь меню
  • Боковая панель
  • Карты Гугл
  • SoundCloud
  • Делитель
  • Распорка
  • Столбцы
  • Эффект фонового градиента
  • лист регистраций изменений
  • Пустой шаблон холста
  • Режим технического обслуживания
  • Настройки страницы
  • Элемент Hover
  • Вернуть / Отменить
  • Формы
  • Слайды
  • Сообщения
  • портфолио
  • Встроить где угодно
  • Глобальный виджет
  • Пользовательские CSS
  • Профессиональные шаблоны
  • Таблица цен
  • Прейскурант
  • Обратный отсчет
  • Товары для туалета
  • Элементы WC
  • Категории туалетов
  • WC Добавить в корзину
  • Флип-бокс
  • Макет кладки
  • Пагинация блога
  • Эффект Кена Бернса
  • Кнопки общего доступа
  • Интеграция форм
  • Виджет входа в систему
  • Анимированный заголовок
  • Виджеты Facebook
  • Цитата
  • Навигационное меню
  • Медиа-карусель
  • Виджет призыва к действию
  • Пользовательские шрифты
  • Конструктор верхних и нижних колонтитулов
  • Динамический дизайн отдельной публикации и страницы архива
  • Интеграция ACF и Toolset
elementor free vs pro сравнение
  • БЕСПЛАТНЫЙ ЭЛЕМЕНТ
  • БЕСПЛАТНО
elementor pro против elementor бесплатно
  • ЭЛЕМЕНТОР ПРО
  • 49 долларов в год за один сайт

Плагин полностью совместим с большинством тем WordPress. Это хороший способ объединить контент веб-сайта WordPress с вашим уникальным дизайном.

Если элементов, которые поставляются с Elementor, вам недостаточно, есть также множество сторонних надстроек Elementor, таких как Jet Plugins, Plus Addons для Elementor (проверьте Plus Addons для обзора Elementor), виджеты Stratum для Elementor (см. Обзор Stratum), Master Addons для Elementor (проверьте Master Addons для обзора Elementor) и т. Д.

ЗА:

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

МИНУСЫ:

  • Варианта с белой этикеткой нет.
  • Варианты настройки заголовка несколько ограничены.

Обзор конструктора страниц WPBakery

Ранее известный как Visual Composer (в чем разница - сравнение Visual Composer и WPBakery), WPBakery (проверьте обзор WPBakery) является одним из первых конструкторов страниц WordPress.

Торговая марка Visual Composer теперь используется для Visual Composer Website Builder (различия между бесплатным и премиум-версией Visual Composer), совершенно другого и отдельного плагина. Оригинальный конструктор страниц WPBakery продается на CodeCanyon.

WPBAKERY PAGE BUILDER vs VISUAL COMPOSER WEBSITE BUILDER

пустая страница
  • Имя
  • Цена
  • Бесплатная версия
  • Редактор перетаскивания
  • Редактор внешнего интерфейса
  • Режим просмотра в виде дерева
  • Бэкэнд-редактор
  • Мобильное редактирование
  • Встроенный текстовый редактор
  • Мгновенное сохранение
  • Редактор заголовка
  • Редактор нижнего колонтитула
  • Редактор боковой панели
  • Макеты страниц
  • Глобальный верхний и нижний колонтитулы
  • Работает с любой темой WordPress
  • Поддержка настраиваемого типа сообщения
  • Поддержка нескольких сайтов
  • Готовность к мультиязычности
  • RTL совместимый
  • Управление шаблоном
  • Шаблоны блоков
  • Предустановки элемента
  • Templatera / Global Templates (многоразовые шаблоны)
  • Экспорт / импорт шаблона
  • Варианты дизайна
  • Копировать вставить
  • Клон элемента
  • Пользовательское имя элемента
  • Конструктор сеток
  • Скрыть элемент
  • Горячие клавиши
  • Последние цвета
  • Отменить повторить
  • Мастер пустых страниц
  • Пользовательские CSS
  • Пользовательский JavaScript
  • Элемент заменить
  • Ролевой менеджер
  • Библиотеки иконок
  • Шрифты Google
  • Instagram-подобные фильтры
  • Эффекты параллакса
  • Градиентный фон
  • Фон слайд-шоу
  • Карусель фон
  • Увеличение / уменьшение фона
  • Видео фон
  • Элемент анимации
  • Положение фонового изображения
  • Разделитель формы
  • Коробка Тень
  • Мгновенное изменение размера столбца
  • Укладка колонн
  • Обратная укладка колонн
  • Полная ширина / высота ряда
  • Отзывчивый режим предварительного просмотра
  • Автоматическая отзывчивость
  • Скорость отклика настраиваемой строки
  • Yoast SEO поддержка
  • Поддержка шорткода
  • Поддержка виджетов WordPress
  • Элемент Гутенберга
  • Блок для Гутенберга
  • Поддержка пользовательских виджетов
  • Unsplash Stock Images
  • API
  • Промежуточная активация
  • Сторонние дополнения
  • Поддержка WooCommerce
  • Облачная библиотека
  • Элементы меню
  • Интеграция темы
  • Лицензия разработчика
визуальный композитор конструктор веб-сайтов против конструктора страниц wpbakery
  • ВИЗУАЛЬНЫЙ КОМПОЗИТОР КОНСТРУКТОР ВЕБ-САЙТА
  • 59 долларов США за один сайт
    Премиум-лицензия на один сайт за 59 долларов для неограниченного доступа ко всем его элементам и поддержке клиентов, 149 долларов за лицензию на 3 веб-сайта и лицензию для разработчиков (для неограниченного использования) за 349 долларов.
wpbakery против визуального композитора
  • СТРОИТЕЛЬ СТРАНИЦ WPBAKERY
  • 45 долларов за один сайт
    Лицензия на один сайт в размере 45 долларов (единовременный платеж) и расширенная лицензия на 245 долларов для приложений Saas

Плагин WPBakery Page Builder имеет блоки содержимого, которые можно использовать для создания уникальных страниц . Некоторые построители страниц называют эти блоки виджетами, а другие - модулями.

WPBakery называет свои блоки элементами содержимого. Каждый блок содержимого можно перетаскивать в любое место на страницах.

Карусели изображений. текстовые блоки, диаграммы, кнопки социальных сетей, диаграммы и видеопроигрыватели - вот лишь некоторые из 40+ доступных элементов контента WPBakery. Вы можете использовать конструктор страниц для создания своих страниц в бэкэнде с помощью области администрирования WordPress и во фронтенде с помощью редактора живого сайта .

редактор конструктора страниц wpbakery

Если блоков контента, поставляемых с WPBakery, вам недостаточно, существует множество надстроек WPBakery, таких как Composium (см. Обзор Composium) и Ultimate WPBakery, которые вы можете использовать и расширять параметры.

ЗА:

  • Доступно множество шаблонов.
  • Множество вариантов настройки делают этот плагин предпочтительным для многих.
  • Доступен широкий выбор элементов даже без установки сторонних расширений.

МИНУСЫ:

  • Иногда может показаться, что у вас слишком много параметров настройки, а их может быть слишком много.
  • Если вы отключите или перестанете использовать плагин, вам придется разобраться с множеством шорткодов.
  • У WPBakery нет бесплатной версии.
  • Это не самый быстрый конструктор страниц.

Elementor и WPBakery Сравнение

Сравнение Elementor и WP Bakery Page Builder (первоначально известного как Visual Composer) интересно тем, что каждый плагин занимает позицию на рынке, которая сильно отличается от другой.

Elementor относительно недавно появился на сцене. Его популярность быстро выросла: более 5 миллионов активных установок его бесплатной версии.

WP Bakery Page Builder существует уже несколько лет, так как он был одним из первых конструкторов страниц. Из-за этого он был интегрирован во многие темы. Особенно темы, найденные на ThemeForest.

Пользовательский интерфейс

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

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

elementor интерфейс
Пример редактора Elementor.

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

Функциональность встроенного редактирования - еще один аспект, которым отличаются эти два инструмента. В Elementor вы можете редактировать элементы, активировав функцию встроенного редактирования. Это позволяет легко и быстро вносить все изменения. В WPBakery все изменения будут производиться во всплывающем окне.

Общий опыт редактирования - еще одна область, которая отличает эти два плагина. WPBakery позволяет своим пользователям вносить изменения в бэкэнд или интерфейс.

пользовательский интерфейс wpbakery
Пример визуального редактора WPBakery.

Просто помните, что WPBakery в настоящее время не поддерживает встроенное редактирование. Любые изменения, которые вы вносите в бэкэнд или во внешний интерфейс, должны выполняться с помощью всплывающих окон. Это может занять немного больше времени, чем вы изначально ожидали.

ПОБЕДИТЕЛЬ: Если вам нравится редактирование интерфейса, Elementor - очевидный выбор. Если вы предпочитаете использовать внутренний редактор, WPBakery Page Builder может быть лучшим вариантом.

Доступные элементы

Страницы компоновщика страниц создаются с использованием элементов. Правильный конструктор страниц должен содержать элементы, необходимые для создания эффективных и привлекательных страниц. Также следует учитывать функциональность. Было бы неплохо иметь выбор из 200+ элементов. Однако количество доступных элементов не будет иметь значения, если нужные вам функции элемента не включены.

лучшие элементы или элементы
Некоторые из доступных элементов Elementor.

В Elementor и WPBakery есть из чего выбирать. Версия Pro от Elementor содержит более 50 элементов, которые можно использовать для создания веб-сайтов. Вы также можете воспользоваться надстройками Elementor, чтобы увеличить количество элементов, из которых вы можете выбирать . WPBakery предоставляет доступ к более чем 50 основным элементам.

основные элементы wpbakery
Некоторые из доступных элементов WPBakery.

Сообщество надстроек WPBakery Page Builder может использовать более 200 дополнительных элементов. Это намного больше, чем то, что предлагает сообщество надстроек Elementor. Вы даже можете использовать определенный плагин для создания уникальных элементов для своего сайта.

ПОБЕДИТЕЛЬ: Оба плагина содержат примерно одинаковое количество элементов, которые уже включены. WPBakery выделяется количеством дополнительных надстроек, к которым можно получить доступ через сторонние плагины.

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

Варианты укладки

Индивидуальный стиль поможет сделать ваш сайт уникальным. Выбор стиля Elementor разделен на вкладки Style и Advanced:

  • Стиль - здесь вы можете настроить выравнивание, цвет и другие базовые настройки.
  • Дополнительно - можно настроить параметры анимации, границ, полей, отступов, адаптивного дизайна и z-индекса. Вы также можете интегрировать собственный CSS в определенные элементы, если хотите.

параметры стиля элемента или
Пример некоторых вариантов стиля Elementor.

Выбор стиля в WPBakery Page Builder более сложен. К редактируемым элементам можно добавить фон, границы, поля и отступы. Дополнительные параметры стиля становятся доступными, когда вы решаете отредактировать столбец или строку.

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

варианты дизайна wpbakery
Некоторые из доступных вариантов дизайна WPBakery.

Выбор стиля в WPBakery будет зависеть от типа изменяемого содержимого. Вариантов редактирования основных элементов не так много. Все, что вы действительно можете сделать, это настроить фон, границы и поля / отступы.

Редактирование столбца предоставляет доступ к дополнительным параметрам стилизации. Вы можете добавить адаптивный дизайн (например, скрытие столбцов при просмотре на определенных устройствах), представление параллакса и многое другое.

ПОБЕДИТЕЛЬ: Мне больше нравятся варианты стиля Elementor по следующим причинам:

  1. Они более интуитивны.
  2. Вам не нужно бороться с всплывающими окнами. Все, что вам нужно, находится прямо здесь, на удобной боковой панели.
  3. Elementor имеет те же основные параметры стиля для столбцов, строк и элементов. WPBakery предлагает разные стили для каждой из этих категорий.
  4. Пользовательский CSS можно добавить к элементам Elementor. WPBakery позволяет интегрировать только пользовательские классы CSS. Вам все равно нужно добавить настоящий CSS где-нибудь еще.

Шаблоны

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

лучшие элементы или шаблоны
В Elementor огромный выбор шаблонов.

Оба плагина имеют большое количество готовых шаблонов . WPBakery имеет более 85 шаблонов, а Elementor предлагает на выбор более 120 различных шаблонов.

Примеры шаблонов wpbakery
Примеры шаблонов WPBakery.

ПОБЕДИТЕЛЬ: у Elementor больше шаблонов. Я думаю, что их шаблоны разработаны лучше, чем то, что предлагает WPBakery. Elementor также позволяет вам повторно использовать ваши собственные шаблоны дизайна, если вы хотите.

Конструктор тем

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

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

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

WPBakery не имеет функции редактора тем . Чтобы включить эту функцию, вам необходимо установить и активировать подключаемый модуль «брат» Visual Composer Website Builder.

ПОБЕДИТЕЛЬ: Elementor

Уникальные черты

Приверженность команды Elementor постоянному выпуску новых уникальных функций - это то, что мне всегда нравилось в Elementor. Первая такая функция, которая приходит на ум, - это функция Embed Anywhere . Это позволяет вам использовать шорткод для встраивания любых шаблонов, которые вы уже сохранили. Вы можете размещать дизайны Elementor в нижнем колонтитуле, на боковой панели или в любом другом разделе вашего сайта, где разрешены шорткоды.

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

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

Примеры шаблонов всплывающих окон elementor
Примеры шаблонов всплывающих окон Elementor.

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

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

WPBakery Page Builder имеет функцию диспетчера ролей, которая позволяет вам контролировать доступ к различным разделам пользовательского интерфейса WPBakery Page Builder на основе ролей. Несмотря на то, что это не так тщательно, как разрешения доступа Divi, это огромный шаг вперед по сравнению с довольно простыми разрешениями пользователей Elementor.

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

ПОБЕДИТЕЛЬ: Я выберу Elementor, потому что он имеет уникальное количество опций и функций. Вы можете добавить в WPBakery больше уникальных функций, если хотите заплатить за них дополнительные деньги. У Elementor тоже есть немало надстроек.

Что происходит, когда вы деактивируете плагин?

Блокировка используется для описания того, что происходит с вашим сайтом, когда вы деактивируете определенный плагин для построения страниц. Это может повлиять на дизайн и внешний вид вашего сайта, поэтому к этому следует отнестись серьезно.

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

  1. Оставляя чистый код
  2. Оставляя после себя беспорядок коротких кодов

Если вы отключите Elementor , вы потеряете свой стиль, но ваш контент по-прежнему будет выглядеть «нормально». WPBakery Builder, как и Divi Builder, идет по хаотическому пути.

Когда вы отключите WPBakery, придется иметь дело с множеством надоедливых шорткодов. Вам придется справиться со сломанными шорткодами и потерей стиля, что может быть очень неприятно.

Возможные проблемы с блокировкой - одна из причин, по которой вам следует внимательно рассмотреть все положительные и отрицательные стороны WPBakery Page Builder. Если вы все же выберете этот плагин, это может быть проблемой, с которой вам придется столкнуться позже.

ПОБЕДИТЕЛЬ: Elementor

Elementor или WPBakery - Цены

Бесплатную версию Elementor можно загрузить из репозитория плагинов WordPress. Это лучший бесплатный плагин для создания страниц, который я когда-либо использовал. Если вам нужны все функции и возможности Elementor, упомянутые ранее в этой статье, вам необходимо купить Elementor Pro. По сути, это дополнение к бесплатной версии.

Elementor Pro можно приобрести за 49 долларов в год для одного веб-сайта, 99 долларов в год для 3 сайтов или 199 долларов в год для 1000 сайтов.

тарифные планы elementor
Тарифы Elementor.

У WPBakery нет бесплатной версии . У него есть только платная версия, которую можно приобрести за 64 доллара единовременно за один сайт. Конструктора страниц WPBakery должно хватить для людей, которым он нужен только для одного веб-сайта.

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

ПОБЕДИТЕЛЬ: Elementor

WPBakery vs Elementor Заключение

К настоящему времени у вас должно быть достаточно информации о функциях, которые могут предложить WPBakery Page Builder и Elementor. Если вы хотите знать, что я думаю, вот мое мнение.

Я рекомендую Elementor, потому что:

  1. Мне нравится более быстрый интерфейс. Здесь меньше задержек, и это может сэкономить владельцам сайтов много времени.
  2. У Elementor лучший выбор стилей. Всплывающее редактирование WPBakery работает медленнее и не так интуитивно понятно, как функция встроенного редактирования Elementor.
  3. Мне нравится, насколько инициативная команда дизайнеров Elementor регулярно выпускает обновления, улучшения и дополнительные функции.
  4. Еще больше возможностей благодаря быстрорастущему сообществу дополнений Elementor.

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

WP Bakery Page Builder (ранее известный как Visual Composer) имеет больше элементов, чем Elementor. Он имеет множество блоков, которые можно использовать, многие из которых не требуют расширений. Вы можете настроить каждый элемент, как хотите. Он также включает в себя несколько впечатляющих готовых шаблонов, которые могут упростить создание вашего сайта.

Блокировка - один из основных недостатков WP Bakery . Он использует множество шорткодов, а это означает, что у вас останется сложная путаница с шорткодами, если вы решите деактивировать плагин по какой-либо причине. Это также может иногда вызывать отставание бэкэнда WordPress.

Elementor - один из самых простых в использовании конструкторов страниц. Бесплатная версия предлагает отличный выбор практичных элементов. Профессиональная версия добавляет еще больше специализированных виджетов и опций.