Обзор плагина Elementor PRO 3.3.0 для WordPress

Обзор плагина Elementor Pro для WordPress

Elementor (актуальная версия 3.3.0) — бесплатный плагин для WordPress, который превращает самую популярную CMS в настоящий онлайн-конструктор сайтов. Его предназначение — добавление продвинутого блочного визуального редактора. Благодаря Elementor вы можете собирать страницы сайта на WordPress простым перетаскиванием готовых элементов. Это типичный пример платформы No-code — инструмента, позволяющий создавать интерфейсы без кодинга.

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

Плагин Elementor PRO

У плагина есть две версии — ограниченная бесплатная и полная платная (Elementor Pro). Начать можно с первой. Её возможностей хватит для того, чтобы оценить возможности расширения и принять решение, будет ли он полезным при разработке вашего проекта. Для постоянной работы рекомендуется сразу приобретать платную версию — в ней заметно больше инструментов кастомизации.

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

Elementor
  • Мощный конструктор страниц для WordPress
  • Создание дизайна без работы с кодом
  • Совместим со всеми современными темами

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

Elementor — самый популярный плагин, который добавляет визуальный редактор на WordPress. Из официального каталога его установили более 5 миллионов раз — по этому показателю входит в десятку самых устанавливаемых расширений. Чем же он так привлекает пользователей?

Плюсы:
Минусы:
Бесплатная версия, которая позволяет использовать основные возможности расширения без рекламы и лейблов на страницах сайта.
Совместимость с WooCommerce (можно редактировать в визуальном режиме карточки товаров) и Ecwid (поддерживает интеграцию с виджетами и блоками Эквида).
Встроенный редактор CSS, который позволяет вставлять кастомные стили.
Глобальные шаблоны, которые можно использовать на разных страницах и при необходимости менять из одного места.
Расширяемость с помощью других плагинов.
Даже после отказа от продления подписки элементы продолжают работать на сайте (но редактировать их больше нельзя).
Постоянное обновление и добавление новых возможностей.
Большое количество обучающих материалов: статей, туториалов, видеокурсов.
Круглосуточная техническая поддержка.
Много продвинутых функций для профессиональных дизайнеров (сторонние иконки и шрифты, панель отладки, оптимизация вывода DOM, динамическая подгрузка стилей и других HTML-элементов, и т.д.).
Встроенный конструктор тем/шаблонов WordPress (только на Pro-версии), секций (вы можете создать свой набор комплексных блоков для сайта) и всплывающих окон (только на Pro).
Дополнительный тип материала – Лендинги (выносятся в специальное меню сайта как страницы или записи блога).
Низкая скорость загрузки сайта из-за избыточного CSS-кода (в экспериментальных функциях можно оптимизировать код).
Возможны конфликты с некоторыми темами для WordPress.
Оперативная техническая поддержка есть только после оплаты премиум-доступа.
Большая часть мануалов и официальная техническая документация – только на английском языке.
Покупка Pro-версии минимум на 1 год и лицензия привязывается к домену (вы можете увеличить количество сайтов на более дорогих лицензиях).
Многие важные элементы (шаблоны, блоки с формами, красивыми каруселями/галереями и т.п.), а также функции (добавление своих шрифтов/иконок, редактирование/создание тем и т.п.) есть только в Pro-версии, но тестового периода для того, чтобы ознакомиться со всеми возможностями редактора, нет.
Некоторые расширения для Elementor требуют отдельной подписки (итоговая сумма расходов на полный набор блоков конструктора может существенно увеличиться по сравнению с базовой ценой).

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

Elementor
  • Без рекламы и лейбла на страницах
  • Продвинутые инструменты редактирования
  • Расширяемая функциональность

Для кого предназначен

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

Кому Elementor точно подойдёт:

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

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

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

Elementor
  • Для пользователей без опыта разработки
  • Отличный инструмент для прототипирования
  • Универсальный плагин для любого сайта

Простота использования

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

С чего начать

