5 лучших плагинов WordPress для создания потрясающих целевых страниц

Опубликовано: 2020-11-10

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

Не волнуйтесь - это будет легкое решение для вас.

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

  • Их лучшие черты
  • Сценарии использования
  • Ценообразование
  • Несколько минусов
  • Советы для успеха
  • И больше

Давайте начнем.

Содержание

  • 1. Что такое конструкторы страниц?
  • 2. Для кого предназначены конструкторы страниц?
  • 3. Конструкторы страниц против редактора Гутенберга
  • 4. Пять лучших программ для создания страниц WordPress
    • 4.1 Элементор
    • 4.2 Диви
    • 4.3 Архитектор процветания
    • 4.4 Визуальный композитор
    • 4.5 Строитель Бобров
  • 5. Мои личные рекомендации
  • 6. Заключение

Что такое конструкторы страниц?

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

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

Три основных конструктора страниц, которые мы представим в этом списке, следующие:

  • Сохранить

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

  • Сохранить

Если ваш сайт WordPress работает на Elegant Themes, Divi просто необходим. Процесс создания страницы упрощается за счет таких функций, как разделители фигур, готовые визуальные элементы и макеты.

  • Сохранить

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

Для кого предназначены конструкторы страниц?

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

Если вы один из следующих, то первоклассный конструктор страниц - отличное вложение для вас:

  • Индивидуальные блогеры, которые не хотят нанимать профессионального веб-дизайнера
  • Предприниматели без опыта веб-разработки (и не планируют учиться)
  • Компании, которым нужен веб-сайт, запускаются как можно скорее
  • Фрилансеры и агентства веб-дизайна WordPress

Подождите ... разве в WordPress еще нет конструктора страниц?

Короткий ответ: нет - WordPress не имеет встроенного в платформу конструктора страниц.

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

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

Редактор WordPress Гутенберг
  • Сохранить


Конструкторы страниц против редактора Гутенберга

Рассмотрим подробнее различия между визуальным редактором Gutenberg и полноценным конструктором страниц:

Плюсы редактора Гутенберга

Минусы редактора Гутенберга

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

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

Вам не придется испытывать те же неудобства с конструктором страниц.

Что происходит без компоновщика страниц
  • Сохранить
Этого не случится с вами, если у вас есть компоновщик страниц.


Пять лучших программ для создания страниц WordPress

Без лишних слов, вот лучшие конструкторы страниц WordPress на рынке.

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

На самом деле это не соревнование между разработчиками страниц - мне лично они все нравятся.

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

  • Удобство использования - Легко ли освоить конструктор страниц? Это удобно?
  • Возможности - чего вы можете достичь с помощью этого конструктора страниц?
  • Поддержка. Какую помощь вы можете ожидать от издателей конструктора страниц?
  • Цены - окупаются ли вы?

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


1. Elementor

Элементор
  • Сохранить

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

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

Возможно, он относительно новый для этой сцены, но быстро стал лидером отрасли.

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

Каковы основные особенности Elementor?

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

1. Более 90 виджетов для создания вашего сайта WordPress.

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

Elementor называет их виджетами.

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

Elementor Elements GIF
  • Сохранить

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

2. Очень интуитивно понятный пользовательский интерфейс.

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

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

Просто найдите виджет, который хотите использовать, и перетащите его в любой раздел.

Elementor перетаскивание
  • Сохранить

Не можете найти нужный виджет? Просто введите то, что вам нужно, в строку поиска - Elementor мгновенно найдет это.

Панель поиска Elementor
  • Сохранить

Я также считаю очень полезным «Темный режим» Elementor.

Вот некоторые факты:

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

3. Сохраняйте глобальные виджеты - используйте их в любое время

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

После сохранения вы можете добавить свой глобальный виджет в любое место на своем веб-сайте.

Допустим, вы хотите создать простую кнопку «Купить сейчас».

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

Панель настроек виджета Elementor
  • Сохранить

