Обзор и отзывы о плагине Elementor PRO v3.4.4 для WordPress - uGuide.ru

Обзор и отзывы о плагине Elementor PRO v3.4.4 для WordPress

    Дмитрий Луценко
  • Обновлено:
    2021-09-27
  • Просмотры:
    12k
  • Отзывы:
    0
  • Рейтинг: 3.3
Elementor PRO – это один из самых популярных плагинов для WordPress, реализующий функционал визуального конструктора страниц. Elementor позволяет создавать красивые и функциональные страницы сайта без специальных знаний и опыта, простым перетаскиванием готовых блоков.

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

Целевая аудитория

Elementor PRO — это плагин, рассчитанный в первую очередь на новичков, которые слабо знакомы с принципами вёрстки и создания оригинального дизайна для сайтов на WordPress. Расширение работает только в WordPress, у него нет самостоятельного исполнения в виде облачного конструктора или дополнений для других движков. Соответственно, аудитория ограничивается только пользователями ВордПресса. Бесплатная версия обеспечивает простой старт и изучение базовых возможностей плагина.

Вместе с тем, профессиональная версия пэйджбилдера Elementor PRO будет особенно интересна профессиональным дизайнерам (они смогут быстрее создавать типовые макеты и обслуживать их), маркетологам (в Элементоре можно своими руками делать лендинги, эффективные страницы с Rich-контентом и т.п.), а также владельцам магазинов (плагин полностью совместим с дополнениями WooCommerce, Ecwid и др.), блогов, профильных СМИ и т.п.

 

Что нового в Elementor 3.4.4

Вся третья версия Elementor – это последовательное движение навстречу пользователям. Решение становится более удобным для новичков и непрофессионалов. Добавляются готовые наборы элементов под типовые тематики; чтобы они не потерялись, хранение производится в собственной облачной структуре (нужна привязка к аккаунту). Оптимизируется код, чтобы страницы загружались максимально быстро и получали высокие оценки при ранжировании в поиске.

С версии 3.1 появился новый элемент (тип материала) – лендинги. А также стало возможным организовывать тестирование нововведений и экспериментов (как аналог сплит-тестов для посадочных страниц).

В Elementor 3.2 была представлена функция сбора и хранения данных из форм (аналог CRM-системы). Появилась кнопка PayPal (для приёма онлайн-оплаты или сбора пожертвований на сайте) и «липкие» макеты.

Уже начиная с версии 3.3, плагин получил функцию экспорта и импорта своих вариантов блоков и комплексных шаблонов (Elementor Kits). Что немаловажно, поддерживается даже импорт наборов Elementor с сервиса Envato. Профессиональные веб-сайты можно делать теперь буквально одним щелчком мыши.

Под капотом была существенно переработана логика генерации CSS-кода – теперь страницы создаются без избыточных стилей и быстрее грузятся в браузере.

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

Представлен виджет Hot Spot (горячая точка) – это интерактивные всплывающие подсказки, активируемые при наведении курсора в заданном месте вашего сайта.

Цветовые схемы и шрифтовые пары задаются сразу для всего сайта.

Версия Elementor 3.4 – это ещё один важный шаг в развитии проекта:

  • Пользовательские точки останова. В новой версии расширения можно создать до 7 разных вариантов деления экранов пользовательских устройств. Так вы сможете более детально сегментировать варианты дизайна под разные разрешения.
  • Уменьшены размеры базовых JS-скриптов, загружаемых вместе со страницами, сделанными в Elementor.
  • Плагин научился бесшовно конвертировать значки Font Awesome в SVG-формат.
  • Специально для WooCommerce переработан виджет Menu Cart и добавлена поддержка динамических тегов.
  • Не менее интересными для коммерции будут AJAX-подгрузка в виджете «Сообщения», а также в виджетах Video Playlist и Form.
  • Прекращена поддержка Internet Explorer.

 

Функциональные возможности

Elementor PRO – это невероятно гибкий и удобный конструктор страниц для WordPress. Пользователи получают своего рода решение «всё-в-одном». Практически все элементы страниц представлены здесь в готовом виде, их нужно только расположить так, как вам хочется. Более того, чтобы сэкономить время, предоставляется обширная библиотека готовых макетов страниц и комплексных наборов для тематических сайтов, пользователи могут создавать свои наборы, импортировать и экспортировать макеты, приобретать варианты в исполнении профессионалов.

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

