Обзор Elementor (2021) - Сравнение Elementor PRO и БЕСПЛАТНО

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

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

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

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

ПРИМЕЧАНИЕ. Я также сравнивал Elementor с Visual Composer, Elementor с WPBakery, Elementor с Divi и Elementor с Beaver Builder, поэтому обязательно проверьте и эти сравнения.

Elementor Free против Elementor Pro

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

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

Учить больше

• ЭЛЕМЕНТОР ПРО
• 49 долларов в год за один сайт

Учить больше

Elementor Review - Особенности

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

Для этого не требуется, чтобы вы обладали какими-либо знаниями или навыками HTML или PHP. Все можно сделать через удобный пользовательский интерфейс. Он работает в интерфейсе пользователя, что означает, что он сразу показывает вам результаты вашей работы в стиле «что вы видите, то и получаете ».

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

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

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

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

Elementor предоставляет пользователю более 100 шаблонов или 300 блоков, из которых вы можете создавать свои собственные проекты.

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

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

Он имеет удобную кнопку отмены / возврата для быстрого редактирования , а также доступ к списку всех ранее выполненных изменений. Просто нажмите « Редакции», и вам будет представлен полный список всех изменений, когда-либо сделанных для текущей страницы, над которой вы работаете.

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

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

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

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

Что может сделать Elementor?

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

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

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

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

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

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

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

Elementor Pro и бесплатное сравнение

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

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

• Заголовки: создавайте привлекательные заголовки, побуждающие пользователей нажимать на ваш контент.
• Редактирование изображений: можно изменять размер, настройки, поля и непрозрачность изображений.
• Текстовый редактор: как и редактор WordPress, Elementor имеет текстовый редактор WYSIWYG.
• Встраивание видео: привяжите видео с YouTube или Vimeo прямо к своему контенту.
• Кнопка: все элементы дизайна кнопок можно редактировать.
• Окно изображения: включайте поля, у которых есть собственное изображение, текст и заголовки.

• Отзывы / обзоры: вы можете добавить на свой сайт социальную поддержку.
• Иконка: более 600 иконок доступны для включения в ваш дизайн.
• Блок значков: создавайте блоки, которые работают как блоки изображений, содержащие значки.
• Социальные значки: вставьте и включите значки в свои учетные записи Facebook / Twitter, чтобы привлечь ваших подписчиков на всех платформах социальных сетей.
• Галерея изображений: покажите свои изображения в выровненной сетке.
• Карусель изображений: добавьте анимированный слайдер или вращающееся отображение выбранных изображений.

• Список значков: упорядочивайте значки в аккуратные списки, отмеченные маркерами.
• Счетчик: Никогда не угадайте, сколько у вас посетителей. Смотрите всю свою статистику на своей странице.
• Индикатор выполнения: работаете над целью? Вставьте индикатор выполнения для удобства отслеживания.
• Вкладки: разрешите пользователям переключаться между выбранным контентом, форматируя вкладки на вашей странице.
• Аккордеонный дисплей: есть информация, которой можно поделиться, но вы не хотите занимать много места на вашей странице? Поместите его в складной дисплей.
• Toggle: легко форматируйте страницы часто задаваемых вопросов, чтобы предоставить информацию вашим читателям, но не жертвуйте пространством для дизайна.

• Предупреждение: цветное окно предупреждения, которое помогает привлечь внимание посетителей к тому, что вы хотите, чтобы они увидели больше всего.
• HTML: легко вставляйте код на страницу.
• Шорткод: позволяет легко вставлять шорткоды из других плагинов в ваш контент.
• Якорь меню: создайте собственное меню для своего веб-сайта и разместите его на своей странице для навигации пользователей.
• Боковая панель: разработайте боковую панель для ненавязчивой навигации.
• Карты Google: сообщите всем, где находится ваша компания, указав свое местоположение на Картах Google и разрешив маршруты GPS.
• SoundCloud: вставляйте аудио прямо из SoundCloud на свой сайт.
• Разделитель: разделите страницу на сегменты, чтобы охватить различные аспекты в аккуратной презентации.
• Столбцы: вы можете создавать столбцы для разделения страницы или размещать столбцы внутри столбцов для дальнейшей сегментированной информации.

Что предлагает платная версия Elementor?

Платный плагин Elementor для WordPress настроен на структуру оплаты на основе сайта. Годовые планы составляют 49 долларов для одного сайта, 99 долларов для двух сайтов или 199 долларов для неограниченного количества сайтов. С платной версией у вас есть расширенный доступ к большему количеству инструментов, которые сделают ваше строительство еще проще.

