Elementor и Visual Composer Сравнение конструктора сайтов
Опубликовано: 2020-11-02WordPress используется многими людьми во всем мире из-за его простоты настройки и возможностей настройки. Популярные конструкторы страниц, такие как Elementor и Visual Composer, сделали редактирование веб-сайтов проще, чем когда-либо. В этой статье я сравню Elementor и Visual Composer, чтобы вы могли увидеть, чем они отличаются и какие функции каждый дает.
Редактировать сайт WordPress не всегда было легко. В прошлом, чтобы знать, как правильно обновлять сайт, добавлять изменения и настройки, требовались навыки и знания.
Сегодня настройка не требует больших усилий . Существует множество эффективных плагинов и виджетов WordPress, которые помогут вам в работе. Стратегии настройки изменились с тех пор, как были впервые представлены конструкторы страниц.
Страница модифицирующие добавки , такие как Brizy, Beaver Builder (проверка Beaver Builder бесплатно VS Pro), Факир, WPBakery, Thrive архитектор, кислород, диви, и другие делают редактирование простым.
Может быть трудно понять, какой конструктор страниц вам подходит, поскольку существует очень много вариантов. В этой статье я рассмотрю варианты и функции, которые предлагают Elementor и Visual Composer, чтобы помочь вам решить, какой из двух лучше всего соответствует вашим потребностям.
ПРИМЕЧАНИЕ. Я также сравнивал Elementor с WPBakery, Elementor с Beaver Builder и Elementor с Divi, поэтому обязательно проверьте и эти сравнения.
Обзор Elementor
Простота использования Elementor и разнообразие функций помогли ему набрать популярность в последние годы. Вы можете относительно быстро создавать качественные профессиональные сайты, используя Elementor pro или бесплатную версию.
Плагин включает живой режим . Эта опция позволяет вам видеть изменения в реальном времени. Elementor также дает вам полную историю всех изменений, которые вы внесли на все страницы веб-сайта. Он также включает хороший выбор готовых шаблонов и несколько уникальных элементов.
У Elementor есть бесплатная и платная версии. В платной версии больше дополнительных виджетов и функций. Платная версия Elementor включает кнопки призыва к действию, карусели изображений, звездные рейтинги, виджеты Facebook, якоря меню, значки социальных сетей и другие полезные функции.
ELEMENTOR FREE против ELEMENTOR PRO

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

- БЕСПЛАТНЫЙ ЭЛЕМЕНТ
- БЕСПЛАТНО

- ЭЛЕМЕНТОР ПРО
- 49 долларов в год за один сайт
Существуют также сторонние надстройки Elementor, которые можно интегрировать, такие как Master Addons для Elementor, Plus Addons для Elementor, Jet Plugins, Stratum Elementor Widgets и т. Д.
Elementor ПЛЮСЫ:
| МИНУСЫ Elementor:
|
Обзор конструктора веб-сайтов Visual Composer
Visual Composer Website Builder - впечатляющий и интуитивно понятный ресурс. Он прост в использовании и имеет простой интерфейс перетаскивания . Visual Composer предлагает множество функций для улучшения процесса создания сайтов на WordPress.
Любые изменения в управлении контентом и визуальной иерархии производятся путем наблюдения за вашими действиями по мере их выполнения. Вам не нужно вручную кодировать какой-либо из разделов сайта. Visual Composer позволяет сосредоточиться на дизайне и других важных элементах.
Visual Composer Website Builder - это не то же самое, что WPBakery Page Builder (см. Обзор WPBakery). Не путайте этих двоих . WPBakery - один из наиболее часто используемых плагинов для создания страниц WordPress. Оба плагина от одних и тех же разработчиков, а WPBakery раньше назывался Visual Composer.
Оригинальный конструктор страниц WPBakery можно приобрести на Codecanyon, но Visual Composer теперь является уникальным объектом и продается на его собственном веб-сайте. WPBakery Page Builder и Visual Composer - это совершенно разные продукты. Один из этих продуктов нельзя использовать вместо другого.
WPBakery и Visual Composer доступны для продажи, потому что они являются отдельными элементами. Каждый из них имеет несколько идентичные, но уникальные особенности и функции. Вы не можете заменить один из этих продуктов другим и ожидать плавного и простого перехода.
WPBakery Builder в основном используется для создания страниц, в то время как Visual Composer используется для создания всего сайта (включая заголовки, нижние колонтитулы и другие элементы). Проверьте сравнение Visual Composer и WPBakery, чтобы узнать больше о различиях.
WPBAKERY vs VISUAL COMPOSER

- БЕСПЛАТНЫЙ КОНСТРУКТОР ВИЗУАЛЬНОГО КОМПОЗИАТОРА

