Header

Как сделать popup окно в Elementor wordpress

Содержание

Добрый день коллеги! На связи Павел Гречко. В этой статье помогу вам разобраться как сделать всплывающее окно popup в elementor.

Попап окна в elementor очень удобны когда сэкономить место на странице и при нажатии на кнопку добавить новую форму захвата.

Переходим в Шаблоны > Попапс

Как сделать popup окно в Elementor wordpress

Создаем будущее попап окно

Как сделать popup окно в Elementor wordpress

Создаём например виджет с формой захвата. Имя, Телефон и кнопка отправить.

Как сделать popup окно в Elementor wordpress
Дальше надо прикрутить наше окно к какой то кнопке. Жмем редактировать страницу где есть кнопка.

Жмем на кнопку и выбираем в настройках POPUP.

Как сделать popup окно в Elementor wordpress

Сохраняем все изменения на странице и проверяем работы всплывающего окна.

Можно не создавать свой шаблон попап окна а вставить его из библиотеки элементора.

Как настроить всплывающие окно по определенному действию

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

Как сделать popup окно в Elementor wordpress

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

Как сделать popup окно в Elementor wordpress

Чек лист для Владельцев бизнеса и маркетологов!

Проверьте свой сайт по 250 важным параметрам из за которых он может терять трафик. 

ИСКЛЮЧИТЕЛЬНО ДЛЯ МОИХ ПОДПИСЧИКОВ ДОСТУПЕН БЕСПЛАТНЫЙ ЧЕК ЛИСТ для проверки сайта по 250 параметрам.
Забирай сейчас!

Подписка ВК

Напишите в любимый мессенджер