После настройки виджета щелкните правой кнопкой мыши синюю кнопку «Изменить» в правом верхнем углу и выберите «Сохранить как глобальный». Теперь ваш глобальный виджет должен быть готов к использованию.

Elementor сохранить как глобальный
  • Сохранить

4. Большая библиотека шаблонов

Многие пользователи WordPress приобретают темы и конструкторы страниц на основе существующих доступных шаблонов.

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

Вы найдете шаблоны страниц для агентств, ресторанов, отелей, блогов и т. Д.

Шаблоны библиотеки сайтов Elementor
  • Сохранить

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

Блоки Elementor
  • Сохранить

5. Интегрируется с некоторыми ведущими в отрасли сервисами.

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

Elementor - не единственный конструктор страниц с интеграцией, но сервисы, с которыми он соединяется, весьма примечательны.

Он имеет интеграцию с некоторыми из лучших инструментов цифрового маркетинга и CRM, такими как HubSpot, ActiveCampaign, Zapier и другими.

Elementor интеграции
  • Сохранить


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

  • Конструктор всплывающих окон - вы можете улучшить конверсию с помощью конструктора всплывающих окон Elementor. Он также содержит более 100 шаблонов всплывающих окон, которые помогут вам сэкономить время.
  • Гипер-настраивайте типографику - вы можете загружать собственные шрифты в Elementor или выбирать из более чем 800 доступных вариантов.
  • Конструктор WooCommerce - ведете бизнес на WooCommerce? Elementor поддерживает виджеты для изображений продуктов, хлебных крошек интернет-магазина, таблиц цен и так далее.
  • Полезная группа в Facebook - вы не можете подорвать ценность получения поддержки от сообщества пользователей. Частная группа «Elementor Community» в Facebook поможет вам изучить платформу через мудрость толпы.


Обзор поддержки Elementor

Если вы посмотрите в Интернете, вы получите неоднозначные отзывы о поддержке Elementor.

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

Что делает поддержку Elementor хорошей, так это активная группа в Facebook.

Если вы оставите вопрос, ожидайте ответа в течение дня.

Сообщество Elementor в Facebook
  • Сохранить

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

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

Elementor Плюсы и минусы

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

Elementor Плюсы

Elementor Минусы

Сколько стоит Elementor?

Вас интересует Elementor?

Отличные новости - основные функции Elementor абсолютно бесплатны.

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

Вот сколько это стоит:

Свободно Личное Плюс Эксперт
Цена $ 0 4,10 доллара в месяц 8,25 $ в месяц 16,6 долларов в месяц
Сайты Любой номер 1 сайт 3 сайта 1000 сайтов
Виджеты 40 базовых виджетов Все основные и профессиональные виджеты Все основные и профессиональные виджеты Все основные и профессиональные виджеты
Шаблоны 30 базовых шаблонов Все базовые и профессиональные шаблоны Все базовые и профессиональные шаблоны Все базовые и профессиональные шаблоны
Конструктор тем Нет да да да
Конструктор всплывающих окон Нет да да да
Поддержка и обновления Нет 1 год 1 год 1 год


Рейтинг: 9,75 / 10 звезд (обязательно)

Elementor - единственный конструктор страниц, который я с уверенностью рекомендую всем.

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

  • Юзабилити: 10/10
  • Особенности: 10/10
  • Поддержка: 8/10
  • Цена: 10/10

Щелкните здесь, чтобы получить полный и подробный обзор Elementor .


2. Диви

Divi Builder
  • Сохранить

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

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


Каковы основные особенности Divi?

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

1. Интерфейс невидимого компоновщика страниц

Что делает Divi уникальным, так это «невидимый» интерфейс конструктора страниц.

В отличие от конструкторов страниц, таких как Elementor, со статической панелью для настройки, Divi скрывает все.

Вы увидите только свою страницу во всем ее великолепии.

Divi Invisible интерфейс
  • Сохранить

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

Например, если вы хотите добавить новую строку, выделите соседнюю строку и нажмите кнопку «плюс».

