10 лучших плагинов WordPress для создания страниц по сравнению с 2022 годом

Пытаетесь выбрать лучший конструктор страниц WordPress для своего сайта?

Я познакомился с 10 различными конструкторами страниц WordPress, чтобы помочь вам принять решение. Да, я использовал каждый из них — это не просто список, основанный на рекламном тексте .

Я собираюсь объективно сравнить эти 10 конструкторов страниц WordPress в пяти категориях:

1. Интерфейс — как работает интерфейс и позволяет ли он создавать красивые страницы?
2. Включенные виджеты/шаблоны — какие варианты вы получаете для создания своих страниц?
3. Параметры стиля — как вы можете стилизовать элементы на своей странице?
4. Другие примечательные функции — предлагает ли конструктор страниц какие-либо примечательные уникальные функции?
5. Блокировка — что произойдет, если вы когда-нибудь захотите отключить плагин? Вы всегда будете терять свой собственный стиль, но некоторые конструкторы страниц оставляют после себя чистый код, а другие нет.

Для каждой категории я дам компоновщику страниц 5 баллов.

Затем, в конце, я соберу все воедино и порекомендую лучший, на мой взгляд, конструктор страниц WordPress.

Вот 10 компоновщиков страниц WordPress, на которые я рассмотрю — вы можете щелкнуть, чтобы перейти к определенному компоновщику страниц:

• Элементор
• Бобровый Строитель
• Диви Строитель
• Процветающий архитектор
• Конструктор страниц SiteOrigin
• Конструктор страниц WPBakery
• Themify Builder
• Бризи
• визуальный композитор
• Конструктор страниц WP

Или вы можете сразу перейти к сравнительной таблице.

1. Элементор

Первоначально запущенный в 2016 году, Elementor является одним из самых молодых конструкторов страниц в этом списке. Но даже несмотря на то, что он стартовал поздно, Elementor быстро набрал более 3 000 000 активных установок на WordPress.org, что делает его самым популярным конструктором страниц, по крайней мере, по данным WordPress.org.

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

Хотя он начинался как просто редактор страниц, премиум-версия Elementor Pro теперь позволяет вам делать гораздо больше, чем просто создание страниц. Две наиболее примечательные особенности:

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

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

Прочитайте наш обзор Elementor Pro.

Цена: Бесплатная основная версия. Elementor Pro стоит от 49 долларов за использование на одном сайте.

Интерфейс — 5/5

Интерфейс Elementor разделен на две основные части с третьей областью для некоторых более мелких настроек:

• 1 — это предварительный просмотр вашего дизайна в реальном времени. Он выглядит именно так, как его увидят ваши посетители. Вы также можете вводить текст прямо в этом интерфейсе, а также перетаскивать различные элементы, чтобы изменить их порядок.
• 2 — показывает список элементов, которые вы можете использовать. Вы просто перетаскиваете их. И когда вы выбираете отдельный элемент или раздел, именно здесь вы будете стилизовать его.
• 3 — они помогают вам получить доступ к адаптивным предварительным просмотрам, отмене / повторению изменений и другим более мелким функциям.

Например, вот посмотрите, как вы можете перетащить текстовый виджет, а затем просто ввести текст на странице (встроенное редактирование), чтобы изменить текст:

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

Включенные виджеты/шаблоны – 5/5

В бесплатной версии Elementor включает 28 бесплатных виджетов . И вы также можете использовать все основные виджеты WordPress. Версия Pro добавляет еще около 30 виджетов , что дает вам в общей сложности 58 виджетов в версии Pro:

Бесплатная версия также поставляется с примерно 40 бесплатными шаблонами . А версия Pro добавляет сотни дополнительных шаблонов.

Шаблоны бывают двух форматов:

• Страницы — полностраничные дизайны, которые вам просто нужно отредактировать.
• Блоки — отдельные секции, которые можно собирать как лего.

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

Варианты укладки — 5/5

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

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

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

• Пользовательские поля/отступы.
• Пользовательские классы/идентификаторы CSS. С Elementor Pro вы можете напрямую добавлять стили CSS к отдельным элементам.
• Отзывчивое управление. Вы можете показывать/скрывать элементы на определенных устройствах.