Установка плагина осуществляется в один клик из админ-панели – дополнение размещено в официальном каталоге WordPress. После установки плагин нужно активировать и при желании настроить:

  • Включить дополнительный тип записей «Лендинги» (если вам нужно отделить функционал посадочных страниц от другого содержимого сайта).
  • Включить опцию «Улучшенная загрузка ресурсов» (если вам важно минимизировать количество генерируемого кода внутри страниц) в «Экспериментальных функциях плагина».
  • Выбрать метод генерации CSS-стилей (для централизованного управления их логично загружать отдельными файлами, но можно переключиться на режим встраивания в код).
  • Настройте права доступа к редактору Elementor (раздел настроек «Менеджер ролей») – выберите те роли пользователей, которым нужно предоставить возможность редактирования материалов с помощью Элементора. Например, только редактору, или автору и его помощникам.

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

Создание/редактирование страниц с Elementor

Освоение Elementor не занимает много времени. Сразу после установки появляется короткое обучающее видео, но разобраться с возможностями плагина можно и без него. Система тут же предлагает создать тестовую страницу. Это не обязательно — кнопка «Редактировать в Elementor» теперь есть во встроенном редакторе WordPress. Вам нужно только создать новую страницу или нажать кнопку «Редактировать в Elementor» в верхней части экрана на уже имеющейся странице/записи. Вы переключитесь в режим визуального редактирования Elementor.

Редактор Elementor PRO

Блок с настройками и всеми доступными элементами размещён слева. Большую часть экрана занимает полотно, на котором вы и будете настраивать внешний вид каждой страницы (размещать секции и виджеты). Содержимое блока с настройками меняется в зависимости от того, что выбрано на полотне: виджет или секция.

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

  1. Вы перетягиваете на страницу нужные вам секции (пустые или с наполнением из шаблонов).
  2. При необходимости добавляете свои виджеты (это более мелкие элементы страниц: кнопки, иконки, картинки и т.п.).
  3. Секции и элементы внутри них можно дублировать, перетаскивать по холсту и удалять.
  4. Меняете свойства элементов (содержимое, стиль, анимации, поведение при наведении указателя, фон, адаптивность и т.д.).

Шаблоны можно добавлять в Избранное для ведения своего списка предпочтений.

Если вам не нравится, что холст Элементора пытается встроиться в существующий шаблон записи или страницы, вы можете сменить макет страницы на «Холст Elementor» или «Elementor полная ширина» (без боковой панели для виджетов): меню «Сэндвич» в левой панели –> Настройки сайта –> «Макет».

Публикация страницы/записи из редактора Elementor

Принцип публикации страниц в Elementor ничем не отличается от процесса размещения материалов в стандартном редакторе WordPress (Гутенберг).

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

Редактирование публикации в Elementor

Для публикации страницы нужно нажать кнопку «Опубликовать» в нижней части левого меню. Вместо публикации можно выбрать пункт с сохранением страницы как шаблона или отправить запись в Черновики.

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

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

Elementor
  • Редактирование страниц на без правки кода
  • Простой интерфейс, русская локализация
  • Наглядные обучающие материалы

Функциональность

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

В бесплатном режиме доступно более 30 виджетов. В версии Pro добавляется более 50 дополнительных элементов и доступ к специальной функции «Редактор шаблонов» (можно создавать свои темы оформления).

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

Редактор Elementor PRO

Работа со всплывающими окнами

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

Настройка Popup в Elementor

Поведение всплывающих окон тоже настраивается. Есть следующие параметры его вывода:

  • показ только на определённых страницах;
  • отображение по клику — например, пользователь нажал на кнопку «Зарегистрироваться», появилось окно с формой регистрации;
  • показ после определённой длины скролла;
  • появление по истечении установленного времени;
  • отображение после просмотра определённого количества страниц;
  • показ во время ухода посетителя с сайта и т.д.

Работа с формами ввода (+квизы)

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

Глобальные шаблоны Elementor PRO

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