Плюс, базовые возможности Elementor PRO легко расширяются за счёт аддонов от сторонних разработчиков. Некоторые из них специализируются на работе с формами, например, позволяют создавать квизы, другие облегчают интеграцию с внешними сервисами (CRM, ACF и т.п.), а какие-то добавляют сотни новых виджетов и блоков.

Профессиональная версия плагина открывает доступ к созданию собственных тем (шаблонов) WordPress.

Elementor умеет взаимодействовать со многими другими комплексными дополнениями для движка WP, например, полностью совместим с WooCommerce и Эквидом, а также с Yoast (SEO-плагин), ACF (конструктор дополнительных полей) и т.д. Легко интегрируется с популярными внешними сервисами: Zapier, MailChimp, MailPoet, GetResponse, Adobe Fonts и др.

Полный набор базовых блоков (без задействования сторонних дополнений) – более 90 штук. С ними вы сможете реализовать практически любой функционал на странице. Виджеты можно делать сквозными, чтобы управлять ими на всех страницах одновременно.

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

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

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

Для блоков можно задавать сложные анимации (motion-эффекты).

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

Elementor поддерживает разделение ролей доступа и работу команд. Дополнение качественно переведено на русский язык.

Наиболее важные функции рассмотрим детально.

Создание интернет-магазинов (в связке с WooCommerce)

В Elementor PRO можно собрать любые типы страниц онлайн-магазина на WooCommerce:

  • главная (домашняя),
  • каталог товаров,
  • страницы продуктов,
  • корзина.

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

Плюс, в самом конструкторе легко и быстро можно собрать посадочные страницы для продвижения отдельных товаров или услуг. Есть инструменты для генерации нестандартных форм и всплывающих окон. Поля ввода в полученных формах можно интегрировать с внешними сервисами: рассылки, CRM, аналитика. И всё это без работы с кодом.

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

Вставка форм

За создание произвольных форм в составе страниц отвечает специальный блок Form и связанный с ним мастер настройки. Вам будет доступно более 20 типов полей ввода, среди которых – текстовые области, чекбоксы, готовые поля для телефона, e-mail, URL-адресов или загрузки файлов. Поля можно располагать в любом порядке и комбинировать между собой, есть даже возможность организовать многошаговые формы.

В качестве действий формы (после нажатия кнопки) можно выбрать один или сразу несколько типов событий:

  • отправка email,
  • редирект (переход на нужную страницу),
  • Webhook,
  • открытие всплывающего окна,
  • передача данных во внешний сервис (Drip, GetResponse, MailChimp и т.п.).

Вы можете присвоить форме уникальный ID, поэтому с ней легко связать свои Java-скрипты.

Все данные, которые пользователи вводят в формах, стекаются в раздел «Заявки». Здесь их можно просматривать, редактировать, удалять и выгружать в табличном формате CSV. Доступна сортировка по странице, с которой была отправлена форма, по имени формы, по дате получения и по статусу (прочитано или нет).

Конструктор всплывающих окон

Возможности инструмента для создания pop-up’ов в Elementor во многом перекликаются с редактором форм (это касается захвата данных, которые тоже стекаются в раздел с «Заявками»). Но если говорить о логике показа всплывающих окон и их назначении, то здесь всё гораздо сложнее. Решение от Elementor ничем не уступает специальным сервисам поп-апов.

Ключевые возможности конструктора всплывающих окон:

  • Все актуальные форматы поп-апов – блокирование контента, всплывающее окно на весь экран (FullScreen), модальные окна (Modal), Slide-In, всплывающая панель (сверху или снизу).
  • Гибкие условия показа: первое посещение, привязка к типу страницы, к конкретной записи или к разделу сайта.
  • Большой выбор триггеров: при клике на заданном элементе, при прокручивании страницы, по времени, при отсутствии активности или при обнаружении попытки ухода со страницы.
  • Расширенные условия таргетинга, например, показ на определённых типах устройств и в заданных браузерах, при достижении нужного количества просмотров страниц на сайте или количества сессий, при переходе с заданных URL и т.д. Можно скрыть всплывающее окно для залогиненных пользователей или, наоборот, показать его только им.
  • Готовые шаблоны поп-апов и полная свобода дизайна.

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