Divi добавить кнопку новой строки
  • Сохранить

Затем вы можете добавлять элементы или «модули» в пустые строки и разделы.

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

Divi добавить новый модуль
  • Сохранить

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

2. Встроенные инструменты анимации и преобразования визуальных эффектов.

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

Просто откройте всплывающее окно настроек изображения, которое вы хотите анимировать, и нажмите «Анимация» в разделе «Дизайн».

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

Настройки анимации Divi
  • Сохранить

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

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

Инструменты преобразования Divi
  • Сохранить

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

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

Благодаря невидимому интерфейсу Divi написание текста на странице на удивление кажется естественным для конструктора страниц.

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

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

Опыт написания на Divi
  • Сохранить

4. Готовые макеты

Divi имеет огромную коллекцию из более чем 1000 макетов веб-сайтов, которые ускорят процесс разработки WordPress.

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

Готовые макеты Divi
  • Сохранить

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


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

  • Массовое редактирование. Чего не хватает большинству конструкторов страниц, так это функции массового выбора, которая позволяет настраивать несколько элементов единообразно и одновременно. Исключение составляет функция массового редактирования Divi, которая активируется одним нажатием клавиши.
  • Разделители формы - с помощью Divi вы можете создать эстетичные разделители разделов, чтобы оживить любую страницу с длинной формой. Вы можете выбрать один из встроенных стилей разделителя, изменить его цвет, отрегулировать его размер и многое другое.
  • Состояния при наведении - чтобы сделать взаимодействие с пользователем более привлекательным, вы можете применить настраиваемые состояния наведения к визуальным элементам. По сути, состояния наведения изменяют внешний вид и эффекты элемента всякий раз, когда пользователи наводят на них указатель мыши.


Обзор поддержки Divi

Аспект обслуживания клиентов - вот где действительно сияет Divi.

Поскольку это продукт Elegant Themes, пользователи Divi могут положиться на стойкую службу поддержки компании.

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

Варианты поддержки клиентов Divi
  • Сохранить


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

Divi имеет явные преимущества перед остальными конструкторами страниц в этом списке.

Однако то же самое можно сказать и о его недостатках.

Divi Pros

Диви Минусы


Сколько стоит Диви?

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

Чтобы приобрести лицензию, вам придется заплатить за весь набор.

Годовой доступ Пожизненный доступ
Цена 89 долларов в год Единовременный платеж в размере 249 долларов США
Макеты сайтов Все пакеты веб-сайтов Все пакеты веб-сайтов
Сайты Безлимитный Безлимитный
Доступ к инструментам Elegant Themes да да
Поддержка и обновления 1 год Продолжительность жизни


Рейтинг: 9,6 / 10 звезд (отлично подходит для новых пользователей WordPress)

Я бы сказал, что Divi - отличная покупка, особенно для новых пользователей WordPress.

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

  • Юзабилити - 9/10
  • Возможности - 10/10
  • Поддержка - 9,5 / 10
  • Стоимость - 10/10

Узнайте больше о преимуществах членства в Elegant Themes здесь .


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

Процветающий архитектор
  • Сохранить

Интересный факт: раньше Thrive Architect назывался Thrive Content Builder.

Тогда Thrive Content Builder не принес ничего значительного.

Но теперь, когда это Thrive Architect, сообщество WordPress считает его лучшим конструктором страниц.


Каковы основные особенности Thrive Architect?

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

1. Отлично подходит для мобильных пользователей.

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

Конструктор страниц должен обеспечивать как визуальную привлекательность, так и надежную работу веб-сайта.

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

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

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

Мобильный опыт Thrive Architect
  • Сохранить

С Thrive Architect вы можете:

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

2. Удобный интерфейс конструктора страниц (в стиле Elementor)

Как пользователь Elementor, первое, что я заметил в Thrive Architect, - это интерфейс конструктора страниц.

Я не уверен, намеренно это или нет, но похоже, что Thrive Architect черпал вдохновение в редакторе Elementor.