- Имя
- Редактор перетаскивания
- Редактор внешнего интерфейса
- Режим просмотра в виде дерева
- Мобильное редактирование
- Встроенный текстовый редактор
- Работает с любой темой WordPress
- Поддержка настраиваемого типа сообщения
- Поддержка нескольких сайтов
- Готовность к мультиязычности
- RTL совместимый
- Управление шаблоном
- Варианты дизайна
- Клон элемента
- Копировать вставить
- Пользовательское имя элемента
- Скрыть элемент
- Горячие клавиши
- Последние цвета
- Отменить повторить
- Мастер пустых страниц
- Пользовательские CSS
- Пользовательский JavaScript
- Элемент заменить
- Библиотеки иконок
- Google шрифты
- Конструктор сеток
- Instagram-подобные фильтры
- Эффекты параллакса
- Градиентный фон
- Фон слайд-шоу
- Карусель фон
- Увеличение / уменьшение фона
- Видео фон
- Элемент анимации
- Положение фонового изображения
- Разделитель формы
- Коробка Тень
- Мгновенное изменение размера столбца
- Укладка колонн
- Обратная укладка колонн
- Полная ширина / высота ряда
- Отзывчивый режим предварительного просмотра
- Автоматическая отзывчивость
- Yoast SEO поддержка
- Поддержка шорткода
- Поддержка виджетов WordPress
- Поддержка пользовательских виджетов
- Конструктор заголовков
- Конструктор нижнего колонтитула
- Конструктор боковой панели
- Макеты страниц Visual Composer
- Глобальные шаблоны
- Экспорт / импорт шаблона
- Поддержка WooCommerce
- Доступ к Visual Composer Hub
- Совместимость Гутенберга
- Элементы премиум-контента
- Премиум шаблоны
- Шаблоны блоков
- Unsplash Stock Images
- Элементы сетки публикации
- Элементы меню
- Элементы заголовка
- Элементы нижнего колонтитула
- Элементы совместимости с популярными плагинами
- Виджеты Facebook
- Элементы таблицы цен
- Вкладки и аккордеоны
- Страничные контейнеры
- Элемент раздела
- Переворачивание / наведение ящиков
- Отзывы
- Подсветка синтаксиса
- Карусель изображений
- Премиум кнопки
- Онлайн-поддержка клиентов

- VISUAL COMPOSER WEBSITE BUILDER PREMIUM
Visual Composer - это полностью отдельный и независимый ресурс. Он был создан с использованием новейших технологий. Visual Composer Website Builder предоставляет пользователям очень отзывчивый и интуитивно понятный интерфейс .
Конструктор тем Visual Composer позволяет вам управлять всем контентом вашего сайта , а не только контентом определенных разделов. Вы можете выбрать нужный макет страницы. Вы также можете создавать свои собственные заголовки, боковые панели и нижние колонтитулы.
Настоятельно рекомендуется активировать Visual Composer Hub . Этот ресурс поможет вам максимально использовать возможности Visual Composer Website Builder. Visual Composer Hub позволяет использовать дополнительные элементы, расширения и шаблоны. Существует два варианта Visual Composer: бесплатная версия Visual Composer и Visual Composer Premium.
VISUAL COMPOSER FREE vs PRO

- БЕСПЛАТНЫЙ КОНСТРУКТОР ВИЗУАЛЬНОГО КОМПОЗИАТОРА

- Имя
- Редактор перетаскивания
- Редактор внешнего интерфейса
- Режим просмотра в виде дерева
- Мобильное редактирование
- Встроенный текстовый редактор
- Работает с любой темой WordPress
- Поддержка настраиваемого типа сообщения
- Поддержка нескольких сайтов
- Готовность к мультиязычности
- RTL совместимый
- Управление шаблоном
- Варианты дизайна
- Клон элемента
- Копировать вставить
- Пользовательское имя элемента
- Скрыть элемент
- Горячие клавиши
- Последние цвета
- Отменить повторить
- Мастер пустых страниц
- Пользовательские CSS
- Пользовательский JavaScript
- Элемент заменить
- Библиотеки иконок
- Google шрифты
- Конструктор сеток
- Instagram-подобные фильтры
- Эффекты параллакса
- Градиентный фон
- Фон слайд-шоу
- Карусель фон
- Увеличение / уменьшение фона
- Видео фон
- Элемент анимации
- Положение фонового изображения
- Разделитель формы
- Коробка Тень
- Мгновенное изменение размера столбца
- Укладка колонн
- Обратная укладка колонн
- Полная ширина / высота ряда
- Отзывчивый режим предварительного просмотра
- Автоматическая отзывчивость
- Yoast SEO поддержка
- Поддержка шорткода
- Поддержка виджетов WordPress
- Поддержка пользовательских виджетов
- Конструктор заголовков
- Конструктор нижнего колонтитула
- Конструктор боковой панели
- Макеты страниц Visual Composer
- Глобальные шаблоны
- Экспорт / импорт шаблона
- Поддержка WooCommerce
- Доступ к Visual Composer Hub
- Совместимость Гутенберга
- Элементы премиум-контента
- Премиум шаблоны
- Шаблоны блоков
- Unsplash Stock Images
- Элементы сетки публикации
- Элементы меню
- Элементы заголовка
- Элементы нижнего колонтитула
- Элементы совместимости с популярными плагинами
- Виджеты Facebook
- Элементы таблицы цен
- Вкладки и аккордеоны
- Страничные контейнеры
- Элемент раздела
- Переворачивание / наведение ящиков
- Отзывы
- Подсветка синтаксиса
- Карусель изображений
- Премиум кнопки
- Онлайн-поддержка клиентов