ПРИМЕЧАНИЕ: Elementor недавно изменил свой Безлимитный тариф (изменение было внесено 13 мая 2019 г.). План был переименован в «Эксперт», и теперь он предусматривает активацию 1000 доменных лицензий.

Некоторые из функций плана Pro включают в себя:

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

Если вам нужно краткое описание того, почему вам следует перейти на Pro, вот основные моменты:

1. Theme Builder позволяет настраивать каждую часть вашей темы. С Elementor Pro Theme Builder вы больше не ограничены ограничениями вашей темы.

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

2. Визуально оформить формы и интегрировать их

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

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

3. Профессиональные шаблоны и блоки

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

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

4. Ключевые профессиональные виджеты и функции

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

К ним относятся анимированные заголовки для впечатляющего дизайна заголовков, виджет «Сообщения» для потрясающего отображения сообщений в блоге, виджеты WooCommerce, слайды, карусель мультимедиа и пользовательские шрифты.

Вам нужен Elementor Pro?

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

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

Обзор плагина Elementor - плюсы и минусы

Вот все, что мне нравится и не нравится в Elementor.

ПРЕИМУЩЕСТВА ELEMENTOR

• Это бесплатно.
• Он обладает впечатляющим набором функций и прост в использовании.
• Он позволяет создавать собственные макеты и дизайн страниц, которые могут быть недоступны в вашей текущей теме, и не требует каких-либо навыков HTML, CSS или PHP.
• Предварительный просмотр в реальном времени дает вам возможность редактировать по принципу «что видишь, то и получаешь».
• Шаблон пустой страницы холста в основном берет вашу текущую тему и отбрасывает ее, позволяя вам использовать только блоки и разделы Elementor.
• Возможность отдельно настраивать режим просмотра на рабочем столе, планшете и мобильном устройстве. Кроме того, он позволяет даже настраивать макеты столбцов для каждого конкретного устройства / размера экрана.
• Опция отката позволяет вам вернуться к более ранней версии Elementor, если что-то сломается во время обновления. Это похоже на то, что предлагает плагин WP Rollback для тем и плагинов.
• Если вам когда-нибудь понадобится деактивировать Elementor в какой-то момент в будущем, это не оставит после себя беспорядка коротких кодов, таких как WPBakery Page Builder (см. Обзор WPBakery) или Divi Builder.
• Легкая отмена / повтор и полная история изменений.
• Вместо того, чтобы использовать всплывающее окно, как некоторые другие конструкторы страниц, Elementor позволяет вам просто щелкнуть страницу и начать вводить текст.

НЕДОСТАТКИ ЭЛЕМЕНТОРА

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

Дополнения Elementor

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

• Addon Widgets позволяет вам форматировать собственные виджеты WordPress на вашем сайте Elementor. К ним относятся категории продуктов WooCommerce, такие как недавние продукты, бестселлеры, рекомендуемые продукты и уведомления о распродажах.
• Ultimate аддоны для Elementor предоставляют вам огромную коллекцию креативных виджетов Elementor, которые поддерживают все ваши дизайнерские потребности с различными настройками и комбинациями для создания красивого и интуитивно понятного веб-сайта.
• Дополнения и шаблоны Elementor - Sizzify Lite добавляет ряд элементов, которые помогают Elementor лучше работать с WooCommerce , а также некоторые другие полезные элементы.
• AnyWhere Elementor позволяет сохранять созданные вами шаблоны и встраивать их в другие области с помощью коротких кодов. С помощью этого надстройки вы также можете создавать несколько макетов, добавлять элементы сообщений или создавать привязки к темам GeneratePress и OceanWP.
• Elementor Addon Elements хорош, если вы хотите немного оживить свой сайт, но вы также можете использовать его, чтобы добавить профессиональную заметку к своему бизнесу (бренду).
• Header Footer Elementor был создан, чтобы вы могли создавать новые верхние и нижние колонтитулы в Elementor. По сути, вы можете создать верхний или нижний колонтитул с помощью Elementor и добавить его на свой сайт.
• Плагин StylePress для Elementor позволяет создавать шаблоны для обоих стилей и упорядочивать все так, чтобы оно выглядело как реальный дизайн темы. Просто создайте макет и назначьте его стилю и типу страницы.
• Интеграция Hotel Booking & Elementor разработана специально для плагина MotoPress Hotel Booking. Его основная цель - помочь людям визуально редактировать шорткоды плагина Hotel Booking в Elementor.
• Дополнения Plus для Elementor - это набор виджетов, шаблонов и блоков пользовательского интерфейса, которые помогут вам создавать потрясающие веб-сайты с помощью Elementor.
• Master Addons для Elementor может помочь вам создать привлекательный современный макет для вашего сайта. В бесплатном плагине есть более 30 различных блоков. Также существует премиум-версия плагина с еще большим количеством функций и возможностей.
• Расширения Stratum Elementor - это бесплатное дополнение Elementor с более чем 20 расширенными виджетами, которые можно использовать для разработки целевых страниц и профессиональных бизнес-сайтов.