Правда, функционал доступен только на платной подписке.

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

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

Возможности кастомизации просто поражают.

Версионирование и резервные копии страниц в Elementor

Важная часть Elementor Pro — история изменений. Вы можете посмотреть все действия, которые выполнялись на макете страницы, и вернуться к более раннему состоянию. На вкладке «Редакции» есть автосохранения — они тоже помогают быстро откатить изменения.

Создание лендингов в Elementor

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

  • счётчики;
  • hero-слайдеры и блоки;
  • блоки с прайс-листами и тарифными планами;
  • отзывы;
  • призывы к действию;
  • списки, разделители, кнопки, анимированные заголовки и другие элементы.

Создание лендинга в Elementor

Во-вторых, вам не нужно начинать с чистого листа – в библиотеке шаблонов есть масса готовых тематических вариантов, платных и включённых в подписку Pro.

В-третьих, вы можете активировать специальный тип материала «Лендинг» и вынести все посадочные страницы в отдельный раздел панели управления сайтом (их будет проще контролировать и отслеживать). При создании нового лендинга специальный мастер сразу предложит начать с одного из лендинг-шаблонов.

При желании, можно интегрировать любые внешние сервисы: аналитику, сплит-тестирование (например, Google Optimize), онлайн-чаты, CRM, кнопки оплаты и т.п. Ограничений нет никаких – у вас полный доступ к исходному коду.

Установка дополнений/плагинов для Elementor

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

Найти дополнения можно:

Интеграция внешних сервисов с Elementor

Плагин хорошо адаптируется не только к «чистому» движку WordPress, но и к его инфраструктуре. Elementor из коробки умеет взаимодействовать со многими популярными дополнениями для WordPress, и это касается не только чисто коммерческого функционала (WooCommerce или Ecwid). Среди поддерживаемых расширений – SEO-плагины, капча, кастомные поля ввода и т.д.

Формы, собираемые в Элементоре, можно подружить с CRM-системами и сервисами почтовых рассылок. Есть поддержка API и простая настройка взаимодействия с Zapier (сам по себе сервис – это шлюз для интеграции других приложений, около 1000 готовых конфигураций), есть поддержка встраиваемых онлайн-карт, внешних шрифтов (Google и Adobe), библиотек иконок и социальных сетей.

Полный список всех интеграций Elementor представлен здесь.

Elementor
  • Более 60 виджетов для создания интерфейса
  • Сохранение истории изменений
  • Возможность интеграции с WooCommerce

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

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

Перед началом работы нужно выбрать макет страницы. Есть несколько вариантов:

  • По умолчанию — шапка и подвал сайта сохраняются, контентная замена центрирована.
  • Холст Elementor — подвала и шапки сайта нет, контентная зона растянута на всю ширину страницы.
  • Elementor полная ширина — шапка и подвал сайта остаются, контентная зона растянута на всю ширину страницы.

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

Стиль блоков Elementor PRO

В настройках страницы или секций есть вкладка «Стиль». Здесь настраивается цвет и фон, внутренние отступы, а также другие параметры оформления: анимации, адаптивность, реверс колонок и т.п. При подключении режима Pro становится доступен третий раздел настроек. В нём размещён редактор CSS, который позволяет добавлять блокам кастомные стили, и настройки HTML-атрибутов (можно добавить пользовательские атрибуты к любым HTML-элементам страницы/секции).

При открытии страницы в редакторе Elementor вы увидите две кнопки — «Добавить секцию» и «Добавить шаблон». С их помощью выстраивается весь интерфейс контентной зоны.

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

Свои шаблоны страниц и секций