- VISUAL COMPOSER WEBSITE BUILDER PREMIUM
Бесплатная версия Visual Composer имеет множество замечательных функций, которые можно использовать для создания и редактирования сайтов WordPress. Visual Composer Premium имеет дополнительные расширенные функции. Он также включает удобный набор инструментов для всех приоритетов построения страниц. Вы можете создавать уникальные боковые панели, нижние колонтитулы, заголовки и целевые страницы. Для получения дополнительной информации вы можете проверить сравнение Visual Composer Free и Premium.

Elementor против Visual Composer
Хотя Elementor и Visual Composer имеют некоторое сходство, есть также много функций, в которых они различаются. Ниже я разделил функции на несколько категорий, чтобы показать, что предлагает каждый плагин.
Пользовательский интерфейс
Пользовательский интерфейс - одна из самых первых вещей, которую следует оценивать при просмотре любого инструмента. Интерфейс часто является вопросом личного выбора . Если вы не понимаете пользовательский интерфейс или не можете ему понравиться, скорее всего, вам не понравится этот инструмент.
Хороший пользовательский интерфейс прост для понимания и использования. Это должно быть то, что вы сможете понять относительно быстро. Хотя бы базовые возможности. Интерфейс конструктора страниц должен помочь вам достичь целей вашего веб-сайта, которые вы хотите достичь.
Пользовательский интерфейс - не единственный ключ к успеху плагина, но это важный элемент. Внешний вид интерфейса может иногда означать успех или провал проекта.
ЭЛЕМЕНТОР
Пользовательский интерфейс Elementor разделен на боковую панель и предварительный просмотр страницы / сайта в реальном времени . Вы найдете боковую панель в левой части экрана. Вы можете создавать страницы сайта, используя его настройки, виджеты и элементы.
Опция предварительного просмотра в реальном времени позволяет визуально проверять элементы после их перетаскивания на страницы. Чтобы отредактировать текст, просто щелкните нужный текстовый элемент и внесите изменения. Вы также можете использовать боковую панель для редактирования текста.

В нижнем левом углу экрана вы найдете следующие настройки, которые вы можете использовать:
- Общие настройки: эти настройки будут отображать статус публикации страницы, заголовок, избранное изображение и другую информацию.
- История: если вы хотите вернуться к последней ревизии, вы воспользуетесь этим параметром. Будут показаны только изменения, внесенные во время текущего сеанса.
- Навигатор: после выбора этого параметра появится всплывающее дерево навигации, чтобы упростить навигацию.
- Адаптивный режим: этот параметр покажет, как ваш сайт будет выглядеть на мобильных телефонах, планшетах и других мобильных устройствах.
При наведении указателя мыши на конкретный элемент и щелчке правой кнопкой мыши отобразятся дополнительные параметры. Вы можете просматривать элементы в навигаторе, дублировать элементы, удалять элементы, сохранять элементы как глобальные (в Elementor Pro) и т. Д.
ВИЗУАЛЬНЫЙ КОМПОЗИТОР
Visual Composer Website Builder - это интерфейсный редактор " то, что вы видите, то и получаете" (WYSIWYG). Это означает, что у вас не будет заполнителей для представления определенных блоков страницы. Вы сможете увидеть свои правки, когда внесете их. Вы можете убедиться, что все изменения были внесены правильно и готовы к публикации, прежде чем покинуть функцию редактора.
Интерфейс редактора Visual Composer состоит из следующих компонентов:
- Окно редактирования элемента
- Редактор внешнего интерфейса (который включает управление элементами и интуитивно понятную функцию перетаскивания)
- Панель навигации
- Настройки
- Просмотр в виде дерева и многое другое.
Изменения можно вносить либо в режиме просмотра в виде дерева, либо в редакторе внешнего интерфейса. Представление в виде дерева позволяет перемещаться по различным элементам на странице. Это может сэкономить много времени и усилий.
Вы можете использовать навигацию в виде дерева для просмотра содержимого страницы и взаимодействия с ним. Макет страницы будет представлен в полной и компактной структуре. Это также способ изменить способ отображения контента на мобильных устройствах.

