С WordPress, постоянно вносящим изменения в редактор Gutenberg, нет никаких сомнений: разработчики страниц больше не занимаются веб-дизайном и созданием контента. Они настоящие.
Для многих из вас это не новость. Создатели страниц WordPress существуют уже много лет. Тем не менее, вы и ваши клиенты, возможно, не задумывались серьезно о принятии их, когда они были просто альтернативным вариантом для создания веб-сайтов.
Учитывая то, где мы сегодня находимся с конструктором страниц, который служит основным средством создания контента WordPress, все это изменилось.
Если вы или ваши клиенты не нашли новый редактор WordPress для помощи в их рабочем процессе, возможно, пришло время подумать об установке одного из этих плагинов для конструктора страниц. Конечно, вы всегда можете вернуться к классическому редактору, но это поставит вас и ваших клиентов в невыгодное положение, сделав шаг назад, а не двигаться вперед.
Подумайте о возможностях вашего конструктора страниц и найдите тот, который облегчит вашу жизнь.
Вот почему сегодня мы собираемся сосредоточить наше внимание на Beaver Builder и Elementor. Как показывает этот обзор WP Shout, есть и другие плагины для создания страниц, но мы хотим предложить вам лучшие варианты для современных клиентов веб-дизайнеров.
С точки зрения Beaver Builder против Elementor, следующее руководство предоставит вам параллельное сравнение:
Обновление контента
Бесплатный веб-сайт Speed EBook
12-ступенчатый контрольный список для
Достигнуть времени зарядки менее 1 секунды
(4 страницы)
скачать
Бобр Строитель против Факир
Эти введения дадут вам хорошее представление о том, почему эти плагины продолжают доминировать в списке создателей страниц WordPress сегодня.
Введение в Beaver Builder
Beaver Builder был впервые представлен экосистеме WordPress в 2014 году.
Плагин Beaver Builder Lite (бесплатный) в настоящее время находится в репозитории WordPress с более чем 500 000 загрузок и почти пятизвездочным рейтингом.
История происхождения Beaver Builder – это история дизайнеров и агентств. Как Робби Маккалоу, соучредитель Beaver Builder, рассказал об этом в своем блоге с начала 2015 года:
Ее веб-агентство предлагало недорогую услугу веб-дизайна, предлагая клиентам выбрать готовый шаблон, разработанный из набора тем, с которыми работало агентство. Тем не менее, каждый раз, когда в сгиб вводилась новая тема, создавалась настоящая загвоздка в том, что должно было быть более упорядоченным и более коротким рабочим процессом:
Агентство Маккалоу стало получать больше запросов от клиентов на создание пользовательских веб-сайтов, которые они могли бы затем редактировать самостоятельно.
Когда эта новая сложность была введена, агентство разработало комбинацию расширенных пользовательских полей и шаблонов страниц для разработки своих веб-сайтов. Это решило часть проблемы, время, но не удобство для клиента.
То, что им было нужно, – это фреймворк, с помощью которого они могли бы построить каждый сайт, с которого у клиентов не возникнет никаких проблем.
Именно здесь Beaver Builder, ранее FastLine Page Builder, вступил в бой.
То, что начиналось как плагин для создания премиум-страниц, в конечном итоге стало бесплатной моделью для пользователей, чтобы использовать бесплатную версию из хранилища. Кроме того, они были преобразованы в GPL, чтобы другие разработчики могли расширить возможности того, что он может делать. Прекрасным примером этого является Themer Pro, созданный Эриком Хаммом и Cobalt Apps, который расширяет возможности Beaver Themer.
Помогите сделать команду Beaver Builder очень классной. Робби и Джо, наш главный любитель, вместе отправились на BeachPress! По словам Джо, Робби – удивительный человек, который также предвещает качество конструктора страниц.
Робби даже однажды пришел на подкаст WordPress WPMRR и поболтал с Джо, чтобы все могли его услышать. Это был отличный конво, и в нем Робби рассказывает о том, как он готовится путешествовать по миру в течение года, все еще помогая Beaver Builder. Действительно вдохновляющие вещи.
Сообщество Beaver Builder также фантастично. У них отличный Facebook Группа, состоящая из более чем 13 000 членов, которые готовы ответить на любые ваши вопросы.
Введение в Elementor
Elementor был представлен через два года после Beaver Builder в 2016 году.
Бесплатный плагин Elementor в настоящее время находится в репозитории WordPress с более чем миллионом загрузок и почти пятизвездочным рейтингом.
Что касается истории происхождения Elementor, вы можете прочитать все об этом у CMO Ben Pines. А пока позвольте мне шаг за шагом взглянуть на то, как появился этот конструктор страниц.
В 2015 году основатели Elementor создали тематическую компанию WordPress. При изучении ландшафта CMS они были ошеломлены, увидев такие решения, как Wix и Weebly, с удивительными инструментами для создания страниц, в то время как WordPress, казалось, отставал. Они знали, что это необходимо в этом пространстве, но они не знали, как решить эту проблему с таким количеством разных типов конечных пользователей:
- Дизайнер – Они не хотят кодировать, но хотят контролировать все аспекты дизайна.
- разработчик – Они хотят кодировать все на странице, что означает работу в минимальном интерфейсе.
- Клиент – Они не хотят кодировать и не хотят все контролировать. Они просто хотят простой способ создать или управлять вашим сайтом.
Как вы можете себе представить, это значительно усложняет процесс создания программного обеспечения, так как вы должны быть в состоянии найти баланс, не ставя под угрозу опыт одного пользователя гораздо больше, чем опыт другого. Подход команды Elementor был менее чем обычным:
Команда Elementor также фантастическая, полная новаторских и изобретательных людей.
В итоге Elementor создал очень любимый и широко распространенный инструмент для создания страниц, который может служить альтернативой оригинальному новатору в космосе: Beaver Builder. И это продолжает расширять возможности также. Фактически, Elementor недавно выпустил визуальный генератор всплывающих окон, позволяющий легко и быстро создавать пользовательские всплывающие окна с помощью знакомого интерфейса.
Бобр Строитель против Elementor ценообразование
Посмотрим цены на Бивер Строитель против Элементор, как они есть сегодня. Затем разбейте то, что вы можете разумно ожидать от бесплатных и премиум-версий каждого.
Beaver Builder цены
Начиная с января 2019 годаBeaver Builder не скрывает ограничений бесплатной версии своего плагина. Так называется «лайт». Однако, если вы только собираетесь создать веб-сайт или он совершенно новый для создателей страниц, Beaver Builder Lite – неплохой вариант для начала.
бесплатно – Это то, что вы можете ожидать:
- Перетащите конструктор на интерфейс.
- Отзывчивые возможности веб-дизайна.
- Основные «модули» (элементы для построения страницы), которые включают блоки текста, HTML, изображения, видео, аудио и боковой панели.
- Специальные модули WordPress для интеграции типичных функций WordPress в генератор.
- Манипулирование строками и различные варианты столбцов в каждом.
- Варианты цвета, изображения или видео фон.
- Настройте элементы с помощью пользовательского CSS.
премия – У Beaver Builder есть три премиальных плана, разработанных, чтобы соответствовать росту вашего бизнеса WordPress. Вот что вы можете ожидать:
- Используйте с неограниченным количеством сайтов.
- Все бесплатные модули Beaver Builder и WordPress; Кроме того, в Lite отсутствуют другие стандартные элементы, такие как контактные формы, слайдеры изображений, карты, плагины постов в блогах и значки социальных сетей.
- Готовые шаблоны для страниц и разделов, которые сокращают время, необходимое для создания страниц с нуля. Вы можете взглянуть на эти шаблоны в Is It WP.
- Сохраните свой собственный макет страницы и шаблоны элементов строки и легко добавьте его на другие страницы.
- Экспортируйте свои собственные шаблоны для часто используемых элементов или страниц для включения в сайты других клиентов.
- Создавайте свои собственные модули, сохраняйте и экспортируйте их тоже.
- Поддержка команды Premium Beaver Builder, так что вы никогда не зацикливаетесь.
Кроме того, агентства могут воспользоваться такими функциями, как:
- Beaver Themer – чтобы помочь вам создать и настроить свои собственные темы WordPress.
-
Многосайтовая интеграция.
- Пустые теги, чтобы они могли делать больше, чем просто создавать веб-сайты; они также могут размещать и управлять ими из инструмента. (Подробнее об этом ниже).
Цены на Элементор
Начиная с января 2019 годаДля веб-сайтов, которыми ваш клиент будет продолжать управлять самостоятельно, подойдет бесплатный плагин Elementor. Для ваших собственных деловых целей вам понадобится премиум-версия.
бесплатно – Это то, что вы можете ожидать:
- Перетащите конструктор живых страниц на интерфейс.
- Полностью адаптивные возможности веб-дизайна, которые вы также можете попробовать на мобильных устройствах и планшетах.
- о 30-страничные "виджеты" (элементы для создания страницы), которые охватывают широкий спектр целей.
- Кроме того, вы можете управлять рядом настроек для каждого виджета, включая выбор шрифта, наложение фона, градиентный фон, анимацию, выбор цвета, размер и интервал и т. Д.
- Библиотека шаблонов страниц и блоков для извлечения предварительно разработанные элементы и сэкономить время на создание сайтов с нуля.
- Создайте и сохраните свою собственную страницу и заблокируйте шаблоны для повторного использования на этом сайте или для экспорта и использования на других.
- Переведите ваш веб-сайт в режим обслуживания, если вы не готовы к запуску.
премия – Премиум-аддон Elementor предлагает пользователям три разных плана. Это было бы лучше для клиента со сложным веб-сайтом (персональный), независимым разработчиком (бизнес) и агентством (без ограничений):
- Только один из премиальных планов позволяет неограниченное количество сайтов, Это единственное различие между планами, поэтому обратите особое внимание при выборе.
- Все премиальные планы включают более 50 профессиональных виджетов, включая виджеты электронной коммерции, слайдеры изображений и видео, автоматизацию маркетинга и интеграцию CRM.
- Виджеты могут быть установлены как «глобальные», так что вам нужно установить их только один раз, а затем применить точные настройки для всего сайта.
- Пользовательский CSS включен.
- Пользователи получают доступ к более чем 300 профессиональных шаблонов, что расширит сложность и разнообразие строительных возможностей вашего сайта.
- Theme Builder и WooCommerce Builder позволяют настраивать дополнительные элементы веб-дизайна, такие как верхние и нижние колонтитулы, макеты блогов и многое другое.
- Поддержка и обновления включены бесплатно в течение одного года.
Если решающим фактором для вас является цена, обязательно сделайте параллельное сравнение между функциями оценки Beaver Builder и Elementor. Хотя на первый взгляд цены на Beaver Builder могут показаться выше, вы получаете гораздо больше возможностей для разработчиков. Поэтому сосредоточьтесь на значении, а не на фактической цене, когда делаете этот звонок.
Бобр Строитель против Элементар Юзабилити
Сейчас самое время вникнуть в интерфейс и удобство использования Beaver Builder и Elementor. Хотя оба являются конструкторами внешнего интерфейса, которые позволяют создавать и редактировать страницы в интерфейсе визуального редактора, между ними есть большие различия.
Beaver Builder Удобство использования
После установки Beaver Builder на WordPress вы можете настроить его на вкладке «Настройки». Однако, если честно, нет особой причины делать это, если вы не хотите ограничить конструктор страниц определенными частями сайта (например, только страницами) или если вы хотите удалить определенные модули из вида.
Введите конструктор
Чтобы использовать сам конструктор, перейдите на одну из его страниц или постов. Вот что вы увидите:
Вы можете продолжить со стандартным редактором Гутенберга или перейти к интерфейсу Beaver Builder.
Откроется Beaver Builder, а затем отобразится панель, на которой можно выбрать следующие шаги.
Интерфейс
Прежде чем заглянуть внутрь этой главной панели, позвольте мне познакомить вас с тремя ключевыми областями интерфейса Beaver Builder:
Это главный редактор:
Заполните заголовок страницы или пост, который вы установили в редакторе WordPress, но затем он попросит вас добавить больше контента.
Далее у нас есть панель конфигурации в верхней части экрана:
Главное раскрывающееся меню слева содержит множество параметров, поэтому сначала ознакомьтесь с ним, если вы заинтересованы в быстром дублировании макетов, использовании кода или безопасном выходе из генератора. Зуммер уведомлений не имеет особого смысла, поэтому вы можете его игнорировать.
Кнопка + / x справа находится там, где вы открываете панель модуля. Кнопка «Готово» откроет дополнительные опции для «Отменить», «Сохранить черновик» и «Опубликовать». И вы увидите оранжевую кнопку «Обновить сегодня», если вы используете Lite.
Наконец, у нас есть панель модуля:
Эта панель разделена на три ключевые области.
Первый – «Модули». Когда вы выбираете «Стандартные модули» в разделе «Группа», здесь вы увидите все доступные модули Beaver Builder.
Если щелкнуть раскрывающийся список рядом с «Группой», вы можете переключиться на «Виджеты WordPress», где вы увидите следующее:
Следующая вкладка для «Строки». Здесь вы выбираете, сколько столбцов вы хотите отображать в строке, а также какой процент строки они должны занимать.
В Lite вы не найдете ничего в «Шаблонах», за исключением кнопки, которая просит вас обновить. После того, как вы заплатите премию, вы получите доступ ко всем шаблонам страниц и разделов, которые Beaver Builder создал для своих пользователей. Вы также можете начать сохранять свои здесь. До этого вам придется все строить с нуля.
Интересно отметить следующее:
Beaver Builder позволяет работать с панелью там, где вам удобнее всего. Так что, если вы не удовлетворены этим в виде раскрывающегося списка или в правой части страницы (что делает его немного похожим на Photoshop), переходите к левой боковой панели.
Создайте свою страницу
Наконец, давайте посмотрим, как создать страницу с помощью модулей перетаскивания.
Давайте начнем с того, как добавить виджеты на страницу:
Сначала добавьте новую конфигурацию строки и столбца. Затем перетащите нужные модули или виджеты WordPress на свои места.
Если вам не нравится, как вы их разработали, их легко переместить:
Просто возьмите три точки, которые появляются при наведении курсора на блок, а затем переместите модуль или строку на новое место.
Вы также можете настроить параметры как на уровне строк, так и на уровне модулей. Просто нажмите на элемент, который вы хотите изменить, и на панели появятся индивидуальные настройки:
Установите их по своему вкусу, а затем сохраните изменения в верхней панели администратора.
Вердикт
Beaver Builder – это солидный и универсальный вариант. Отличные функции, удобный интерфейс и полная гибкость делают его отличным выбором для широкого круга разработчиков.
Элементар Юзабилити
После установки на боковой панели WordPress появится новое меню Elementor. Найдите минутку, чтобы ознакомиться с опциями настройки, которые доступны там.
Введите конструктор
Когда вы будете готовы начать работать с Elementor, откройте новую страницу или сообщение. Elementor достаточно любезен, чтобы добавить образец страницы на сайты своих пользователей, поэтому мы будем использовать это в качестве нашего примера сегодня:
Нажмите синюю кнопку, чтобы переключиться из стандартного редактора WordPress в Elementor.
Интерфейс
Поначалу интерфейс может показаться очень упрощенным, с двумя основными частями, с которыми нужно связываться.
Первый – это основной интерфейс редактора, куда вы перетаскиваете виджеты на место и создаете свою страницу:
Второе – это панель конфигурации:
Но вот в чем дело: эта панель предназначена не только для перетаскивания объектов.
В нижней панели доступно несколько настроек страницы:
Elementor позволяет вам активно переключаться между представлениями вашей страницы.
В верхнем левом углу вы можете найти другие настройки:
Они относятся к стандартным и глобальным настройкам страницы.
Создайте свою страницу
Когда дело доходит до создания вашей страницы, Elementor работает почти так же, как и другие разработчики страниц. Найдите виджет, который вы хотите добавить на страницу, щелкните по нему и перетащите в редактор.
Если вы не удовлетворены тем, где закончился элемент, или хотите поэкспериментировать с различными макетами, легко перетащить элементы на страницу.
Отличие Elementor от конструкторов страниц, таких как Beaver Builder, заключается в согласованности на панели редактирования:
Независимо от того, является ли выбранный элемент на странице текстовым, визуальным содержимым, разделителем или элементом любого другого типа, настройки всегда будут делиться на три категории:
Это делает навигацию генератора страниц легкой в освоении.
Вы можете создавать свои собственные шаблоны и сохранять их для использования на этом сайте или других:
Вы можете использовать один из множества блочных шаблонов, предоставленных Elementor:
Или вы можете импортировать полные шаблоны страниц:
Вердикт
С точки зрения того, что вы можете достичь в интерфейсе Elementor, он является одним из лучших. Только бесплатная версия поставляется с функциями и шаблонами, которые значительно облегчат вашу работу.
Просто имейте в виду, что этот тип интерфейса не для всех. Поскольку существует так много доступных функций и множество настроек для управления каждым элементом, это может быть ошеломляющим для клиентов. Это также может быть препятствием для вашей производительности.
Бобр Строитель против Комментарии Elementor
Elementor имеет вдвое больше пользователей, чем Beaver Builder, а также накапливает их вдвое. Для этого есть две причины.
Одним из которых является самый агрессивный маркетинг Elementor. Beaver Builder играл в нее очень консервативно в первый год своей деятельности, и это понятно, поскольку именно он проложил путь для плагинов для создания страниц, которые появились позже.
Потратив время на то и другое, становится ясно, что целевой пользователь тоже имеет к этому какое-то отношение.
Если вы потратите много времени на просмотр плагинов WordPress, вы можете быстро разобраться в нескольких вещах:
- Каковы ваши самые высокие баллы.
- Каковы его основные недостатки.
- Какой тип пользователя использует его чаще всего.
- Насколько отзывчива компания в оказании поддержки
- Насколько компания реагирует на защиту своего бренда.
Вот что мы обнаружили при рассмотрении обзоров обоих плагинов, в которых очень хорошо суммируется все, что мы видели здесь сегодня:
Бобр Строитель отзывы
Менее 1% пользователей Beaver Builder оставили комментарии к плагину в хранилище WordPress. Тем не менее, подавляющее большинство из них являются положительными.
Наиболее распространенные комплименты:
Чистое кодирование – Многие пользователи продвигают плагин как солидный продукт. В целом, кажется, очень мало вещей, на которые можно жаловаться, когда речь идет об ошибках или проблемах юзабилити.
Удивительная поддержка – Для пользователей, которые сообщили о наличии проблем, большинство говорят, что команда поддержки была полезна. Даже если вы заметили жалобы звезды на монтировку, они либо необоснованны, либо это связанный плагин Beaver Builder.
Выделенные ресурсы Beaver Builder, такие как Pro Beaver, дополнительно расширяют поддержку, предлагая опцию самостоятельности для разработчиков, которые хотят лучше понять все тонкости плагина.
Дружественный разработчик – Если вы посмотрите на обзоры, многие разработчики расскажут о том, как они создали десятки веб-сайтов за годы работы с Beaver Builder. Или как уменьшается количество времени, которое они тратят на создание сайтов клиентов.
Хотя новички наверняка могли бы использовать Beaver Builder, это, похоже, очень популярно среди разработчиков, особенно тех, кто рассматривает возможность расширения своего бизнеса для создания тем, продажи управляемого хостинга или постоянного обслуживания сайта.
Рецензенты также имеют негативные комментарии, чтобы поделиться:
Высокая стоимость – Из коробки Beaver Builder станет подходящим инструментом для тех, кто создает личный сайт. Но для веб-разработчиков, которые, кажется, понимают значительную часть пользователей, требуется обновление до Premium, поэтому вы часто будете слышать эту жалобу.
Однако, как объясняет Реджинальд Чан, он на вес золота. Говоря о Pro Plan, он говорит:
Он также советует всем, кто думает о плане агентства:
Ограниченные возможности – Опять же, эта проблема на самом деле не является проблемой для людей, которые могут позволить себе перейти на премиум-версию, поскольку в ней есть все функции конструктора страниц, которые могут понадобиться любому. Но бесплатная версия очень ограничена.
Elementor отзывы
Как и Beaver Builder, менее 1% пользователей оставили обзор для Elementor, но большинство из них в подавляющем большинстве поддерживают плагин.
Наиболее распространенные комплименты:
Дружелюбный новичок – Elementor рекламируется многими начинающими пользователями WordPress. Некоторые из них заявляют о своем статусе «новичка», в то время как другим ясно, что они фактически используют его только для создания и управления своим собственным сайтом.
Простота использования – Одна из главных причин, по которой пользователи так любят Elementor, заключается в том, насколько легко и просто они могут добиться большего благодаря большому количеству надстроек, созданных для него. Примером этого является WPDeveloper, который разработал необходимые плагины для плагина Elementor.
Даже без расширений для плагинов у Elementor есть что предложить разработчикам и агентствам, которые устали тратить время на процесс веб-дизайна. Возьмите, например, WP Elevation, который недавно перешел из пользовательской темы в Elementor.
Посмотрите Троя Дина из WP Elevation на подкасте WordPress WPMRR, где он больше расскажет о масштабах своего бизнеса, стандартных рабочих процедурах и благодарности!
Отличные особенности – Бесплатная версия Elementor поставляется с широким разнообразием виджетов страниц, что делает его более надежным инструментом для немедленного создания веб-сайтов.