Темы и шаблоны Elementor

Ищете темы и шаблоны Elementor, которые помогут вам создать потрясающий сайт WordPress с помощью конструктора страниц Elementor?

Они могут сделать вашу жизнь с Elementor намного проще:

• Темы Elementor - это обычные темы WordPress, которые особенно хорошо работают с Elementor (проверьте обзор темы Litho и обзор темы Everse).
• Шаблоны Elementor - это шаблоны, которые вы можете импортировать через Elementor для создания дизайна для одной страницы. Вам все равно понадобится тема, но эти шаблоны могут сэкономить ваше время по сравнению с созданием страницы с нуля.

Некоторые из удивительных тем , которые предлагают интеграцию с Elementor, включают Astra (проверьте плюсы и минусы Astra), GeneratePress (проверьте сравнение Astra и GeneratePress), OceanWP (см. Обзор OceanWP), Deep theme (см. Deep theme review) и тему Hestia.

Шаблоны Elementor не являются полноценными темами WordPress. Вы импортируете их через интерфейс Elementor, а не устанавливаете их как тему WordPress на свой сайт.

Некоторые из замечательных шаблонов Elementor включают Elementorism, EasyThemePacks, The Landing Factory, Katka Elementor Template Pack и блоки раздела LaunchParty.

Elementor Pro против Divi Builder против Beaver Builder

• Имя
• Цена
• Бесплатная версия
• Визуальный конструктор
• Оперативное редактирование
• Количество официальных элементов
• Готовые шаблоны
• Оставляет за собой чистый код
• Боковая панель управления
• Используйте виджеты WordPress
• Сторонние дополнительные элементы
• Флип-бокс
• Выделенный аудиоплеер
• Анимированный заголовок
• портфолио
• Кнопки социальных сетей
• Социальные подписчики значки
• Авторизоваться
• Комментарии в Facebook
• Человек / Член команды
• Родные комментарии
• Базовый стиль
• Пользовательские поля / отступы
• Пользовательские шрифты / типографика
• Непосредственно добавить собственный CSS в модуль
• Индивидуальные желоба
• Показать / скрыть контент в зависимости от устройства
• Различные поля в зависимости от устройства
• Различные размеры шрифтов в зависимости от устройства
• Пользовательские точки останова

• ЭЛЕМЕНТОР ПРО
• 49 долларов США за один сайт в год
• 53
• 100+

Учить больше

• ДИВИ СТРОИТЕЛЬ
• 89 $ / неограниченное количество сайтов в год
• 46
• 42+

Учить больше

• СТРОИТЕЛЬ БОБРА
• 99 $ / год неограниченное количество сайтов
• 31 год
• 56+

Учить больше

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

Заключение по обзору Elementor

Хотя доступна профессиональная версия Elementor, вы, честно говоря, получаете 90% возможностей плагина бесплатно . По сравнению с другими конструкторами страниц, такими как Beaver Builder (см. Различия между бесплатной и профессиональной версиями Beaver Builder), Divi, WPBakery и т. Д., Интерфейс Elementor является одним из самых простых для понимания .

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

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

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

Дополнительные надстройки помогут вам добавить еще больше функций. А огромный выбор доступных шаблонов и тем, ориентированных на Elementor, делает создание веб-сайтов еще проще.

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

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

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

9.1

Легко использовать

8,5 / 10

Настройки

9,5 / 10

Цена

9,2 / 10

Общее качество

9,2 / 10

Плюсы

• Имеет бесплатную версию
• Впечатляющий набор функций
• Предварительный просмотр в реальном времени
• Не оставлять шорткоды, если вы их отключите
• Легкая отмена / повтор и полная история изменений

Минусы

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

Учить больше!