Главный интерфейс Thrive Architect
  • Сохранить

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

3. Удобные инструменты для наложения фирменных изображений, фоновых изображений и заголовков.

При работе с изображениями Thrive Architect предлагает то, что многие пользователи, вероятно, не заметят.

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

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

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

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

Эффекты изображения Thrive Architect
  • Сохранить

Есть еще несколько вариантов использования графических эффектов Thrive Architect:

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

Другие примечательные особенности Thrive Architect

  • Напоминание о сохранении изменений - это можно рассматривать как палку о двух концах, но Thrive Architect рекомендует пользователям полагаться на сохранение вручную. Он отображает напоминание каждые 10 минут, позволяя вам решить, сохранять ли ваши изменения.
  • Гибкие настройки типографики - Thrive Architect предоставляет большую свободу с точки зрения типографики благодаря своей коллекции из более чем 700 пользовательских шрифтов.
  • Глобальные цвета - функция «Глобальные цвета» может помочь вам придерживаться единой цветовой схемы на всем вашем сайте. Цвета можно сохранять прямо из палитры цветов, что упрощает их поиск и использование в дальнейшем.

Обзор поддержки Thrive Architect

Thrive Architect поддерживается группой поддержки, которая может предоставить вам экспертную помощь.

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

База знаний Thrive Themes
  • Сохранить

Стоит отметить, что у Thrive Themes также есть официальный канал в Facebook. К сожалению, эта страница не предназначена для запросов и отзывов клиентов.


Плюсы и минусы Thrive Architect

Thrive Architect, несомненно, отличная альтернатива Elementor, но она далека от идеала.

Вот краткий обзор его плюсов и минусов:

Плюсы Thrive Architect

Минусы Thrive Architect


Сколько стоит Thrive Architect?

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

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

Тем не менее, стоит подумать о первоначальной стоимости использования Thrive Architect.

Расцвет членства 5 Лицензионный пакет Единая лицензия
Цена 19 долларов в месяц Единовременный платеж 97 $ 67 $ единоразовый платеж
Темы и плагины Thrive да Нет Нет
Сайты 25 сайтов 5 сайтов 1 сайт
Шаблоны посадочных страниц да да да
Обновления Продолжительность жизни Продолжительность жизни Продолжительность жизни
Поддержка Безлимитный 1 год 1 год

Рейтинг: 9.37 / 10 (действительно хорошо, если вы освоитесь)

Thrive Architect - это гибкий конструктор страниц с большим потенциалом в надежных руках.

  • Юзабилити - 9,5 / 10
  • Особенности - 10/10
  • Поддержка - 8/10
  • Стоимость - 10/10

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

Визуальный композитор
  • Сохранить

Visual Composer создан той же командой, которая разработала WPBakery - еще один конструктор страниц с функциями перетаскивания.

Эта страница   подчеркивает разницу между двумя платформами.

Вкратце, разработчики создали Visual Composer в качестве альтернативы, поскольку у WPBakery возникают проблемы с производительностью.


Каковы основные функции Visual Composer?

Visual Composer - это другой тип конструктора страниц, который проведет вас через каждый шаг.

1. Чистый, пошаговый интерфейс компоновщика страниц.

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

Вы начинаете с присвоения имени своей странице, установки постоянной ссылки и выбора макета.

Visual Composer первый шаг
  • Сохранить

После выбора макета нажмите «Добавить элемент», чтобы открыть панель элементов.

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

Основной интерфейс Visual Composer
  • Сохранить

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

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

2. Не обычные элементы контента.

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

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

Визуальные элементы Visual Composer
  • Сохранить

Довольно круто, но не поэтому стоит рассматривать Visual Composer.

Если вы получите премиум-версию, вы откроете весь арсенал элементов богатого контента Visual Composer.

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

Элементы богатого контента Visual Composer
  • Сохранить

3. Дополнения для серьезных разработчиков WordPress.