Добавление шаблона — возможность, которая позволяет значительно ускорить настройку дизайна. При нажатии на неё открывается библиотека, разделённая на 3 вкладки.

  1. «Блоки» — свёрстанные секции, состоящие из нескольких элементов. Например, раздел FAQ, обложка с таймером, секция с контактными данными.
  2. «Страницы» — полностью свёрстанные страницы под разные задачи. Например, здесь есть пример главной страницы сайта фотографа или журнала, разные варианты страниц с контактами. Из таких шаблонов можно очень быстро собирать сайты.
  3. «Мои шаблоны» — элементы, секции, целые страницы, которые вы создали и сохранили. Отличное решение для разработчиков сайтов, которые собирают проекты из готовых компонентов. Например, можно создать блок с кастомным CSS и затем переиспользовать его на других страницах или в других проектах.

Некоторые блоки и страницы доступны в бесплатном режиме. Но самые лучшие варианты — только для подписчиков Elementor Pro.

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

Но самая интересная возможность – это импорт и экспорт шаблонов (формат JSON). Например, вы можете создать свой макет секции и экспортировать его на ПК (если нужно переместить его в облачное хранилище). А на сайте клиента (или на другом своём сайте) достаточно будет импортировать шаблон, чтобы не собирать его заново. Вы можете создавать любое количество шаблонов и делить их по рубрикам (аналог категорий для материалов, чтобы разделить их, например, по тематике или по привязке к проекту).

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

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

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

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

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

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

Понравившиеся элементы вы можете добавлять в специальный список «Избранные».

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

Шаблоны секций/блоков привязываются к тематике – для страниц «О нас», для 404-ошибки, заголовки, прайсы, подписка, статистика и т.п.).

Доступ ко всем шаблонам в каталоге вы получаете вместе с PRO-подпиской.

Сквозные элементы

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

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

Свои иконки и сторонние шрифты в Elementor

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

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

Второй способ – установить расширение Custom Icons for Elementor. Он откроет доступ не только к загрузке своих иконок (все необходимые файлы с изображениями, векторными или растровыми, вы загружаете на сервер и пользуетесь ими внутри Элементора), но и к подключению своих иконочных шрифтов, например, через специальный сервис – Fontello. В Fontello можете выбрать только те иконки, которыми будете пользоваться на сайте, а также загрузить свои и включить их в состав своего иконочного шрифта. Из ограничений: иконки могут быть только монохромными и только в SVG-формате (векторная графика). При импортировании своих иконок могут возникать различные проблемы, поэтому скорее всего придётся подтянуть свои знания в работе с векторными редакторами (разгруппировать объекты, преобразовать обводку в кривую) или использовать специальные сервисы-конвертеры и оптимизаторы (как SVGOMG).

Альтернативы Fontello: IcoMoon, Fontastic и т.п.

Для выбора шрифтов внутри редактора уже доступны все Google-шрифты (более 800 шт.), они полностью бесплатные и не требуют загрузки/установки на сайт.

В Pro-версии Elementor вы сможете подключить любые внешние шрифты, в том числе купленные в сторонних сервисах или разработанные по индивидуальному заказу. Поддерживаются:

  • WOFF/ WOFF 2.0;
  • TrueType Fonts (TTF);
  • Embedded OpenType Fonts (EOT);
  • SVG-шрифты.

Конструктор тем/шаблонов WordPress

С помощью Elementor Pro можно полностью собрать свою уникальную тему сайта. Она будет складываться из шаблонов типовых страниц и элементов – всё строго в соответствии с кодексом разработчиков WordPress:

  • заголовок (Header);
  • подвал (Footer);
  • страница одиночной записи;
  • шаблон страниц;
  • шаблон страниц архива;
  • Страница с результатами поиска;
  • 404 ошибка;
  • страница товара (для WooCommerce).

В качестве примера для разбора принципов работы конструктора тем предоставляется готовый шаблон – Elementor Hello.

При желании вы сможете переделать любую имеющуюся тему WordPress. Части сайта (отдельные страницы) можно экспортировать и импортировать.

Адаптация под мобильные устройства

При настройке внешнего вида сайта нужно обязательно обращать внимание на адаптивность интерфейса. Для этого в левом меню есть специальная кнопка, переключающая редактор в режим адаптивности. В нём можно посмотреть, как сайт выглядит на десктопе, планшете (768px) и смартфоне (360px).