Обратите внимание, всплывающие окна работают на любых страницах сайта, необязательно делать их в Elementor’е.

Автоматические бэкапы и версионирование

Разработчики трепетно относятся к проектам своих клиентов. Они заботятся не только о сохранности их данных, но и об обеспечении совместимости версий плагина. Так как за время своего существования Элементор успел сменить фреймворк и вспомогательные библиотеки, клиенты могут вручную выбрать нужную им версию расширения в меню настроек, а также включить или отключить поддержку некоторых важных опций: глобальные цвета и шрифты (раньше их поддержки не было), Font Awesome 4 (многие старые проекты клиентов работают на этой версии) и т.п.

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

Расширения (аддоны)

Базовый функционал Элементора можно расширить с помощью дополнений от сторонних разработчиков. Их можно скачать и установить в WordPress из официального каталога плагинов WordPress (поиск по тегу Elementor, более 200 дополнений),непосредственно с сайтов разработчиков (с ручной установкой в движок) или со сторонних площадок (CodeCanyon, TemplateMonster и др.).

С помощью сторонних дополнений для Элементора можно реализовать:

  • Подсветку синтаксиса при прямой работе с кодом (для профессиональных дизайнеров и разработчиков).
  • Доступ к магазину профессиональных шаблонов (предлагает Envato).
  • Значительный прирост скорости загрузки (например, реализуется аддоном ToolKit For Elementor).
  • Сложную логику показа блоков Элементора (например, Visibility Logic for Elementor).
  • Интеграцию с дополнительными функциями внешних плагинов и сервисов (CRM, онлайн-чаты, дополнительные поля и т.п.).
  • Вставку блоков и элементов, которые отсутствуют в базовом или в даже в полном наборе Элементора (то есть, с помощью плагинов можно бесплатно получить некоторые важные функции, которые есть только в платной подписке).

И так далее.

Интеграции

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

Базовые интеграции Элементора:

  • Сервисы рассылок (Drip, MailChimp, MailPoet, ConvertKit, GetResponse, Atomizy).
  • CRM (HubSpot, ActiveCampaign).
  • Всё-в-одном (Zapier, это сервис-посредник, с помощью которого можно организовать обмен данными более чем с 1000 разных сервисов).
  • Капча (ReCAPTCHA от Google).
  • Стриминговые платформы (SoundCloud, Vimeo, YouTube, Dailymotion).
  • Уведомления (Slack, Discord).
  • Социальные сети (Facebook, Spotlight).
  • Шрифты и иконки (Adobe Fonts, Google Fonts, Font Awesome).

Плюс, вы всегда можете задействовать API.

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

Импорт и экспорт

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

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

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

Уже после того, как вы загрузите и примените свой набор шаблонов, вы сможете отменить это действие, восстановив предыдущую версию своего сайта. Для этого откройте пункт «Настройки сайта» -> «История» -> «Ревизии». И выберите нужную версию.

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

 

Дизайн и работа с шаблонами

Elementor создан специально для облегчения работы с дизайном сайта. Весь его функционал нацелен только на это. В данном конструкторе собрано более 8 млн. сайтов во всём мире. И это серьёзные показатели.

Всё, что можно собрать в конструкторе Elementor, можно сохранить в виде шаблонов:

  • готовые секции, которые можно переиспользовать в составе других страниц;
  • готовые страницы, которые создаются из виджетов и/или комплексных секций;
  • всплывающие окна;
  • тематические наборы страниц (kit’ы).

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

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

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

Интерфейс страниц строится из готовых блоков (виджетов). Часть из них входит в бесплатный набор, часть вынесена в PRO-редакцию, а часть можно получить из аддонов (сопровождаются уже сторонними разработчиками).

Готовые шаблоны для Elementor

Всё, что можно отнести к шаблонам, плагин Elementor выносит в специальный раздел админ-панели WordPress – «Шаблоны». Сюда попадают сохранённые пользователем (загруженные или созданные самостоятельно):

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

Это своего рода оффлайн-библиотека элементов для быстрого старта. Вы можете импортировать свои шаблоны в формате JSON (поддерживается возможность загрузки в .zip-архивах).

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

