Обзор и отзывы о плагине Elementor PRO v3.4.4 для WordPress
- Обновлено:2021-09-27
- Просмотры:14k
- Отзывы:0
- Рейтинг: 3.3
Плагин имеет систему готовых шаблонов, дополнений и интеграций, позволяет создавать свои шаблоны для WordPress.
Плагин имеет систему готовых шаблонов, дополнений и интеграций, позволяет создавать свои шаблоны для WordPress.
Elementor PRO — это плагин, рассчитанный в первую очередь на новичков, которые слабо знакомы с принципами вёрстки и создания оригинального дизайна для сайтов на WordPress. Расширение работает только в WordPress, у него нет самостоятельного исполнения в виде облачного конструктора или дополнений для других движков. Соответственно, аудитория ограничивается только пользователями ВордПресса. Бесплатная версия обеспечивает простой старт и изучение базовых возможностей плагина.
Вместе с тем, профессиональная версия пэйджбилдера Elementor PRO будет особенно интересна профессиональным дизайнерам (они смогут быстрее создавать типовые макеты и обслуживать их), маркетологам (в Элементоре можно своими руками делать лендинги, эффективные страницы с Rich-контентом и т.п.), а также владельцам магазинов (плагин полностью совместим с дополнениями WooCommerce, Ecwid и др.), блогов, профильных СМИ и т.п.
Вся третья версия Elementor – это последовательное движение навстречу пользователям. Решение становится более удобным для новичков и непрофессионалов. Добавляются готовые наборы элементов под типовые тематики; чтобы они не потерялись, хранение производится в собственной облачной структуре (нужна привязка к аккаунту). Оптимизируется код, чтобы страницы загружались максимально быстро и получали высокие оценки при ранжировании в поиске.
С версии 3.1 появился новый элемент (тип материала) – лендинги. А также стало возможным организовывать тестирование нововведений и экспериментов (как аналог сплит-тестов для посадочных страниц).
В Elementor 3.2 была представлена функция сбора и хранения данных из форм (аналог CRM-системы). Появилась кнопка PayPal (для приёма онлайн-оплаты или сбора пожертвований на сайте) и «липкие» макеты.
Уже начиная с версии 3.3, плагин получил функцию экспорта и импорта своих вариантов блоков и комплексных шаблонов (Elementor Kits). Что немаловажно, поддерживается даже импорт наборов Elementor с сервиса Envato. Профессиональные веб-сайты можно делать теперь буквально одним щелчком мыши.
Под капотом была существенно переработана логика генерации CSS-кода – теперь страницы создаются без избыточных стилей и быстрее грузятся в браузере.
Появилась возможность создания своих плейлистов – специальная опция для организации онлайн-обучения и курсов.
Представлен виджет Hot Spot (горячая точка) – это интерактивные всплывающие подсказки, активируемые при наведении курсора в заданном месте вашего сайта.
Цветовые схемы и шрифтовые пары задаются сразу для всего сайта.
Версия Elementor 3.4 – это ещё один важный шаг в развитии проекта:
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 поддерживает разделение ролей доступа и работу команд. Дополнение качественно переведено на русский язык.
Наиболее важные функции рассмотрим детально.
В Elementor PRO можно собрать любые типы страниц онлайн-магазина на WooCommerce:
Только под нужды коммерции в Elementor создано около двух десятков специальных виджетов, среди которых: изображения товаров, блок допродаж, связанные продукты, вкладки под сложные описания и т.п. Но это не значит, что на страницах магазина вы не сможете задействовать другие виджеты из набора. Нет никаких ограничений в плане оформления дизайна, можно вставить такие блоки, как отзывы, призыв к действию, анимированные заголовки, прайс-лист или таблица с ценами, счётчик обратного отсчёта и т.п.
Плюс, в самом конструкторе легко и быстро можно собрать посадочные страницы для продвижения отдельных товаров или услуг. Есть инструменты для генерации нестандартных форм и всплывающих окон. Поля ввода в полученных формах можно интегрировать с внешними сервисами: рассылки, CRM, аналитика. И всё это без работы с кодом.
В каталоге готовых шаблонов многие позиции рассчитаны именно на использование внутри проектов электронной коммерции.
За создание произвольных форм в составе страниц отвечает специальный блок Form и связанный с ним мастер настройки. Вам будет доступно более 20 типов полей ввода, среди которых – текстовые области, чекбоксы, готовые поля для телефона, e-mail, URL-адресов или загрузки файлов. Поля можно располагать в любом порядке и комбинировать между собой, есть даже возможность организовать многошаговые формы.
В качестве действий формы (после нажатия кнопки) можно выбрать один или сразу несколько типов событий:
Вы можете присвоить форме уникальный ID, поэтому с ней легко связать свои Java-скрипты.
Все данные, которые пользователи вводят в формах, стекаются в раздел «Заявки». Здесь их можно просматривать, редактировать, удалять и выгружать в табличном формате CSV. Доступна сортировка по странице, с которой была отправлена форма, по имени формы, по дате получения и по статусу (прочитано или нет).
Возможности инструмента для создания pop-up’ов в Elementor во многом перекликаются с редактором форм (это касается захвата данных, которые тоже стекаются в раздел с «Заявками»). Но если говорить о логике показа всплывающих окон и их назначении, то здесь всё гораздо сложнее. Решение от Elementor ничем не уступает специальным сервисам поп-апов.
Ключевые возможности конструктора всплывающих окон:
Сюда добавляются все возможности конструктора форм: многошаговые формы, разные типы полей, интеграция с внешними сервисами и т.п.
Обратите внимание, всплывающие окна работают на любых страницах сайта, необязательно делать их в Elementor’е.
Разработчики трепетно относятся к проектам своих клиентов. Они заботятся не только о сохранности их данных, но и об обеспечении совместимости версий плагина. Так как за время своего существования Элементор успел сменить фреймворк и вспомогательные библиотеки, клиенты могут вручную выбрать нужную им версию расширения в меню настроек, а также включить или отключить поддержку некоторых важных опций: глобальные цвета и шрифты (раньше их поддержки не было), Font Awesome 4 (многие старые проекты клиентов работают на этой версии) и т.п.
Если говорить о версионировании контента, то и здесь проблем нет. Все правки с заданной периодичностью сохраняются в истории конструктора. Восстановление любого бэкапа выполняется в один клик. Редактор отслеживает историю изменений и позволяет отменять действия или повторять их.
Базовый функционал Элементора можно расширить с помощью дополнений от сторонних разработчиков. Их можно скачать и установить в WordPress из официального каталога плагинов WordPress (поиск по тегу Elementor, более 200 дополнений),непосредственно с сайтов разработчиков (с ручной установкой в движок) или со сторонних площадок (CodeCanyon, TemplateMonster и др.).
С помощью сторонних дополнений для Элементора можно реализовать:
И так далее.
Многие интеграции уже встроены в плагин Elementor. Делать ничего дополнительно не нужно. Остаётся только задействовать интеграции в нужных местах. Чаще всего они работают с формами и полями ввода. Они позволяют обмениваться данными с внешними сервисами.
Базовые интеграции Элементора:
Плюс, вы всегда можете задействовать API.
Если какой-то нужной вам интеграции нет в базовом комплекте плагина, просто поищите дополнения в официальном каталоге или на крупных сторонних площадках. С большой вероятностью нужный функционал уже есть.
Любые страницы или предварительно настроенные секции можно сохранить в качестве шаблонов, чтобы не создавать их каждый раз заново.
Если вы приобрели шаблоны, созданные профессионалами, или собрали свои, но в другом экземпляре Elementor, можно их загрузить на текущий сайт. Это можно сделать с помощью сервиса библиотеки (требует создания аккаунта Elementor, бесплатно) или с помощью процедуры импорта.
При импортировании и экспортировании переносятся все данные, используемые в шаблонах: контент, медиафайлы, макеты дизайна.
Уже после того, как вы загрузите и примените свой набор шаблонов, вы сможете отменить это действие, восстановив предыдущую версию своего сайта. Для этого откройте пункт «Настройки сайта» -> «История» -> «Ревизии». И выберите нужную версию.
Можно вручную обновить синхронизацию с библиотекой компонентов, а также сменить URL внутри шаблонов (может пригодиться при переносе данных с другого сайта, например, при работе в тестовой среде).
Elementor создан специально для облегчения работы с дизайном сайта. Весь его функционал нацелен только на это. В данном конструкторе собрано более 8 млн. сайтов во всём мире. И это серьёзные показатели.
Всё, что можно собрать в конструкторе Elementor, можно сохранить в виде шаблонов:
Все эти элементы можно импортировать и экспортировать, хранить в личной или забирать из общей облачной библиотеки. Конструктор интегрируется с внешними маркетплейсами, такими как инфраструктура Envato, и может получать наборы шаблонов напрямую из них.
К редактору легко подключаются сторонние или свои шрифты, пакеты иконок, библиотеки медиафайлов и т.п.
Всё это делает работу по созданию уникального дизайна страниц максимально простой, понятной и действительно удобной.
Интерфейс страниц строится из готовых блоков (виджетов). Часть из них входит в бесплатный набор, часть вынесена в PRO-редакцию, а часть можно получить из аддонов (сопровождаются уже сторонними разработчиками).
Всё, что можно отнести к шаблонам, плагин Elementor выносит в специальный раздел админ-панели WordPress – «Шаблоны». Сюда попадают сохранённые пользователем (загруженные или созданные самостоятельно):
Это своего рода оффлайн-библиотека элементов для быстрого старта. Вы можете импортировать свои шаблоны в формате JSON (поддерживается возможность загрузки в .zip-архивах).
Но оффлайн-шаблоны –это всего лишь часть того, что предоставляет плагин. Наиболее интересна для новичков онлайн-библиотека компонентов (шаблонов), здесь собрано более 200 готовых элементов дизайна (страниц и секций).
Облачная библиотека Elementor долгое время содержала только шаблоны отдельных элементов (секции и макеты лендингов, а также макеты страниц другого типа). Но начиная с версии 3.3, появилась возможность получения комплексных тематических наборов – Elementor Kits. Сейчас в библиотеке их более 90 штук. Наборы легко отсортировать по тематике, по тегам и категориям, есть возможность создания своего списка избранных/понравившихся. Сюда же можно загрузить свои наборы. Есть как платные, так и бесплатные варианты.
Что даёт такой подход?
Всё максимально гибко.
Бесплатная версия Elementor открывает доступ к 31 типу блоков (виджетов) + 18 блоков предоставляется WordPress (это его системные виджеты). Pro-версия обеспечивает пользователю доступ к полному набору блоков – более 90 штук.
Что примечательно, даже в бесплатной версии будет доступен виджет для вставки произвольного HTML-кода, а также счётчики, шорткоды, прогресс-бары, галереи, спойлеры, вкладки, аккордеоны и другие важные элементы. Уже с этим набором легко будет собрать интересные в визуальном плане страницы.
Если этих виджетов недостаточно, набор можно расширить за счёт соответствующих аддонов.
Но даже родного набора блоков Элементора вполне хватит для создания сложных форм (в том числе многошаговых), всплывающих окон (со сложной логикой показа), лендингов (есть даже отдельный раздел библиотеки для такого вида страниц), интернет-магазинов, комплексных универсальных тем WordPress и т.д.
Чтобы не менять содержимое одних и тех же блоков на разных страницах, их можно преобразовать в глобальные. Достаточно отредактировать контент на любом из них, и данные будут актуализированы во всех остальных местах.
Блоки используются внутри секций. А для секций можно задавать разные типы макетов: на всю ширину, с делением на колонки, с фиксированным или произвольным соотношением их ширины.
Выравнивание элементов внутри макетов возможно по вертикали и по горизонтали на основе разных условий: центр, от начала, от конца, верх, низ, между…
Плюс, для каждой секции можно определить свой HTML-тег – для лучшей навигации и индексирования поисковыми системами.
Не менее сложной может быть логика поведения секций и элементов в ней: эффекты при наведении, перекрытие фона, анимации при появлении и т.п. В качестве фона можно задать не только ровные цвета, но и градиенты, изображения, слайд-шоу, видеоролики.
Множество дополнительных возможностей для привлечения внимания пользователей можно реализовать за счёт специальных элементов конструктора (доступны только в PRO-версии):
Особенно хотелось бы выделить функционал виджетов Lottie Widget (он отвечает за создание сложных пошаговых анимаций, способных срабатывать при разных условиях поведения пользователей на странице) и Hotspot (позволяет добавлять интерактивные всплывающие подсказки).
Все блоки и макеты Elementor по умолчанию совместимы с экранами мобильных устройств. Но это далеко не всё, что может предложить плагин.
В Элементоре можно:
Некоторые дополнительные функции управления отображением на мобильных устройствах можно получить за счёт сторонних плагинов.
Основная особенность конструктора Elementor – возможность создания красивых и функциональных страниц без прямой работы с кодом. Но для особо сложных случаев иногда нужен доступ к нестандартных функциям, например, для создания динамических эффектов, тонкой настройки CSS-стилей. К тому же, может потребоваться интеграция внешних форм, которые не поддерживаются конструктором.
Для всех этих и многих других задач в Elementor есть:
Интересный функционал для новичков, которым требуется нестандартная тема сайта. Её можно гибко настроить под себя, при этом ничего не испортив из-за отсутствия профильных знаний.
Но нужно понимать, что Elementor – это плагин, а не шаблон. Когда вы создаёте тему, вы фактически меняете текущий шаблон. Поэтому Элементору важно, что вы используете в качестве основы. Специально для конструктора тем предлагается установить бесплатную тему Hello Theme.
Вместо неё вы можете использовать любую другую, но обязательно совместимую (некоторые варианты, в том числе премиальные, можно посмотреть здесь).
Конструктор тем обеспечивает гибкое редактирование следующих элементов шаблона:
Функционал конструктора тем практически ничем не отличается от классического редактора Elementor: страницы можно создавать вручную или на основе готовых шаблонов (наборов шаблонов) из библиотеки.
По умолчанию Elementor использует шрифты, доступные в текущем активном шаблоне. Но вместо них вы можете подключить шрифты, поставляемые вместе с Элементором, или любые другие сторонние шрифты. Поддерживается интеграция со шрифтами Google и Adobe. Можно загрузить и подключить свои собственные наборы шрифтов (например, разработанные по заказу или купленные/скачанные в сторонних сервисах).
Дефолтный набор иконок – Font Awesome 5. При желании, можно активировать поддержку предыдущей версии популярных глифов - Font Awesome 4.
В дополнение к Font Awesome можно подключить свой набор иконок.
Функционал работы с кастомными шрифтами и иконками доступен только в PRO-версии.
В плане работы с ключевыми 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 отличаются только количеством сайтов, которые будут подключены к одному аккаунту:
На полный возврат оплаты даётся 30 дней.
Главное свойство любого востребованного продукта – его непрерывное развитие. С этим проблем у Элементора нет. Его ключевые преимущества:
Есть у плагина и минусы:
Обозначенные недостатки можно назвать несущественными, так как качественный инструмент всегда стоит денег. А в случае с Elementor цена более чем оправдана.
Разработчики плагина регулярно делятся лучшими проектами, созданными с использованием Elementor. Их можно найти в официальном блоге по тегу Showcase. Что интересно, Элементор берут на вооружение даже крупные компании и бизнес-сегмент.
Читайте также: Как узнать, на какой CMS, конструкторе или фреймворке работает сайт конкурента.
Если вы ищите простой и понятный конструктор для типовых бизнес-сайтов (лендингов, визиток, каталогов и т.п.), возможно, стоит рассмотреть лучшие онлайн-конструкторы. Они не привязываются к хостингу и гораздо дешевле о обслуживании. Elementor – это специфическое решение, которое совместимо только с движком WordPress. Поэтому у него свой пул конкурентов. Наиболее яркие из них – ниже.
Elementor – точно не единственный Page Builder для WordPress-сайтов. Но он определённо лучший по сочетанию цены, удобства и функциональности.
Elementor — это качественный плагин, который может потягаться по возможностям с многими популярными онлайн-конструкторами. Он не выходит из своей ниши и рассчитывает только на пользователей движка WordPress. За время своего существования существенно оброс дополнительным функционалом, научился работать с e-commerce проектами и интегрироваться с различными внешними сервисами.
Вместе с тем, он не утратил главного своего свойства – простоты. Elementor легко осваивается новичками и пользователями с полным отсутствием профильных знаний. Хотя даже профессиональные дизайнеры, интернет-маркетологи и другие специалисты тоже найдут в плагине много интересного для себя.
Если у вас нет представления о том, как сделать оригинальную web-страницу, как сверстать её красиво, не забыть при этом об адаптивности и ориентированности на пользователей, Elementor – это тот самый «маст хэв».