Редактор внешнего интерфейса позволяет выравнивать различные элементы с помощью интерфейса перетаскивания. Вы также можете использовать панель навигации для доступа к различным инструментам и параметрам и использовать элементы управления для соответствующего изменения элементов.
Отдельные элементы можно перемещать по страницам, перетаскивая значок элемента управления или перетаскивая сам элемент. Вы также можете использовать окно «Добавить элемент», чтобы перетаскивать элементы в те места, куда вы хотите, чтобы они переместились.
Все элементы Visual Composer Website Builder имеют собственные элементы управления, которые можно использовать. Элементы управления могут отличаться в зависимости от типа используемого вами элемента. Существует три различных типа элементов управления: элементы управления столбцами, элементы управления элементами и элементы управления строками.
Премиум-версия Visual Composer имеет дополнительные параметры редактирования. Он включает в себя боковую панель, нижний колонтитул и редактор заголовков, что является большим преимуществом.
ПОБЕДИТЕЛЬ: Я называю это ничьей. Это действительно зависит от ваших личных предпочтений.
Доступные элементы
Элементы - это то, что используется для создания страниц компоновщика страниц. Хороший конструктор страниц должен иметь все элементы, которые вам когда-либо понадобятся для создания привлекательных и эффективных страниц веб-сайта. Не забывайте о функциональности! Приятно иметь много элементов на выбор, но это не имеет значения, если у вас нет нужных вам функций.
ЭЛЕМЕНТОР
В Elementor есть три основных типа элементов : разделы, столбцы и виджеты. Разделы имеют наивысший рейтинг среди трех типов элементов. В каждом активном разделе есть столбцы и виджеты.
Столбцы занимают второе место. Они прямо посередине иерархии. Виджеты идут последними в иерархии. Все виджеты расположены внутри столбцов. Виджеты состоят из текста, изображений и кнопок. Макеты создаются с использованием различных разделов и столбцов.
Бесплатная версия Elementor содержит более 30 различных виджетов. В профессиональную версию Elementor включено более 50 виджетов. По мере выхода новых версий Elementor количество доступных виджетов неуклонно увеличивается.

Столбцы могут иметь сколько угодно виджетов. Если вы вносите изменения в стиль в определенном разделе, эти изменения затем переносятся на все содержимое этого раздела. То же самое относится и к любым изменениям стиля столбцов.
Есть всего несколько отличий. Первое отличие состоит в том, что любые изменения стиля, внесенные в конкретный виджет, остаются внутри этого виджета. Во-вторых, любые изменения стиля столбцов не будут перенесены на элементы, расположенные за пределами этих столбцов.
ВИЗУАЛЬНЫЙ КОМПОЗИТОР
Элементы содержимого Visual Composer содержатся в блоках содержимого (таких как значки, кнопки, текстовые блоки и т. Д.). Вы можете интегрировать эти блоки контента в свой макет для создания контента для страниц сайта. Переход к панели навигации и щелчок по окну «Добавить элемент» позволяет использовать конкретный элемент содержимого.
Вы можете размещать элементы содержимого только в столбцах. Вы можете перетащить эти элементы, чтобы настроить макет, когда захотите. Visual Composer поставляется с набором элементов содержимого. Вам нужно будет активировать Visual Composer Hub Free (с ограничениями) или версию Premium, чтобы разблокировать больше элементов контента.

Элементы разделены на следующие логические группы: Basic, Media, Containers (содержит только элемент строки / столбца), Social, WordPress и Content.
Visual Composer предоставляет более 100 различных элементов содержимого . Эти элементы можно использовать для дополнения текущего контента или помощи в создании совершенно нового сайта. Есть множество контейнеров, медиа, WordPress, социальных и других элементов для удовлетворения ваших потребностей.
Также включены облачный шаблон Hub и библиотека элементов. Он позволяет загружать и использовать только те элементы, которые вам нужны. Вам не нужно беспокоиться о том, что ваш сайт замедлится из-за нерелевантных элементов. Вы можете повысить скорость своего веб-сайта, потому что вам не понадобится столько сторонних плагинов, надстроек или других дополнительных ресурсов.
ПОБЕДИТЕЛЬ: Visual Composer
Варианты укладки
Вы можете выделить свой сайт с помощью индивидуального стиля. Изменение выравнивания, цветов, шрифтов и других элементов является частью стиля. Чем больше времени вы потратите на изменение стиля своего сайта, тем легче будет его отличить от сайтов ваших конкурентов.
ЭЛЕМЕНТОР
Настройки Elementor по умолчанию автоматически интегрируют его глобальные стили с вашим существующим контентом. Вы можете изменить эти настройки в любое время. Если вы предпочитаете вместо этого использовать свои собственные настройки стиля WordPress, вы всегда можете отключить эту функцию.
Elementor также позволяет вам управлять настройками стиля для отдельных разделов вашего сайта. Вы можете легко изменить виджеты, разделы и столбцы или переопределить глобальные настройки, если хотите. Все, что вам нужно сделать, это использовать соответствующую вкладку:
- Дополнительно: эта вкладка позволяет добавлять адаптивные элементы управления, настраиваемые поля и отступы, Z-индекс, анимацию и другие параметры.
- Содержимое: с помощью этого меню вы можете настроить выравнивание, размеры и другие параметры элементов.
- Стиль: эту вкладку можно использовать для редактирования цветов, типографики и других связанных функций.