Облачная библиотека Elementor долгое время содержала только шаблоны отдельных элементов (секции и макеты лендингов, а также макеты страниц другого типа). Но начиная с версии 3.3, появилась возможность получения комплексных тематических наборов – Elementor Kits. Сейчас в библиотеке их более 90 штук. Наборы легко отсортировать по тематике, по тегам и категориям, есть возможность создания своего списка избранных/понравившихся. Сюда же можно загрузить свои наборы. Есть как платные, так и бесплатные варианты.

Что даёт такой подход?

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

Всё максимально гибко.

Набор блоков для конструктора

Бесплатная версия Elementor открывает доступ к 31 типу блоков (виджетов) + 18 блоков предоставляется WordPress (это его системные виджеты). Pro-версия обеспечивает пользователю доступ к полному набору блоков – более 90 штук.

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

Если этих виджетов недостаточно, набор можно расширить за счёт соответствующих аддонов.

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

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

Макеты и анимации

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

Выравнивание элементов внутри макетов возможно по вертикали и по горизонтали на основе разных условий: центр, от начала, от конца, верх, низ, между…

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

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

Множество дополнительных возможностей для привлечения внимания пользователей можно реализовать за счёт специальных элементов конструктора (доступны только в PRO-версии):

  • виджеты призыва к действию;
  • анимированные заголовки;
  • эффекты прокрутки;
  • Flip-блок (переворачиваемый блок);
  • параллакс-эффект и специальные эффекты при наведении (например, эффекты глубины под указателем мыши);
  • 3D эффект наклона;
  • «липкие» блоки;
  • динамический контент и цвета.

Особенно хотелось бы выделить функционал виджетов Lottie Widget (он отвечает за создание сложных пошаговых анимаций, способных срабатывать при разных условиях поведения пользователей на странице) и Hotspot (позволяет добавлять интерактивные всплывающие подсказки).

Адаптивность

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

В Элементоре можно:

  • Настраивать видимость конкретных блоков или целых секций на экранах разных устройств.
  • Задавать до 7 разных брейкпоинтов (точек останова), на основе которых будет переключаться сетка макета.
  • Активировать реверс (обратный порядок следования) виджетов внутри конкретных секций, чтобы на планшетах или смартфонах последние блоки показывались первыми в ленте при прокрутке.

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

Работа с HTML и CSS

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

Для всех этих и многих других задач в Elementor есть:

  • Возможность определения своих CSS-атрибутов для выбранных секций и блоков (CSS ID и классы могут пригодиться для задействования своих JS-скриптов и нестандартных стилей оформления).
  • Блок для вставки произвольного HTML-кода (с его помощью можно вставить не только свои скрипты, стили, код аналитики, но и сложные формы, предоставляемые внешними сервисами, например, онлайн-калькуляторы из uCalc).
  • Функция добавления настраиваемых атрибутов данных (в соответствии со стандартом HTML5, начинаются на data-…, необходимы для привязки сложных API и JS-скриптов).
  • Прямой ввод CSS-кода для нужного элемента (опция Custom CSS).

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

Но нужно понимать, что Elementor – это плагин, а не шаблон. Когда вы создаёте тему, вы фактически меняете текущий шаблон. Поэтому Элементору важно, что вы используете в качестве основы. Специально для конструктора тем предлагается установить бесплатную тему Hello Theme.

Вместо неё вы можете использовать любую другую, но обязательно совместимую (некоторые варианты, в том числе премиальные, можно посмотреть здесь).

Конструктор тем обеспечивает гибкое редактирование следующих элементов шаблона:

  • подвал и заголовок (верхний и нижний колонтитул);
  • макет страниц архива и поиска, просто одиночных страниц;
  • макет страниц записей и категорий;
  • страницы магазина на WooCommerce (товар и архив товаров);
  • страница ошибки 404.

Функционал конструктора тем практически ничем не отличается от классического редактора Elementor: страницы можно создавать вручную или на основе готовых шаблонов (наборов шаблонов) из библиотеки.

Шрифты и иконки

По умолчанию Elementor использует шрифты, доступные в текущем активном шаблоне. Но вместо них вы можете подключить шрифты, поставляемые вместе с Элементором, или любые другие сторонние шрифты. Поддерживается интеграция со шрифтами Google и Adobe. Можно загрузить и подключить свои собственные наборы шрифтов (например, разработанные по заказу или купленные/скачанные в сторонних сервисах).