Elementor также недавно добавил настраиваемое позиционирование, что значительно упрощает размещение виджетов в определенных местах на странице.

Другие примечательные особенности — 5/5

Эти функции доступны в Elementor Pro:

• Полное построение темы. Вы можете использовать тот же интерфейс Elementor для создания частей шаблона, таких как заголовки, нижние колонтитулы, одиночные файлы и архивы. По сути, вы можете создать всю свою тему с помощью Elementor.
• Конструктор WooCommerce — создавайте страницы продуктов и магазинов WooCommerce.
• Всплывающее здание . Создавайте гибкие всплывающие окна и ориентируйте их на определенный контент.
• Интеграция форм . Подключите виджет формы к популярным службам почтового маркетинга (или к Zapier для еще большей гибкости).
• Глобальные виджеты. Они позволяют повторно использовать общий элемент на нескольких страницах и редактировать все экземпляры глобального виджета, просто обновляя глобальный виджет.
• Встроить куда угодно . Используйте шаблоны Elementor в других областях с помощью виджетов или шорткодов.

Блокировка – 5/5

Если вы когда-нибудь деактивируете Elementor, он оставит после себя чистый код. Например, если у вас был заголовок <h3> с Elementor, у вас все еще будет заголовок <h3> после деактивации Elementor — он просто будет использовать стиль вашей темы.

2. Строитель бобров

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

Есть также несколько официальных надстроек, которые вы можете связать с ним для большей гибкости, в частности, дополнительная тема Beaver Builder и расширение Beaver Themer.

Прочитайте наш обзор Beaver Builder.

Цена: Ограниченная бесплатная версия. Начинается с 99 долларов за использование на ограниченных сайтах.

Интерфейс — 5/5

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

• 1 — вы нажимаете это, чтобы открыть боковую панель
• 2 — это предварительный просмотр вашего дизайна в реальном времени.

В Beaver Builder недавно добавлено встроенное редактирование текста, что означает, что вы можете либо печатать прямо на странице, чтобы отредактировать текст, либо использовать всплывающее окно:

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

Включенные виджеты/шаблоны – 4/5

В бесплатной версии Beaver Builder предоставляет доступ только к 6 модулям , хотя вы также можете использовать стандартные виджеты WordPress.

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

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

Варианты укладки — 5/5

Чтобы стилизовать модули и разделы, вы можете:

• Использовать всплывающее окно по умолчанию
• Закрепите окно сбоку, чтобы создать боковую панель ( вы можете увидеть это в примере ниже ).

Точные параметры зависят от модуля, но в целом Beaver Builder дает вам довольно хороший контроль над вашими элементами, включая настраиваемые интервалы и адаптивные элементы управления.

И Beaver Builder также предлагает очень уникальный переключатель, который позволяет вам отображать или скрывать отдельные модули в зависимости от того, вошел ли пользователь в систему:

Другие примечательные особенности — 4/5

• Бивер Темер. Хотя это отдельное расширение, оно добавляет полную функциональность по созданию тем, как Elementor.
• Белая маркировка . Вы можете легко использовать White Label Beaver Builder, если создаете сайты для клиентов.
• Тема Beaver Builder . Эта дополнительная тема дает вам еще больше контроля над тем, как выглядит ваш сайт.

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

Блокировка – 5/5

Как и Elementor, Beaver Builder оставляет после себя 100% чистый код с правильным форматированием HTML.

3. Диви Строитель

Divi Builder — популярный премиальный конструктор страниц от Elegant Themes. Хотя Divi Builder чаще всего используется как часть темы Divi, он также является отдельным плагином, который вы можете использовать и с другими темами.

В отличие от двух предыдущих построителей страниц, Divi Builder позволяет редактировать контент, используя как визуальный внешний интерфейс , так и внутренний интерфейс , хотя большинство пользователей, вероятно, предпочтут внешний интерфейс.

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

Прочитайте наш обзор Divi Builder.

Цена: доступна как часть членства в Elegant Themes за 89 долларов.

Интерфейс — 5/5

Бэкэнд-интерфейс Divi Builder выглядит так:

Но большую часть времени вы будете использовать внешний визуальный интерфейс. Divi Builder определенно уникален. Я лично не фанат , но я знаю много людей, которым это нравится, поэтому я не собираюсь ставить какие-либо баллы по этой причине.

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