В Elementor так много вариантов стилей, что я не могу упомянуть их все в этой статье. Помимо настраиваемых полей и параметров заполнения, вы можете использовать следующие параметры на регулярной основе:
- Пользовательский CSS : вы можете использовать Elementor Pro для добавления настраиваемых стилей CSS в определенные виджеты или разделы вашего сайта. Бесплатная версия Elementor позволяет интегрировать класс или идентификатор CSS. Однако он не позволит вам применить определенные изменения стиля к каким-либо отдельным элементам.
- Отзывчивый контроль: вы можете использовать эту опцию, если не хотите, чтобы определенный контент отображался при просмотре вашего сайта на мобильных устройствах.
Значок устройства может быть еще одним удобным инструментом. Это позволит вам применять различные стили к различным устройствам (настольным компьютерам, ноутбукам, столам, мобильным телефонам и т. Д.).
ВИЗУАЛЬНЫЙ КОМПОЗИТОР
Элемент « Параметры дизайна» - одна из самых впечатляющих функций конструктора веб-сайтов Visual Composer. Это особый набор параметров, который могут использовать все элементы Visual Composer.
Вы можете использовать параметры дизайна, чтобы изменить или добавить стиль элементов содержимого. Это достигается путем применения к этим элементам наиболее часто используемых стилевых эффектов и свойств.
Visual Composer Website Builder имеет следующие типы вариантов дизайна:
- Варианты конструкции контейнера (для столбцов, строк и разделов)
- Стандартные варианты дизайна (для всех остальных элементов сайта)
Все элементы вашего контента могут использовать стандартные варианты дизайна . Эти параметры включают управление луком для границ, радиуса границы, полей и отступов. Вы также можете использовать стандартные параметры дизайна для управления анимацией CSS и фоном.
Варианты дизайна контейнера имеют все обычно ожидаемые варианты стандартного дизайна. Они также включают в себя функции стилизации фона, такие как наложение градиента CSS, слайд-шоу изображений, эффекты параллакса и видео фон. Элементы столбца и строки могут использовать параметры дизайна контейнера.
Использовать варианты дизайна просто. Начните с выбора конкретного элемента содержимого, который вам нужен. В появившемся раскрывающемся меню выберите «Редактировать». Находясь в меню редактирования, найдите пункт «Параметры дизайна», чтобы получить доступ к этой функции.
ПОБЕДИТЕЛЬ: И Visual Composer, и Elementor имеют хороший выбор стилей на выбор.
Шаблоны
Шаблоны - это уже готовые дизайны страниц. Они могут помочь вам быстрее создавать страницы сайта. Вы можете использовать эти шаблоны и избежать необходимости постоянно начинать с нуля всякий раз, когда вы хотите создать или добавить новую страницу на свой веб-сайт.
ЭЛЕМЕНТОР
Каждый раз, когда вы создаете новую страницу в Elementor, вы можете выбрать, хотите ли вы использовать шаблон для создания страницы или добавить раздел . В их бесплатной версии около 40 шаблонов. Elementor Pro включает более 300 дополнительных различных шаблонов блоков и страниц.

Вы можете использовать эти шаблоны, выбрав «Добавить шаблон». После этого вы сможете получить доступ к меню шаблонов Elementor. В Elementor есть шаблоны блоков и страниц на выбор.
Шаблоны блоков используются для создания определенных разделов страницы. Контактные формы и формы CTA - два примера шаблонов блоков. Шаблоны страниц предназначены для использования на всей странице.
Вы также можете создавать свои собственные шаблоны и сохранять их для использования в будущем. Шаблоны, созданные третьими сторонами, также могут быть загружены и добавлены на ваш сайт, если вы хотите. Практически нет ограничений на количество возможностей настройки, которые вы можете иметь.
ВИЗУАЛЬНЫЙ КОМПОЗИТОР
Visual Composer имеет хороший выбор премиальных и бесплатных шаблонов WordPress. Шаблоны имеют предопределенную структуру. Это блоки с элементами содержимого, которые можно использовать в любое время. Вы можете перейти на панель навигации и выбрать значок шаблона, который использует функцию шаблона в Visual Composer.
В Visual Composer Website Builder есть два типа шаблонов : предопределенные шаблоны и пользовательские шаблоны.