Триггеры (ширину экрана) можно поменять на свои значения.

Из настроек, которые доступны пользователю редактора для изменения внешнего вида на разных типах устройств:

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

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

Elementor
  • Встроенная библиотека блоков и шаблонов
  • Вставка кастомных HTML и CSS
  • Проверка и настройка адаптивности

Техническая поддержка

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

Ссылка на этот курс есть и на официальном сайте Elementor в разделе Help Center. В нём вообще очень много полезного:

  • Getting Started — раздел с несколькими видео, которые объясняют, как начать работать с Elementor.
  • Video Tutorials — ссылка на канал на YouTube с туториалами.
  • Website Tutorials — подборка инструкций по созданию сайтов разного типа (сайт музыкальной группы, тренажёрного зала, кафе, визитку с портфолио, интернет-магазин).
  • Knowledge Base — база знаний со статьями по всем важным вопросам, связанным с работой плагина.
  • FAQ — ответы на распространённые вопросы.
  • Support — страница со ссылками на все материалы поддержки, в том числе ресурсы для разработчиков и профиль на GitHub.
  • Ask the Community — ссылка на приватную группу на Facebook. В ней 73 000 участников, которые помогают друг другу работать с Elementor.

У Elementor есть собственная служба поддержки. В бесплатной версии с ней можно связаться через форму обратной связи. Она доступна на официальном сайте плагина на странице Contact Us. Экстренная поддержка доступна только пользователям с подпиской Elementor Pro.

Гарантированное время ответа зависит от типа подписки: в пакетах с премиум-поддержкой время ответа – 1 сутки, с VIP-поддержкой – в течение 30 минут.

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

Elementor
  • Много обучающих материалов и видео
  • Большое пользовательское сообщество
  • Круглосуточная техническая поддержка

Цена: сколько стоит сделать сайт с Elementor PRO?

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

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

  • Более 90 виджетов (в бесплатной версии примерно в 2 раза меньше).
  • Глобальные шаблоны — можно разместить их на разных страницах и менять из одного места.
  • Более 300 профессиональных тем.
  • Простая анимация: параллакс, горизонтальный скроллинг, повороты, прозрачность и так далее.
  • Редактор CSS.
  • Редактор тем, который позволяет править шапку и подвал сайта.
  • Глубокая интеграция с WooCommerce.
  • Редактор всплывающих окон и форм.
  • Круглосуточная поддержка и обновления в течение года.

Стоимость Elementor Pro зависит от того, на каком количестве сайтов вы будете пользоваться плагином.

  • 1 сайт — 49 долларов в год.
  • 3 сайта — 99 долларов в год.
  • 25 сайтов — 199 долларов в год.
  • 100 сайтов — 499 долларов в год.
  • 1000 сайтов — 999 долларов в год.

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

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

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

Пример расчётов. На оплату хостинга Bluehost (лучший хостер для WordPress, номер 1 по рекомендации разработчиков, масса специальных сервисов, полная адаптация, высокая производительность, безлимитные тарифы и т.п.) – от 2,95 USD/месяц. На домен в зоне RU/РФ – 200 руб. за первый год и около 1000 руб. за каждый последующий. Домен в общих зонах (com, net, info и т.п.) можно получить бесплатно на 1 год при оплате Bluehost на 1 год и более. Плюс подписка Elementor.

Elementor
  • Много возможностей визуального редактора
  • Цена сопоставима с стоимостью платной темы
  • Возможность расширения функциональности

Выводы: стоит ли использовать Elementor PRO?

Главные фишки расширения — в версии Pro, что логично. Базовые возможности бесплатной версии подходят разве что для тестирования плагина. Вместо них можно использовать встроенный визуальный редактор Gutenberg, который предлагает сопоставимые возможности.

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

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

» Обзоры » Обзор плагина Elementor PRO 3.3.0 для WordPress