Как и в предыдущих двух конструкторах страниц, вы также можете использовать встроенное редактирование для редактирования текста прямо на странице:

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

Включенные виджеты/шаблоны – 5/5

Divi Builder включает 46 модулей , которые вы можете использовать для создания своих проектов:

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

Варианты укладки — 5/5

Как и Beaver Builder, Divi Builder позволяет стилизовать элементы из всплывающего окна, которое при желании можно закрепить сбоку.

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

Вы даже можете добавить пользовательский CSS к основному элементу или до/после основного элемента. Редакторы CSS даже включают базовую проверку и автозаполнение! И вы также можете открыть палитру цветов прямо из редактора:

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

Другие примечательные особенности — 5/5

• Создание темы — создавайте всю тему с помощью интерфейса Divi Builder.
• А/Б тестирование. Одной из лучших дополнительных функций Divi Builder является встроенная система A/B-тестирования. Ни один другой конструктор страниц не позволяет так легко проводить сплит-тестирование в ядре.
• Тема Диви . Сочетание Divi Builder с темой Divi дает вам полный контроль над внешним видом вашего сайта.
• Контроль доступа пользователей . Divi Builder включает в себя надежные элементы управления доступом на основе ролей.
• Управление настройщиком WordPress . Вы можете настроить внешний вид некоторых элементов с помощью собственного настройщика WordPress.

Блокировка – 3/5

Одним из критических замечаний к Divi Builder всегда было то, что он основан на шорткоде. Это означает, что если вы когда-нибудь деактивируете его, он оставит кучу шорткодов в вашем контенте.

Хотя это немного удручает, теперь это не проблема, когда существуют такие плагины, как Shortcode Cleaner. Вы потеряете форматирование — например, тег <h3> — но не потеряете сам контент.

4. Архитектор процветания

Thrive Architect — это обновленная версия того, что когда-то было Thrive Content Builder. Новый интерфейс во многом похож на интерфейс Elementor, который вы увидите через секунду.

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

Прочтите наш обзор Thrive Architect.

Цена: это часть Thrive Suite, которая стоит 19 долларов в месяц (оплачивается ежегодно).

Интерфейс — 5/5

Как я уже сказал, вы увидите некоторое сходство между интерфейсом Thrive Architect и интерфейсом Elementor ( на случай, если вам интересно, Elementor был первым ):

Это та же идея, у вас есть:

• 1 — это предварительный просмотр вашего дизайна в реальном времени. Он выглядит именно так, как его увидят ваши посетители. Вы также можете вводить текст прямо в этом интерфейсе, а также перетаскивать различные элементы, чтобы изменить их порядок.
• 2 — показывает список элементов, которые вы можете использовать. Вы просто перетаскиваете их. И когда вы выбираете отдельный элемент или раздел, именно здесь вы будете стилизовать его.
• 3 — они помогают вам получить доступ к адаптивным предварительным просмотрам, отмене / повторению изменений и другим более мелким функциям.

Да — я копирую и вставляю это из раздела Elementor .

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

И Thrive Architect также предлагает настоящее встроенное редактирование текста. На самом деле, Thrive Architect, на мой взгляд, обладает самой удобной встроенной функцией редактирования среди всех компоновщиков страниц:

Включенные виджеты/шаблоны – 4/5

Thrive Architect предлагает 40 различных виджетов , в том числе несколько изящных, таких как вечнозеленый таймер обратного отсчета.

Thrive Architect также включает в себя сотни шаблонов, разделенных примерно на 36 «наборов». И вы также можете сохранить свои собственные проекты в качестве шаблона.

Варианты укладки — 5/5

Thrive Architect отличается от Elementor тем, как он обрабатывает стили. Вместо того, чтобы давать вам вкладки, Thrive Architect включает все в один столбец.

Параметры стиля довольно подробны и включают адаптивные элементы управления и настраиваемые интервалы:

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

Другие примечательные особенности — 3/5

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

И еще одна интересная вещь — насколько хорошо он интегрируется с другими продуктами Thrive Themes. Например:

• Если вы используете Thrive Optimize, вы можете запускать A/B-тесты с помощью Thrive Architect.
• Если вы используете Thrive Leads, вы можете легко интегрировать подробные подписки Thrive Leads в Thrive Architect.

Блокировка – 5/5

Thrive Architect оставляет после себя 100% чистый код, такой как Elementor и Beaver Builder.

5. Конструктор страниц SiteOrigin

SiteOrigin Page Builder существует уже целую вечность. И за это «навсегда» ему удалось собрать более 1 миллиона активных установок на WordPress.org, что делает его одним из самых популярных плагинов для создания страниц на рынке.

Хотя SiteOrigin Page Builder немного легче, чем большинство других опций в этом списке, он предлагает отличную производительность и множество полезных элементов управления CSS.

Цена: бесплатно. Пакет SiteOrigin Premium начинается с 29 долларов США.

Интерфейс — 3/5

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

У вас есть оригинальный бэкэнд-редактор:

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

Этот редактор дает вам больше всего места для работы, но в нем отсутствует предварительный просмотр в реальном времени.

Если вам нужен предварительный просмотр в реальном времени, конструктор страниц SiteOrigin добавил режим живого редактирования:

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

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

Включенные виджеты/шаблоны – 2/5

Помимо основных виджетов WordPress, SiteOrigin Page Builder также предлагает бесплатный плагин Widgets Bundle, который добавляет модульный набор из 23 виджетов , которые вы можете использовать. Он также включает в себя ~ 25 готовых шаблонов, которые вы можете использовать, хотя они довольно просты по сравнению с другими конструкторами страниц.

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

Варианты укладки — 3/5

Параметры стиля SiteOrigin Page Builder будут разочаровывать по сравнению с другими конструкторами страниц , если вы не знаете CSS . Но если вам удобно использовать свой собственный CSS, они на самом деле очень полезны.

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

Вы также получаете множество вариантов стилей, не связанных с CSS, но не так много, как другие плагины. Если вы разработчик и планируете использовать свой собственный CSS, возможно, вы могли бы поставить плагину 5 баллов в этой категории. Но я снижаю его до 3, потому что думаю, что он подходит для обычных пользователей .

Другие примечательные особенности — 2/5

Конструктор страниц SiteOrigin довольно легкий, но вы получаете базовый пользовательский конструктор типов сообщений в комплекте SiteOrigin Premium.

Блокировка – 4/5

SiteOrigin Page Builder оставляет после себя смесь чистого HTML и шорткодов. То есть некоторые виджеты — например, текстовый редактор — оставляют после себя чистый HTML, а другие — например, виджет кнопки — оставляют шорткоды.

6. Конструктор страниц WPBakery

WPBakery Page Builder, ранее известный как Visual Composer, является еще одним чрезвычайно популярным конструктором страниц премиум-класса. Большая часть этой популярности связана с тем, что WPBakery Page Builder поставляется в комплекте с 99% тем на ThemeForest. Но факт остается фактом: он используется на огромном количестве сайтов .

Цена: $64

Интерфейс — 3/5

Как и Divi Builder, WPBakery Page Builder предоставляет вам как визуальное редактирование внешнего интерфейса, так и редактирование внутреннего интерфейса.

Вы можете использовать внутренний интерфейс, если хотите:

Но я думаю, что большинство людей будут счастливее на интерфейсе, который выглядит так:

Вы вставляете новые элементы и стилизуете их с помощью всплывающих окон — здесь нет боковой панели и встроенного редактирования.

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

Включенные виджеты/шаблоны – 3/5

WPBakery Page Builder предлагает 39 элементов , а также все стандартные виджеты WordPress. Однако некоторые из этих элементов будут объединены в другом компоновщике страниц, поэтому фактическое число больше похоже на ~33 :

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

Варианты укладки — 3/5

По сравнению с чем-то вроде Elementor или Divi Builder, параметры стиля WPBakery Page Builder немного ограничены.

У вас есть хороший контроль над строками:

А вот варианты стилей для отдельных элементов немного более ограничены.

Если вы хотите использовать свой собственный CSS, вы можете добавить собственный класс CSS или идентификатор к отдельным элементам или добавить фактические стили на уровне страницы:

Другие примечательные особенности — 3/5