Предопределенные шаблоны - это шаблоны, загруженные из Visual Composer Hub. Эти премиальные шаблоны можно использовать в любое время. Вы можете найти их в окне шаблона или в мастере пустых страниц.
Предопределенные шаблоны позволяют заменять текущий контент. Они разработаны для базовых функций сайта и могут использоваться для самых разных целей. Visual Composer позволяет использовать следующие типы предопределенных шаблонов : шаблоны блоков (или разделов) и шаблоны страниц.
Пользовательские шаблоны позволяют использовать текущую страницу в качестве шаблона. Все, что вам нужно сделать, это сохранить эту страницу. Перейдите в окно «Шаблон», чтобы найти все свои пользовательские шаблоны. В этом разделе вы также найдете свои предопределенные шаблоны. Также можно использовать несколько параметров фильтра.
Вы можете использовать определенные шаблоны для сохранения макетов. Затем эти макеты можно снова использовать в разных сообщениях, страницах или пользовательских типах сообщений. Visual Composer Hub содержит все ваши шаблоны. Hub - это облачный сервис, который подключается к конструктору сайтов. Эта интеграция сделана так, чтобы при необходимости можно было загружать дополнительные шаблоны, расширения и другие элементы контента.
ПОБЕДИТЕЛЬ: У обоих есть что-то для всех, когда дело доходит до шаблонов.
Интеграция с WooCommerce
Настройка страницы магазина WooCommerce и макета магазина может занять много времени и усилий. Вот почему хорошо, когда тема или плагин имеют встроенные функции для WooCommerce.
ЭЛЕМЕНТОР
WooCommerce Builder от Elementor упрощает создание интернет-магазинов. Вы можете создать эффективный и привлекательный сайт магазина в кратчайшие сроки. Вы можете использовать виджет «Архив продуктов», чтобы определить, какие продукты будут отображаться в списке. Вы также можете настроить внешний вид каждого элемента в этом списке. Можно изменить настройки типографики, цвет, столбцы и другие функции, чтобы сделать витрины интернет-магазина уникальными.

Вы также можете настроить страницы результатов поиска продуктов . Это облегчает посетителям вашего сайта поиск товаров, которые они хотят приобрести.
Вы можете использовать множество дополнительных виджетов . В вашем распоряжении виджеты «Добавить в корзину», «Дополнительная информация», «Панировочные сухари», «Контент», «Вкладки данных», «Галерея», «Изображения», «Мета», «Цена», «Название продукта», «Рейтинг», «Связанные», «Краткое описание», «Наличие» и «Допродажа».
Корзина меню - еще один дополнительный виджет. Это позволяет интегрировать кнопку «добавить в корзину» в заголовки. Вы можете настроить кнопку по своему усмотрению. Любой, кто нажмет на кнопку «Добавить в корзину», увидит всплывающее меню. В меню отобразится список всех товаров, которые они добавили в корзину.
ВИЗУАЛЬНЫЙ КОМПОЗИТОР
Visual Composer Premium очень хорошо работает с WooCommerce. Вы можете создавать уникальные страницы продуктов, если у вас установлены WooCommerce и Visual Composer.
Элементы WooCommerce доступны через Visual Composer Hub для создания страниц продуктов. Вы можете выбрать один из следующих вариантов элемента:
|
|
ПОБЕДИТЕЛЬ: Оба предлагают множество вариантов настройки WooCommerce.
Конструктор тем
Некоторые плагины для создания тем позволяют только изменять страницу и размещать контент. Шаблоны архивов блогов, отдельные сообщения блога, нижние колонтитулы, заголовки и другие разделы, определенные темой, изменить нельзя. И Elementor, и Visual Composer позволяют редактировать все, что упомянуто.
ЭЛЕМЕНТОР
Конструктор тем был частью последнего обновления Elementor. Вы можете использовать эту функцию для настройки верхних и нижних колонтитулов сайта . Доступны готовые шаблоны, или вы можете начать с нуля, если хотите. Верхние и нижние колонтитулы, которые вы разрабатываете, могут быть назначены для определенных разделов сайта или для всего сайта.

Интерфейс конструктора страниц Elementor - это то место, где вы можете создавать собственные нижние и верхние колонтитулы. Вы сами решаете, как будут выглядеть заголовки, независимо от того, какую тему вы выберете. Тот же интерфейс также можно использовать для создания настраиваемых заголовков, меню с логотипом сайта и другого соответствующего контента.
ВИЗУАЛЬНЫЙ КОМПОЗИТОР
Visual Composer Premium имеет редактор заголовков, нижних колонтитулов и боковой панели . Интерфейс этого редактора почти идентичен обычному редактору контента. Единственное отличие состоит в том, что высота и ширина редактора верхнего, нижнего и бокового колонтитулов ориентированы на боковые панели, нижние колонтитулы и верхние колонтитулы.

