Как сделать 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

Статья
На связи Павел Гречко \ Head of SEO. SEO-продвижение сайтов B2B, B2C компаний в Яндекс и Google. По вопросам сотрудничества пишите в Телеграмм: https://t.me/GrechkoPV

Привет! Я Паша из Всеволожска.
Больше 15 лет занимаюсь SEO-продвижением.

Делаю SEO для среднего и крупного бизнеса. Метбиз, Русма, Домотехника, Дар, ПневмоАльянс уже в деле!

По вопросам сотрудничества пишите в Телеграмм: https://t.me/GrechkoPV

PopUP