Хотите узнать, какие функции лучше всего использовать в Elementor Pro?

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

Прочтите наше руководство по: Как установить Elementor на WordPress

На самом деле есть два способа расширить функциональность Elementor. Помимо обновления до версии pro, вы также можете установить сторонние надстройки, разработанные известными разработчиками, например мыРазработчики, WPРазработчик, исп Крокоблок. Если вы предпочитаете вместо этого перейти на Elementor Pro и все еще хотите знать, какие функции вы можете разблокировать, вот список.

20 лучших функций Elementor Pro

1. Генератор тем

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

Что такое конструктор тем?

Чтобы понять концепцию конструктора тем, вы должны сначала понять компоненты WordPress тема. Тема WordPress состоит из файлов шаблонов. Каждый файл шаблона управляет макетом части темы. Например, файл header.php управляет макетом заголовка темы, а файл footer.php управляет макетом нижнего колонтитула темы. Большинство Темы WordPress иметь следующие файлы шаблонов:

  • header.php: Для управления макетом заголовка.
  • footer.php: Для управления макетом нижнего колонтитула.
  • single.php: Для управления макетом отдельной статьи (сообщения в блоге).
  • sidebar.php: Для управления макетом боковой панели.
  • archive.php: Для управления макетом страниц архива.
  • page.php: Для управления макетом страницы.

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

элементор-про-удивительные-функции-мастеру

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

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

2. WooCommerce Builder.

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

Лир: Как создать собственную страницу магазина WooCommerce с Elementor

Вместо этого вы можете самостоятельно настраивать части WooCommerce с помощью визуального редактора Elementor. Части WooCommerce, для которых вы можете создавать собственные шаблоны:

  • Страница одного продукта
  • Страницы архива товаров (категории и теги)
  • Страница магазина

У вас есть следующие виджеты для создания пользовательских шаблонов для WooCommerce:

Продукция Рейтинг продукта
WooCommerce панировочные сухари Товарный запас
Пользовательское Добавить в корзину Мета продукта
Страницы WooCommerce Описание
Категории продукта.. Содержание продукта
Корзина меню Вкладки с данными о товарах
Название продукта Дополнительная информация
изображения продуктов Связанный с продуктом
Цена продукта Допродажи
Добавить в корзину

3. Конструктор форм

элементор-про-удивительные-функции-мастеру

Elementor Pro дает вам доступ к виджету формы. Вы можете использовать этот виджет для добавления формы в шаблон конструктора страниц / тем, над которым вы работаете. Этот виджет позволяет создавать самые разные типы форм благодаря обширной поддержке типов полей. Вот типы полей, поддерживаемые виджетом Elementor Form:

Текст принятие
Эл. адрес Скрытый
Textarea HTML
URL Пароль
Телефон: Загрузка файла
Выберите Время
флажок Время
Радио Номер регистрации

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

Сам Elementor не имеет функции по умолчанию для обработки отправки формы. Виджет Elementor Form поддерживает интеграцию с популярными сервисами GetResponse, ActiveCampaign, ConvertKit, Discord и т. Д.

4. Генератор всплывающих окон

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

Elementor предлагает более 100 готовых шаблонов всплывающих окон.

элементор-про-удивительные-функции-мастеру

Сам генератор всплывающих окон Elementor поддерживает следующие типы триггеров:

  • При загрузке страницы - При загрузке страницы
  • При прокрутке - при прокрутке
  • При прокрутке до элемента - при прокрутке до элемента
  • По щелчку - По щелчку
  • После бездействия - После бездействия
  • Намерение выхода из страницы - Намерение выхода из страницы

Генератор всплывающих окон Elementor Pro также поддерживает условия отображения, что позволяет вам определять, где будет появляться всплывающее окно. Он также позволяет отображать всплывающее окно при следующих условиях:

  • После x просмотров страницы
  • После x сеансов
  • При переходе с определенного URL
  • Когда прибывают поисковые системы
  • Показывать всплывающее окно только для не вошедших в систему пользователей
  • Отображение на определенных типах устройств (настольный компьютер, планшет, смартфон)
  • Показать в определенных веб-браузерах