Прежде чем вы сможете получить доступ к редактору заголовков, нижних колонтитулов и боковой панели, вам необходимо зайти в Visual Composer Hub и убедиться, что надстройка Theme Builder установлена. После входа в этот редактор вы можете найти дополнительные варианты дизайна на панели настроек панели навигации для всего нижнего и верхнего колонтитула боковой панели.
Глобальные элементы управления верхним и нижним колонтитулами Visual Composer позволяют:
- Используйте нижние колонтитулы и заголовки по умолчанию.
- Применяйте настраиваемые нижние колонтитулы и заголовки ко всему сайту.
- Применяйте настраиваемые нижние колонтитулы и заголовки для типов сообщений.
Глобальные элементы управления позволяют настраивать нижние и верхние колонтитулы. Нижние колонтитулы и заголовки для пользовательских типов сообщений, сообщений, страниц, страниц WordPress по умолчанию (страницы результатов поиска, страницы с ошибками 404, страницы архивов и т. Д.) И страницы WooCommerce могут быть изменены.
В некоторых случаях может быть проще реализовать готовые к использованию боковые панели, верхние и нижние колонтитулы. Visual Composer Hub имеет удобный список шаблонов боковой панели, нижнего колонтитула и заголовка, которые можно использовать. Начните с перехода на Visual Composer Hub и загрузите нужные шаблоны боковой панели, нижнего колонтитула и заголовка. Затем вы можете добавить эти шаблоны в редактор заголовков, нижних колонтитулов и боковой панели.
ПОБЕДИТЕЛЬ: Visual Composer предлагает больше параметров настройки для верхних и нижних колонтитулов и других частей сайта, обычно управляемых темой.
Доступные дополнения
Дополнения - это расширения и плагины, созданные третьими сторонами. Они могут улучшить функциональность существующего плагина.
ЭЛЕМЕНТОР
Конструктор страниц Elementor уже имеет множество полезных функций. Но есть также огромное количество надстроек Elementor, которые предоставляют еще больше творческих возможностей.
Некоторые надстройки Elementor имеют дополнительные блоки, элементы и виджеты, которые вы можете использовать в любом своем дизайне. Другие плагины имеют новые варианты дизайна для текущих виджетов или расширяют существующие функции Elementor.
ВИЗУАЛЬНЫЙ КОМПОЗИТОР
Иногда одного дополнительного виджета или шаблона просто недостаточно. Вам могут потребоваться дополнительные функции, помимо текущих возможностей Visual Composer. В разделе надстроек Visual Composer Hub вы найдете эксклюзивные расширения, которые можно скачать бесплатно.
Они включают в себя глобальный шаблон, импорт / экспорт, виджет шаблона, блок шаблона Гутенберга, динамические поля, режим обслуживания, построитель тем, предустановки элементов, построитель всплывающих окон, диспетчер ролей, библиотеки значков Premium, параметры дизайна Premium.

Элементы Visual Composer доступны для загрузки только пользователям версии Premium . Сам Visual Composer не имеет сторонних расширений или плагинов.
Тем не менее, у него есть элемент Shortcode, который позволяет вам ввести определенный короткий код, чтобы вы могли добавить любое стороннее дополнение к макету вашего сайта. Премиум-версия Visual Composer также совместима со многими известными плагинами WordPress.
ПОБЕДИТЕЛЬ: Elementor безоговорочно лидирует по количеству доступных сторонних надстроек, расширений, элементов, блоков, виджетов и т. Д.
Уникальные черты
У некоторых плагинов есть свои уникальные особенности. Эти функции иногда могут повысить ценность существующих опций.
ЭЛЕМЕНТОР
Мне нравится тот факт, что команда разработчиков Elementor стремится регулярно создавать и выпускать новые функции. Функцию Embed Anywhere можно использовать для встраивания шаблонов, которые вы сохранили с помощью шорткода. Затем дизайны Elementor можно добавить на боковую панель, нижний колонтитул или любые другие разделы, которые принимают шорткоды.
Еще одна полезная функция - это глобальный виджет . Сохранение дизайна один раз позволяет вам использовать тот же дизайн одновременно в нескольких областях веб-сайта. При использовании глобального виджета любые изменения, внесенные в этот дизайн, будут автоматически обновляться везде, где этот виджет используется на сайте.
В Elementor также есть эффективный конструктор всплывающих окон . Интерфейс конструктора страниц Elementor позволяет создавать уникальные панели приветствия, полноэкранные дисплеи, всплывающие окна и другие типы всплывающих окон.

Вы можете использовать эти всплывающие окна и их соответствующие варианты, чтобы побудить посетителей сайта выполнять определенные действия. Вы можете попросить их подписаться на рассылку новостей или просмотреть рекламу или объявления. Также есть приятная функция, которую можно использовать для перевода сайта в режим обслуживания с помощью специально разработанной веб-страницы Elementor.
ВИЗУАЛЬНЫЙ КОМПОЗИТОР
Visual Composer Hub - одна из лучших причин использовать Visual Composer. Вы можете хранить все надстройки, шаблоны и элементы в их облачном хранилище. Это поможет вам создать легкий, чистый и быстрый сайт. Вы загружаете только самое необходимое. Вам не придется беспокоиться о том, что сайт завален ненужными функциями или контентом.
Их каталог прост. Он содержит дополнения, блоки, нижние колонтитулы элементов , заголовки, бесплатные стоковые изображения, боковые панели и шаблоны, которые можно загрузить в любое время. Эти предметы можно использовать для самых разных профессиональных и личных проектов. Пользователи Visual Composer Premium имеют неограниченный доступ к Visual Composer Hub. Они также получают новые шаблоны и элементы бесплатно каждую неделю.