Дефолтный набор иконок – Font Awesome 5. При желании, можно активировать поддержку предыдущей версии популярных глифов - Font Awesome 4.

В дополнение к Font Awesome можно подключить свой набор иконок.

Функционал работы с кастомными шрифтами и иконками доступен только в PRO-версии.

 

Оптимизация (SEO) и продвижение

В плане работы с ключевыми SEO-тегами (title, description, alt к изображениям и т.п.), Elementor полагается только на возможности движка WordPress. Иными словами, если у вас нет ни одного SEO-плагина, то и доступа к редактированию мета-тегов не будет.

А штатные функции WordPress ограничиваются только определением заголовка и миниатюр изображения записи (как элементы Open Graph разметки).

Elementor заявляет официальную поддержку двух популярных SEO-плагинов: Yoast SEO и Rank Math. Тем не менее, конструктор отлично работает и с любыми другими дополнениями для SEO, а также с плагинами, применяемыми для ускорения загрузки страниц (Autoptimize plugin, WP Rocket, Async JavaScript и т.п.).

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

Elementor – один из самых быстрых конструкторов страниц, поэтому при правильной настройке сайт будет показывать хорошие результаты в тестах Google Page Speed.

В остальном никаких проблем с SEO быть не должно: есть поддержка мобильных; контент на страницах, собранных в Elementor, отлично индексируется. В сети можно найти массу подробных мануалов по технической оптимизации WordPress (все они будут актуальны и для сайтов с Элементором).

&nbps;

Ценовая политика

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

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

  • ESSENTIAL – $49/год. Только один сайт, все возможности плагина: полный набор блоков и доступ к профессиональных шаблонам, 60 наборов Elementor Kits. Премиум-поддержка.
  • ADVANCED – $99/год. Тот же тариф ESSENTIAL, но для трёх сайтов.
  • EXPERT – $199/год. Профиль эксперта (подразумевает +20 специальных наборов), до 25 сайтов в аккаунте.
  • STUDIO – $499/год. До 100 сайтов в одном аккаунте, профиль эксперта и VIP-поддержка (в live-чате).
  • AGENCY – $999/год. До 1000 сайтов, VIP-поддержка и профиль эксперта.

На полный возврат оплаты даётся 30 дней.

 

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

Главное свойство любого востребованного продукта – его непрерывное развитие. С этим проблем у Элементора нет. Его ключевые преимущества:

  • Наличие функциональной бесплатной версии.
  • Плагин легко устанавливается и настраивается новичками.
  • Конструктор грамотно переведён на русский язык.
  • Визуальный редактор по-настоящему простой и удобный, с Drag&Drop интерфейсом.
  • Достаточный выбор готовых шаблонов и комплексных тематических наборов.
  • Доступ к экспорту и импорту шаблонов.
  • Можно подключить свои шрифты и иконки.
  • Есть возможность создания своих тем WordPress.
  • Огромное количество различных визуальных эффектов и специальные виджеты для привлечения внимания.
  • Встроенный конструктор форм ввода и всплывающих окон.
  • Полная совместимость с разными шаблонами для WordPress.
  • Специальные инструменты для создания лендингов и интернет-магазинов.
  • Базовые возможности расширяются с помощью плагинов сторонних разработчиков.
  • Есть API и другие возможности для профессионалов (пошаговые анимации, вставка своего HTML-кода, переопределение атрибутов и т.п.).
  • Сложившееся сообщества и официальная техподдержка. Услуги экспертов.
  • Адаптирован для работы команд (с распределением ролей).
  • Готовые интеграции и встроенная система сбора данных из форм (как простейший аналог CRM).
  • Очень подробная документация, мануалы и видео. Есть своя онлайн-академия.