Благодаря поддержке триггера щелчка вы также можете использовать генератор всплывающих окон для создания как полноэкранное меню и меню за пределами холста.

5. Сторонние интеграции

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

Вы можете подключить свою форму к популярным сервисам электронного маркетинга, таким как ActiveCampaign, GetResponse и т. Д.

Вот сторонние сервисы, с которыми вы можете интегрировать свою форму:

  • GetResponse
  • ActiveCampaign
  • MailerLite
  • КонверКит
  • MailPoet
  • Mailchimp
  • Капельное
  • Вялый
  • Discord
  • HubSpot

Эти сторонние интеграции особенно полезны, если вы хотите использовать Elementor для создания целевых страниц.

6. Пользовательский CSS

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

Читайте также: Как импортировать или экспортировать модели в Elementor

Вы можете добавить собственный CSS к каждому элементу Elementor. Будь то раздел, столбец или виджет. Вы можете получить доступ к блоку Пользовательский CSS под вкладкой Передовой на панели настроек (панель слева) в редакторе Elementor, чтобы добавить собственный CSS.

7. Эффекты движения

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

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

8. Более 90 виджетов.

Как вы знаете, Elementor выпущен как плагин freemium, что означает, что есть бесплатная версия, позволяющая вам наслаждаться пользовательским интерфейсом Elementor, не тратя ни копейки. Хотя Elementor Free предлагает базовые виджеты, профессиональная версия поставляется с более продвинутыми виджетами, такими как форма, сообщения, логин, прайс-лист и т. Д.

Вот виджеты, которые вы можете разблокировать после обновления до Elementor Pro.

Блог Обратный отсчет после Отрывок
Портфолио Поделиться кнопками Изображение
Горки BLOCKQUOTE Коробка автора
форма для заполнения Кнопка Facebook Комментарии к сообщению
Логин Facebook Комментарии Post Navigation
Анимированный заголовок Facebook встроить Сообщение
Прайс Страница на фэйсбуке Продукция
Таблица цен шаблон WooCommerce панировочные сухари
Флип-бокс Логотип сайта Custom Добавить в корзину
Призыв к действию Название сайта Страницы WooCommerce
Медиа-карусель Плитка страницы Категории продукта..
Отзыв Карусель Nav меню Корзина меню
Обзоры Форма поиска Лотти
Карта сайта Заголовок поста Выделить код
Видео плейлист Кнопка PayPal Hot Spot

Всего существует более 90 виджетов, которые вы можете разблокировать (бесплатные виджеты и профессиональные виджеты).

9. Динамический контент

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

  • Логотип сайта
  • Название сайта
  • Название страницы
  • Заголовок поста
  • после Отрывок
  • Изображение
  • Сообщение
  • Блог

10. Пользовательские поля

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

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

  • Бобы
  • Расширенный Пользовательские поля
  • Набор инструментов
  • JetEngine

Как интегрировать определенный плагин настраиваемого поля с Elementor?

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

В конце

Elementor - отличный инструмент для создания красивого веб-сайта без использования кода. Будь то коды CSS, коды HTML, коды PHP или коды JavaScript. Бесплатная версия Elementor была великолепна, но чтобы раскрыть ее потенциал как лучшего плагина для построения страниц, вам нужно разблокировать все функции, которые вы можете сделать, обновившись до профессиональной версии.

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

Получите Elementor Pro прямо сейчас!

Заключение

Здесь ! Вот и все, что касается этой статьи, которая познакомит вас с лучшими потрясающими функциями, которые можно освоить в Elementor Pro. Если у вас есть вопросы о том, как туда добраться fдайте нам знать в Комментарии.

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

Но тем временем поделитесь этой статьей в разных социальных сетях.

...