Хотите еще одно доказательство того, что Visual Composer жестко запрограммирован, чтобы облегчить жизнь разработчикам?

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

Вы можете легко настроить страницу «в стадии разработки», создать глобальные шаблоны, настроить всплывающие окна - все с помощью надстроек.

Премиум-надстройки Visual Composer
  • Сохранить

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

4. Универсальная коллекция шаблонов

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

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

Шаблоны Visual Composer
  • Сохранить

Другие примечательные особенности Visual Composer

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

Обзор поддержки Visual Composer

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

Вот и все, к сожалению.

У них есть справочный центр, но я определенно предпочитаю онлайн-доску сообщений. Таким образом, вы обязательно получите практические советы от реальных людей, которые имели опыт работы с Visual Composer.

Центр поддержки Visual Composer
  • Сохранить

Visual Composer за и против

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

Сделаем беглый обзор его плюсов и минусов:

Visual Composer плюсы

Visual Composer против


Сколько стоит Visual Composer?

Использование Visual Composer на одном веб-сайте должно быть достаточно доступным для новых владельцев веб-сайтов.

Получение лицензии на три веб-сайта также не должно быть слишком дорогим. Вам просто нужно выложить дополнительные 50 долларов, чтобы иметь возможность использовать Visual Composer еще на двух веб-сайтах.

Единый веб-сайт 3 Сайта Разработчики
Цена 49 долларов в год 99 долларов в год 349 долларов в год
Сайты 1 сайт 3 сайта 1000 сайтов
Шаблоны, элементы и надстройки да да да
Конструктор тем и всплывающих окон да да да
Поддержка и обновления 1 год 1 год 1 год

Рейтинг: 9/10 звезд (отличная отправная точка для новичков)

  • Юзабилити - 10/10
  • Особенности - 9/10
  • Поддержка - 7/10
  • Стоимость - 10/10

5. Бобровый строитель

Бобр Строитель
  • Сохранить

Beaver Builder - один из первых конструкторов страниц, который я попробовал.

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

Рейтинги WordPress для Beaver Builder
  • Сохранить

В чем заключаются основные особенности Beaver Builder?

Вот причины, по которым Beaver Builder привлек мое внимание много лет назад:

1. Быстрый и настраиваемый визуальный конструктор страниц.

Создавать страницы WordPress с помощью Beaver Builder очень просто.

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

Все, что вам нужно сделать, это развернуть кнопку «плюс» и перетащить модуль, строку или шаблон на страницу.

Основная панель Beaver Builder
  • Сохранить

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

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

Мне нравится оставлять его в левой части предварительного просмотра страницы - стиль Elementor.

Beaver Builder с пристыкованным интерфейсом
  • Сохранить

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

2. Легко сохранять модули для дальнейшего использования.

Как и Elementor, Beaver Builder позволяет сохранять настраиваемые модули и получать к ним доступ в любое время.

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

Элементы сохранения Beaver Builder
  • Сохранить

3. Шаблоны страниц, оптимизированные для повышения производительности и конверсии.

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

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

Шаблоны Beaver Builder
  • Сохранить

4. Отличная поддержка клиентов.

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

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

Единственное исключение - билеты, отправленные в выходные и праздничные дни США. К счастью, есть еще три места, где вы можете получить поддержку:

  • Форум сообщества Beaver Builder
  • Группа Beaver Builders на Facebook
  • Строители бобров в Slack
Форумы сообщества Beaver Builder
  • Сохранить

Если вы не знали, Slack - это отдельное приложение для обмена сообщениями.

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

Каналом Slack также управляет Джерард Годин - член команды Beaver Builder и основатель GetGo Internet Coaching.

Он известен под именем «nomad411», и легко увидеть его преданность сообществу Beaver Builder Slack.

Канал Beaver Builder Slack
  • Сохранить