Я не уверен, что WPBakery Page Builder сам по себе имеет какие-либо особо примечательные уникальные функции. Но что у него есть, так это огромное сообщество сторонних дополнений. В то время как многие другие конструкторы страниц имеют сторонние надстройки, WPBakery Page Builder уникален по количеству, которое превышает 250+ надстроек .

Блокировка – 3/5

Как и Divi Builder, WPBakery Page Builder оставляет кучу шорткодов в вашем контенте, если вы когда-нибудь деактивируете его.

7. Themify Builder

Неудивительно, что Themify Builder — это конструктор страниц Themify. Themify объединяет его со многими своими темами, чтобы предоставить клиентам простые возможности настройки. Но вы также можете приобрести его как отдельный плагин и использовать с любой темой.

Цена : Облегченная бесплатная версия. Pro начинается с 39 или 59 долларов (в зависимости от дополнений).

Интерфейс — 4/5

Подобно Divi Builder и WPBakery Page Builder, Themify Builder позволяет вам создавать свои проекты, используя как внутренние, так и внешние интерфейсы.

В версии 4.0 Themify Builder внес некоторые изменения в интерфейс, что заставило меня поднять оценку на ступеньку выше.

Интерфейс бэкенда выглядит так:

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

• 1 — позволяет вставлять новые модули ( 2 разных способа )
• 2 — предварительный просмотр в реальном времени
• 3 — адаптивный предварительный просмотр, отмена/повтор и другие настройки

Встроенного редактирования нет — вам нужно будет отредактировать текст во всплывающем окне:

Тем не менее, новый интерфейс выглядит намного «быстрее», чем старый, что обеспечивает гораздо более быстрое редактирование.

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

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

На самом деле, моя единственная серьезная критика по-прежнему заключается в отсутствии редактирования строк.

Включенные виджеты/шаблоны – 3/5

Themify Builder предлагает ~32 модуля (в зависимости от ваших надстроек), а также все обычные виджеты WordPress.

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

Варианты укладки — 4/5

Если вы нажмете на любой элемент, вы получите четыре разные вкладки, которые помогут стилизовать его:

• Содержание
• Стиль ( показан ниже )
• Видимость ( позволяет скрыть элемент на определенных устройствах )
• Анимация

Еще одна приятная вещь заключается в том, что Themify Builder позволяет настраивать точки останова ( но только на уровне всего сайта ).

В версии 4.0 Themify Builder также добавил настраиваемые разделители форм, которые позволяют выбирать из 25 предустановленных форм.

Другие примечательные особенности — 4/5

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

Эта функция также работает в новом редакторе блоков WordPress.

Еще одна приятная новая функция — возможность использовать разные разрешения для адаптивного дизайна. Многие компоновщики страниц просто предоставляют вам общие предварительные просмотры «Мобильный» и «Планшет», но Themify Builder на самом деле позволяет вам тестировать разные устройства.

Блокировка – 5/5

В Themify Builder значительно улучшена блокировка. Теперь, если вы деактивируете его, он оставит ваш контент с чистым HTML.

8. Бриз

Brizy, запущенный в апреле 2018 года, является одним из самых «молодых» конструкторов страниц в этом списке. Но он создан известным разработчиком ThemeFuse и быстро набрал 60 000 активных установок. Кроме того, он просто предлагает уникальный подход к некоторым частям построения страниц, что делает его интересным предложением.

Разработчики также быстро выпускают новые функции, и Brizy уже поддерживает создание тем и всплывающих окон.

Цена: базовая бесплатная версия. Pro-версия начинается с 49 долларов.

Интерфейс — 5/5

Brizy — это исключительно визуальный конструктор страниц.

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

Часть «уникальный интерфейс» — это то, что происходит, когда вы начинаете добавлять элементы. Вместо того, чтобы иметь боковую панель или всплывающее окно, где вы настраиваете/стилизуете элемент, почти все происходит внутри (включая набор текста).

Посмотрите, что я имею в виду:

В результате получается действительно быстрый способ создания страниц.

Включенные виджеты/шаблоны – 4/5

В настоящее время Brizy предлагает 26 основных элементов . Это число невелико, но Brizy все еще новинка, поэтому, надеюсь, со временем оно увеличится.

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

Он также включает в себя более 150 блоков (разделов шаблонов), которые вы можете использовать.