Есть у плагина и минусы:

  • Рано или поздно вы упрётесь в лимит бесплатной версии и вам придётся перейти на PRO-редакцию.
  • Elementor использует модель подписки, а не разовой покупки. Поэтому расширение будет требовать обязательных периодических расходов.
  • Оплата только с циклом на 1 год (нет разбивки на помесячные списания).
  • Конструктор работает только в связке с движком WordPress. Им нельзя пользоваться как самостоятельной платформой (хотя в 2020 г. была представлена бета-версия своего облака – Elementor Cloud, но это фактически узкоспециализированный хостинг). Нет возможности установить на другие CMS.
  • Конструктор тем требует наличия специального шаблона, созданные страницы нельзя выгрузить или сохранить как самостоятельный шаблон.
  • Если отключить или деинсталлировать Elementor, весь созданный в конструкторе контент потеряет свою визуальную привлекательность (так как отключатся его стили и скрипты). Сам контент (текстовое содержимое, изображения, вставленные коды карт, видео и т.п.) сохранится.
  • Для работы с SEO-параметрами нужны дополнительные плагины.
  • Многие аддоны для Elementor распространяются платно (со своими подписками).
  • Для быстрой загрузки страниц, собранных в Элементоре, нужно провести качественную техническую оптимизацию, задействовать дополнительные плагины и сервисы.
  • Многие интеграции рассчитаны в первую очередь на популярные западные сервисы. Российские аналоги придётся подключать или по API или с помощью HTML-виджетов.
  • Вся документация и видео на английском языке.

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

 

Примеры сайтов, использующие плагин Elementor

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

Пример 1. Сайт департамента шрифтов британской медиакомпании TYPE01
Пример 2. Оригинальный сайт для презентации фильма Luzzu и заказа билетов на него
Пример 3. Сайт дизайнерской студии из Осаки «Graphity»
  • brandbaker.de – сайт агентства цифрового маркетинга из Германии, Brand Baker
  • bvmberatung.net – сайт немецкой консалтинговой компании, специализирующейся на НКО, BVM Beratung
  • medialuv.co – сайт анимационной студии MediaLuv, которая превращает сообщения в анимированные видеоролики
  • royiscreperie.com – аппетитный сайт для кондитерской израильского шеф-повара Роя Шварца, работающей в Вене, Royi's Crêperie
  • vixigifting.com – хороший пример e-commerce сайта, на котором задействованы всплывающие окна, формы и промокоды.

Читайте также: Как узнать, на какой CMS, конструкторе или фреймворке работает сайт конкурента.

 

Альтернативы и конкуренты

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

Лучшие альтернативы плагина Elementor

Page Builder by SiteOrigin
Page Builder by SiteOrigin – это конструктор от компании, которая специализируется на создании оригинальных тем и виджетов для WordPress. Конструктор – это скорее побочный вспомогательный продукт, необходимый для удобной интеграции виджетов в сайт. В сравнении с Elementor, он не такой интерактивный и гибкий. Требует больше профильных знаний для работы. Есть бесплатная версия, так же, как и у Элементора, ограничен набор блоков.

Divi
Divi – полностью платный аналог от прямого конкурента по цеху. Разрабатывается компанией Elegant Themes (тоже специализируется на шаблонах для WordPress). Предлагает большую библиотеку компонентов и готовых макетов, умеет работать с массовым редактированием элементов, есть глобальные (сквозные) стили и элементы, готовые интеграции и даже встроенное сплит-тестирование. Почти полный аналог Elementor, но заметно дороже.

WP Page Builder
WP Page Builder – мощная система для создания серьёзных сайтов. Хорошо справляется с блогами, магазинами и форумами. Имеет визуальный редактор, но знания кодинга желательны для эффективного использования. Подходит для создания сайтов под монетизацию. Ассортимент шаблонов приличный, здесь множество качественных и недорогих премиум-вариантов. Эффективен по части работы с SEO и группами пользователей.

Elementor – точно не единственный Page Builder для WordPress-сайтов. Но он определённо лучший по сочетанию цены, удобства и функциональности.

 

Выводы и рекомендации

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

Хостинг от Bluehost
Создать сайт на Elementor + Bluehostустановка CMS в 1-клик на хостинг ↵
Быстрый, простой и безопасный хостинг с автоматической установкой CMS WordPress за 2 минуты. Включена БЕСПЛАТНАЯ регистрация домена на 1 год + бесплатный SSL сертификат!
Цена: от $2.95

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

Если у вас нет представления о том, как сделать оригинальную web-страницу, как сверстать её красиво, не забыть при этом об адаптивности и ориентированности на пользователей, Elementor – это тот самый «маст хэв».

  • Автор:

no avatar