Другие примечательные особенности Beaver Builder

  • Платформа с белой этикеткой - для агентств Beaver Builder предлагает отличные функции с белой этикеткой, которые помогут сделать проекты максимально гладкими. Он также имеет «Режим редактора», который позволяет клиентам просматривать сайт, ограничивая их доступ к внутренним материалам.
  • Редактирование в реальном времени с помощью настройщика WordPress - хотите проверить свою тему с помощью настройщика WordPress? Когда приходят новые дизайнерские идеи, вы можете сразу перейти в Beaver Builder, чтобы настроить свою тему на лету.
  • Создан для отличной работы с любой темой - функции редактирования Beaver Builder созданы с учетом совместимости тем. Он отлично работает с любой темой WordPress, но также имеет «рамочную тему», доступную как идеальный пустой холст.

Beaver Builder плюсы и минусы

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

Давайте рассмотрим плюсы и минусы Beaver Builder.

Beaver Builder плюсы

Beaver Builder минусы


Сколько стоит Beaver Builder?

Стандарт Pro Агентство
Цена 99 долларов в год 199 долларов в год 399 долларов в год
Сайты Безлимитный Безлимитный Безлимитный
Премиум модули и шаблоны да да да
Тема Beaver Builder Нет да да
Белая этикетка Нет Нет да
Поддержка нескольких сайтов Нет да да
Поддержка и обновления 1 год 1 год 1 год

Рейтинг: 9,37 / 10 звезд (хороший выбор, если вам нужен быстрый и чистый конструктор страниц)

  • Юзабилити - 10/10
  • Особенности - 8.5 / 10
  • Поддержка - 10/10
  • Стоимость - 9/10

Мои личные рекомендации

Помните, что все вышеперечисленные конструкторы страниц по-своему хороши.

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


Лучший универсальный конструктор страниц: Elementor

Логотип Elementor
  • Сохранить

Если кто-то спросит меня о конструкторах страниц, я порекомендую Elementor в первую очередь.

Это просто лучший универсальный конструктор страниц для всех типов веб-сайтов WordPress.

Вы должны увидеть это, чтобы поверить. И, к счастью, вы можете, установив бесплатную версию Elementor.

Попробуйте Elementor сегодня. [MOU4]


Конструктор страниц для разработчиков: Beaver Builder

Логотип Beaver Builder
  • Сохранить

Beaver Builder - отличный выбор для разработчиков WordPress, которые создают веб-сайты для клиентов.

Вы должны найти его функции white label и режим редактора чрезвычайно удобными. Не говоря уже о том, что Beaver Builder сделан с чистым и удобным для разработчиков кодом.

Попробуйте Beaver Builder сегодня.


Если вы новичок в WordPress: Divi

Логотип Divi
  • Сохранить

Для новых пользователей WordPress я настоятельно рекомендую Elementor или Divi от Elegant Themes.

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

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

Попробуйте Divi сегодня.


Для домашних мастеров, которые любят глубокие настройки: Thrive Architect

Логотип Thrive Architect
  • Сохранить

Кривая обучения Thrive Architect не такая гладкая, как у Visual Composer.

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

Попробуйте Thrive Architect сегодня.


Если вам нужен свободный от стресса рабочий процесс разработки WordPress: Visual Composer

Логотип Visual Composer
  • Сохранить

Интерфейс компоновщика страниц Visual Composer сложно превзойти с точки зрения удобства для начинающих.

Даже если вы работаете над бэкэндом, Visual Composer все равно делает все возможное, чтобы упростить задачу.

Попробуйте Visual Composer сегодня.


Вывод

При разработке веб-сайтов на WordPress не существует универсального конструктора страниц.

Даже у моего любимого конструктора - Elementor - есть несколько недостатков, о которых вам следует знать.

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

Спасибо и ждем ваших комментариев!


Вам также может понравиться:

  • Обзор GeneratePress (2020): лучшая легкая и универсальная тема всех времен?
  • Как начать блог в 2020 году (шаг за шагом)
  • Обзор темы Ultimate Foodie Pro: лучшая тема WordPress для блогеров о еде

[MOU4] Кнопка CTA