Также есть возможность добавлять GIF-файлы из Giphy с помощью редактора Visual Composer, конструктора всплывающих окон и различных интеграций со сторонними инструментами.
ПОБЕДИТЕЛЬ: Это ничья. Оба предлагают уникальные функции, которые могут быть полезны при создании сайтов.
Что происходит, когда вы деактивируете плагин?
Некоторые конструкторы страниц используют шорткоды. Эти шорткоды добавляют модули к страницам, которые вы создали с помощью определенного конструктора страниц. Вы не увидите эти шорткоды на своем сайте, пока активен компоновщик страниц.
Существуют конструкторы страниц, которые оставляют шорткоды на веб-сайте при деактивации плагина компоновщика страниц. Процесс удаления этих шорткодов и попытки воссоздать любой контент, созданный с помощью этих конструкторов страниц, может быть очень сложным и трудоемким.
Блокировка сайта происходит, когда вы деактивируете плагин компоновщика страниц, который вы использовали. Это то, что нельзя игнорировать, потому что это может существенно повлиять на внешний вид вашего сайта. В этом случае вы потеряете расширенный стиль конструктора страниц после его деактивации.
Когда вы деактивируете компоновщик страниц, могут произойти две вещи:
- Конструктор страниц оставляет чистый код после деактивации.
- После деактивации конструктор страниц оставляет множество шорткодов.
Если вы отключите Elementor , вы потеряете стиль, но контент по-прежнему будет выглядеть «нормально». Как и в случае с Elementor, то же самое и с Visual Composer Website Builder. Поскольку плагин отвечает за макет и стили элементов, его удаление может негативно повлиять на внешний вид вашего сайта.
ПОБЕДИТЕЛЬ: Оба плагина не оставят беспорядка коротких кодов при деактивации, но вы все равно потеряете стили и настройки, сделанные с их помощью.
Разница в цене
Бесплатную версию Elementor можно бесплатно скачать прямо из репозитория WordPress. Это один из лучших доступных бесплатных плагинов для создания страниц. Elementor Pro предоставляет дополнительные функции и возможности. Дополняет бесплатную версию.

Elementor Pro можно приобрести за 49 долларов в год для одного сайта. Вы также можете купить тарифный план с 3 сайтами за 99 долларов в год или за 199 долларов в год для использования на 1000 веб-сайтах.

Для Visual Composer существует четыре плана лицензирования. Существует бесплатная версия и лицензия премиум-класса для одного сайта, которая включает неограниченную поддержку клиентов и доступ к элементам за 49 долларов в год. Вы также можете купить лицензию на три сайта за 99 долларов в год или лицензию для разработчиков, которая включает использование до 1000 сайтов, за 349 долларов.
ПОБЕДИТЕЛЬ: Elementor предлагает более дешевые планы.
Elementor vs Visual Composer Заключение
Visual Composer - очень эффективный плагин для создания веб-сайтов. Это упрощает процесс создания сайта и дает вам гораздо больше возможностей для дизайна.
Visual Composer - это инструмент на основе React . Он не основан на шорткоде, но у него есть элемент шорткода, который можно использовать для применения шорткодов WordPress к макетам сайта.
Visual Composer регулярно обновляется. Он включает более сотни различных элементов, расширений, функций и шаблонов, которые помогают создавать уникальные профессиональные сайты.
Макеты страниц можно изменять, и можно применять несколько макетов страниц. Вы также можете настроить параметры мобильного редактирования. Он работает с Advanced Custom Fields, Gravity Forms, Gutenberg Editor, WooCommerce, Yoast и многими другими известными плагинами.
Visual Composer был разработан с учетом поисковой оптимизации (SEO). Шаблоны и элементы соответствуют лучшим современным методам SEO.
Существует бесплатная версия Visual Composer, которая позволяет создать простой веб-сайт и произвести сильное первое впечатление. Visual Composer Premium - отличное обновление, если вам нужна специальная поддержка клиентов, регулярные обновления и неограниченный доступ ко всем основным функциям и функциям Visual Composer.
Elementor - отличный плагин для тех, кто хочет управлять своими сайтами без редактирования и добавления кода. Elementor упрощает создание красивых и эффективных веб-сайтов . Это привлекательный вариант даже для тех, у кого есть технические знания и опыт для программирования всего сайта.
Вы можете делать практически все, что угодно, используя бесплатную версию Elementor . Я настоятельно рекомендую перейти на один из их платных планов, если вы собираетесь использовать свой сайт в качестве основного бизнес-актива или если ваш основной бизнес создает веб-сайты для клиентов. Возможность глобального виджета и возможность создавать свои собственные темы делают добавленную стоимость очень доступной в долгосрочной перспективе.
Бесплатная версия Elementor может помочь вам создавать простые стилизованные страницы и, вероятно, имеет большинство функций любой другой бесплатной версии конструктора страниц.
Если вы решите использовать Elementor или Visual Composer, я бы посоветовал использовать Elementor. Попробуйте первую бесплатную версию, и если она вам понравится, вы всегда можете перейти на Pro.