Варианты укладки — 5/5

Из-за того, как работает интерфейс Brizy, нет установленной формулы для параметров стиля, как в других конструкторах страниц.

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

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

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

Другие примечательные особенности — 5/5

Интерфейс Brizy уже довольно уникален, но с момента его выпуска он также быстро собрал довольно звездный список функций:

• Конструктор тем — создавайте заголовки, нижние колонтитулы, архивы и шаблоны отдельных сообщений с помощью Brizy . Поддержка WooCommerce находится на подходе . Он также включает в себя динамическую функцию для добавления содержимого настраиваемых полей из популярных плагинов, таких как ACF и Toolset.
• Конструктор всплывающих окон — создавайте всплывающие окна с помощью интерфейса Brizy и используйте условия для управления тем, где и когда они отображаются.
• Глобальные баннеры , которые синхронизируются на нескольких страницах.
• Интеграция с популярными сервисами электронного маркетинга (и Zapier).

Блокировка – 4/5

Brizy оставляет после себя в основном чистый HTML-код, если вы когда-нибудь его деактивируете. Но он по-прежнему оставляет кучу div с классами Brizy CSS в коде, что немного портит интервалы и требует очистки.

9. визуальный композитор

Выше я сказал вам, что WPBakery Page Builder раньше был известен как Visual Composer. Причина этого «привыкания» заключается в том, что команда Visual Composer решила выделить WPBakery Page Builder, чтобы они могли запустить совершенно новый продукт, используя имя Visual Composer.

Именно этому мы уделяем особое внимание в этом разделе.

Хотя это исходит от той же команды, это совершенно отдельный продукт.

Основное отличие состоит в том, что Visual Composer — это полноценный конструктор веб -сайтов, а WPBakery Page Builder — всего лишь конструктор страниц .

Цена: Ограниченная бесплатная версия. Pro-версия начинается с 49 долларов.

Интерфейс — 3/5

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

Оттуда вы можете спроектировать все, используя визуальный интерфейс:

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

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

Включенные виджеты/шаблоны – 5/5

Когда вы впервые устанавливаете Visual Composer (или если вы просто используете бесплатную версию), вы получаете доступ только к нескольким блокам и без шаблонов.

Не дайте себя обмануть — в Visual Composer есть огромный выбор элементов и шаблонов — вам просто нужно подключиться к Visual Composer Hub и загрузить те, которые вы хотите использовать:

Как видите, существует огромное разнообразие, от блоков контента до интеграций и многого другого. Аналогичное разнообразие есть и в шаблонах.

Варианты укладки — 4/5

Варианты стилей Visual Composer солидны, но на самом деле ничем не выделяются. Вы получаете все ожидаемые функции, такие как разделители форм, настраиваемый интервал, параллакс и т. д.

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

Две приятные функции — это возможность сделать строку или элемент липкой и управлять стеком столбцов.

Другие примечательные особенности — 5/5

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

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

Другой выдающейся функцией является Visual Composer Hub, который поставляется с множеством шаблонов и элементов контента, которые вы можете импортировать.

Блокировка – 5/5

Если вы деактивируете Visual Composer, он оставит после себя относительно чистый HTML. HTML по-прежнему включает классы CSS Visual Composer, но нет никаких проблем с внешним интерфейсом или шорткодов.

10. Конструктор страниц WP

WP Page Builder — это новое предложение от Themeum, признанного разработчика WordPress. Таким образом, хотя сам плагин является новым, он создан командой, которая уже некоторое время работает в пространстве WordPress.

Themeum также производит плагин Tutor LMS, который мы рассмотрели не так давно.

Цена: Довольно щедрая бесплатная версия. Pro-версия начинается с 39 долларов.

Интерфейс — 4/5

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

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

Тем не менее, нет встроенного редактирования, что немного удручает. Вместо этого вам нужно будет отредактировать текст в редакторе боковой панели:

Включенные виджеты/шаблоны – 5/5

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

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

Варианты укладки — 4/5

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

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

Однако, несмотря на надежность, у вас не так много вариантов, как у Elementor или Divi, поэтому я ставлю оценку «4» вместо «5».

Другие примечательные особенности — 3/5

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

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

Блокировка – 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?