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

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

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

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

Откройте для себя Как установить Elementor на WordPress

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

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

Вот 7 идей о том, как использовать генератор всплывающих окон Elementor

1. Чтобы создать полноэкранное меню и меню вне холста

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

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

Вот пример.

Чтобы создать полноэкранное меню / меню вне холста с помощью Elementor, вы можете создать всплывающий шаблон и установить триггер по щелчку. Затем вы можете вызвать шаблон через ссылку (Elementor позволяет вам определить ссылку на шаблон всплывающего окна). Вы можете использовать любой виджет, у которого есть возможность ссылки, для вызова шаблона всплывающего окна. Например, виджет «Кнопка», виджет «Текстовый редактор», виджет «Заголовок», виджет «Значок» и т. Д.

2. Чтобы создать панель уведомлений

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

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

Вот пример панели уведомлений, созданной с помощью Elementor.

3. Чтобы создать всплывающее окно согласия на использование файлов cookie.

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

Во всплывающем окне согласия на использование файлов cookie вы можете добавить как кнопку «Принять», так и кнопку «Отклонить».

Если ваши посетители нажмут кнопку «Принять», файл cookie исчезнет. И наоборот, если они нажмут кнопку отклонения, вы можете перенаправить их на страницу Условий использования вашего веб-сайта, чтобы заставить их прочитать ее.

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

4. Создавать рекламные баннеры.

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

Вы также можете найти предопределенные шаблоны рекламных всплывающих окон в библиотеке шаблонов Elementor.

5. Чтобы создать всплывающее окно для регистрации по электронной почте

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

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

6. Чтобы создать всплывающее окно блокировки содержимого или всплывающее окно проверки возраста.

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

Читайте также: Как добавить слайдер отзывов в Elementor

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

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

Вы также можете найти такое всплывающее окно в библиотеке шаблонов Elementor.

7 творческих способов использования Elementor Popup Builder

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

7. Чтобы создать плавающие кнопки

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

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

В дополнение к плавающим кнопкам социальных сетей вы также можете создать плавающую кнопку с призывом к действию.

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

7 творческих способов использования Elementor Popup Builder

В конце

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

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

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

Рекомендуемые ресурсы

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

Заключение

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

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

Если у вас есть предложения или замечания, оставьте их в нашем разделе Комментарии.

...