Сначала, уйдем немного в сторону и покажем разницу между всплывающим окном и модальным. Зачем? Потому что часто их путают, говорят одно, а подразумевают совершенно другое.
Всплывающее окно используется в коммерческих целях, чтобы побудить пользователя совершить какое-то полезное для владельца сайта действие. Окно, как и действие, не является обязательным и в любой момент может быть закрыто (если оно правильно построено).
В то время как модальные окна используются для операционных целей. Например, вы где-то создаете учетную запись и надо ввести информацию. Нажимая на кнопку, появляется окно, в которое вводится информация. Пока вы не введете туда что-то, оно не закроется. Или посещая сайт, который продает алкоголь, сразу же появляется модальное окно и спрашивает о возрасте. Пока не дадите ответ, окно не закроется и доступ к сайту будет заблокирован.
Модальное окно берет полный контроль над экраном и вы не сможете нажать никакую кнопку, чтобы выйти из него. Чтобы выйти из него надо ввести запрашиваемую информацию или отменить запрос.
В нашем случае мы разговариваем только о всплывающих окнах или как еще говорят попапах, поп-апах.
ЗАЧЕМ НУЖНЫ POP-UP. ОСНОВНЫЕ СЦЕНАРИИ ИСПОЛЬЗОВАНИЯ
Pop-up или всплывающее окно — это элемент функционала сайта, который показывается в браузере пользователя поверх основной информации. Оно появляется без запроса или при клике на какой-то элемент сайта.
Видов поп-апов достаточно много, но решают они практически одну и ту же цель: привлечь внимание пользователя. А вот после того, как внимание привлечено (пользователь не закрыл всплывающее окно), тогда можно в этом окне:
- приветствовать посетителя на странице сайта,
- подписать пользователя на рассылку сайта,
- сообщить какую-то новость про продукт, услугу,
- показать рекламу,
- предложить техподдержку,
- получить заявку на расчет услуги для клиента.
Целей может много, но всех их объединяет одно — конвертировать посетителя сайта в клиента.
Рассмотрим как быстро и просто вставить на сайт, построенном на теме Divi, всплывающее окно при помощи плагина Popups for Divi
ПЛАГИН POPUPS FOR DIVI (ВСПЛЫВАЮЩИЕ ОКНА В DIVI)
Использование плагина Popups for Divi использованием визуального конструктора дает интересные особенности применения:
- Можно превратить каждый раздел страницы во всплывающее окно,
- Количество попапов на каждой странице неограниченно,
- Триггеры на pop-up можно устанавливать через кнопки или ссылки,
- Расширяется с помощью профессионального API JavaScript (для разработчиков форм и макетов под тему Divi)
- Нет конфигурации и настроек, работает из «коробки»
Обзор функций плагина и последовательность работы с ним и полная инструкция указаны у меня на сайте
