8 лучших плагинов Drag and Drop Page Builder для WordPress

Исходный код воняет.

И так думают не только новички в WordPress.

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

Некоторые даже утверждают, что настройщик WordPress по умолчанию все еще слишком сложен, и поэтому мы в настоящее время находимся в эре, которая предпочитает плагины для создания перетаскивания для WordPress. Тем не менее, некоторые онлайн-конструкторы — полная ерунда. Тем не менее, лучшие решения чертовски впечатляют.

Они предоставляют удобные модули для перетаскивания в любое место на странице с функциями для таких элементов, как видео, ползунки, кнопки и столбцы.

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

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

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

Цена: 34 доллара США с расширенной поддержкой на 12 месяцев за дополнительные 10,20 долларов США.

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

Плюсы

• Плагин поставляется с внешним и внутренним конструктором страниц.
• Вы получаете мощный конструктор сетки для создания портфолио и других галерей.
• Он интегрируется с WooCommerce.
• Поддерживаются параллакс и видео фоны.
• Плагин предоставляет более 45 элементов премиум-контента, 60 предопределенных макетов, 150 сторонних надстроек и 40 уникальных шаблонов сетки.

Минусы

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

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

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

Редактор контента MotoPress

Цена: от 29 долларов.

Редактор контента MotoPress превращает редактор WordPress по умолчанию в более визуальный интерфейс. Это означает, что большая часть вашей работы по-прежнему будет выполняться на бэкэнде, но быстрое нажатие кнопки обеспечивает перетаскивание элементов. Имейте в виду, что редактирование внешнего интерфейса доступно, но внутренний модуль часто проще.

Плюсы

• Доступен мультисайт.
• Веб-шрифты Google упакованы в плагин.
• Это многоязычный интерфейс для охвата большего количества людей.
• Он интегрируется с WooCommerce.
• Вы получаете довольно много предустановленных шаблонов для начала работы.
• Цены разумные.
• Дополнения MotoPress доступны для дополнительной функциональности.

Минусы

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

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

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

Бобровый Строитель

Цена: от 99 долларов до 399 долларов.

Beaver Builder — самый дорогой в списке, но вы получаете то, за что платите. Если вы посмотрите на gobarking.com, это отличный пример дизайна, которого вы можете достичь с помощью этого замечательного конструктора страниц.

Плюсы

• Вы можете использовать плагин на неограниченном количестве сайтов, даже для самого дешевого пакета.
• Поддержка одна из лучших, которую вы можете найти.
• Получите доступ к премиальным модулям и шаблонам.
• Интегрируется с WooCommerce.
• Доступны возможности мультисайта.
• Возможна белая маркировка.
• Он сочетается с обычными виджетами WordPress для легкого перехода.
• Доступен импорт и экспорт.

Минусы

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

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

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

Конструктор страниц: Live Composer

Цена: совершенно бесплатно

Плагин Page Builder: Live Composer — один из новых игроков в игре, но он наделал немало отзывов с пятью звездами. Основное преимущество заключается в том, что вам не нужно платить ни копейки за плагин. Это полностью открытый исходный код, аналогичный платформе WordPress, на которой вы создаете свой сайт. На самом деле, у них даже нет премиум-версии, которую они могли бы в конечном итоге продать вам.

Плюсы

• Природа темы с открытым исходным кодом означает, что вы получаете много обсуждений в Интернете для поддержки.
• Это бесплатно.
• Все ваши настройки выполняются на интерфейсе.
• Он не оставляет шорткодов, если вы в конечном итоге отключите плагин.
• Плагин работает с адаптивными устройствами.
• Предлагается поддержка по электронной почте (нечасто бывает с инструментами с открытым исходным кодом).
• Импорт и экспорт идут вместе с пакетом.

Минусы

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

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

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

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

Цены: Бесплатно

До того, как появился плагин Page Builder: Live Composer, Page Builder от SiteOrigin был одним из немногих бесплатных решений, на которые стоило обратить внимание. Они не пытаются продать вам больше, и он использует виджеты, которые вы знаете и любите, для перетаскивания по всему вашему сайту.

Плюсы

• Вам не нужно платить ни копейки.
• Он работает с виджетами, что отлично подходит для людей, знакомых с WordPress.
• Вы можете вернуться и восстановить версию, которая была сохранена ранее.
• Плагин имеет несколько встроенных блоков контента, а также блоки, которые вы можете добавить бесплатно.
• Кодирование не требуется, а живое редактирование в основном выполняется на бэкэнде.
• Плагин доступен на 17 языках и продолжает расти.

Минусы

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

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

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

Themify Builder

Цена: 39 долларов (или вы можете купить тему Themify с включенным плагином)

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

Плюсы

• Предварительно разработанные макеты многочисленны и красивы.
• Редактируйте из внешнего интерфейса или из внутреннего интерфейса (или из обоих).
• Функция Live Preview избавляет от необходимости постоянно нажимать кнопку Preview.
• Если вы допустили ошибку, вы можете нажать кнопку «Отменить».
• Дублируйте свои макеты, чтобы реализовать их на других сайтах или в других частях вашего текущего веб-сайта.
• Функции импорта и экспорта отлично подходят для разработчиков с несколькими клиентами.
• Каждая комбинация элементов полностью адаптивна.
• В тему упаковано более 60 анимаций.
• Пользовательский стиль позволяет изменять такие элементы, как ползунки, шрифты, цвета и строки.

Минусы

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

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

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

Тема Divi с Builder

Цены: Пакеты Elegant Theme начинаются с 69 долларов в год.

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

Плюсы

• Темы Elegant Themes прекрасны сами по себе.
• Divi Builder включает в себя более 46 модулей контента, включая уникальные, такие как счетчики кругов, переключатели и слайдеры постов во всю ширину.
• Более 18 готовых макетов ускорят весь процесс проектирования.
• Вам не нужно трогать ни одной строки кода.
• Дизайн полностью адаптивный.
• У Elegant Themes лучшая поддержка.

Минусы

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

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

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

Сэндвич компоновщика страниц

Цена: от 39 до 89 долларов.

Возможно, это не один из самых известных вариантов в этом списке, но плагин Page Builder Sandwich может многое предложить. Для начала плагин использует знакомые инструменты WordPress, чтобы упростить переход на этот плагин. Например, вы можете добавлять такие элементы, как текст, столбцы, изображения и видео, простым перетаскиванием.

Плюсы

• Готовые шаблоны поставляются вместе с вашей покупкой.
• Доступно редактирование фронтенда.
• Работайте с виджетами, если вам так удобнее.
• Отмените изменения, если вы допустили ошибку.
• Для редактирования каждого элемента на вашем сайте требуется всего один шаг.

Минусы

• Самые крутые функции на самом деле предлагаются в плане за 89 долларов.

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

• Нравится работа с виджетами.
• Хотите начать с некоторых предварительно разработанных шаблонов.
• Не обращайте внимания на тарифный план за 89 долларов.

Вывод

В целом, любой из этих плагинов для создания страниц с перетаскиванием для WordPress должен вас порадовать. Что касается окончательных рекомендаций, нам нравится Divi для разработчиков, которым тоже нужна куча тем. Page Builder: Live Composer — мое любимое бесплатное решение, а Visual Composer — король из всех, если вы не против потратить немного денег.

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