Всплывающие окна, выезжающие элементы и панели Page Builder Sandwich

Page Builder Sandwich Pro позволяет создавать модальные окна, выдвижные панели и баннеры из тех же блоков, что и ваши страницы, и отображать их тогда и там, где вы выберете.

Создание модального окна

1. Откройте Page Builder Sandwich → Модальные окна → Добавить модальное окно и создайте его дизайн с помощью блоков.
2. На панели Настройки модального окна выберите тип: модальное окно по центру экрана (фон страницы затемняется), выдвижная панель в углу или баннер в верхней или нижней части.
3. Выберите условия отображения: при загрузке страницы, с задержкой, после прокрутки определенной части страницы, при попытке уйти (на телефоне: при быстрой прокрутке вверх после чтения) или при клике на элемент с указанным вами CSS-селектором.
4. Выберите частоту: при каждом просмотре страницы, один за визит, раз в несколько дней или до тех пор, пока посетитель не совершит целевое действие.
5. Выберите места показа: каждая страница, главная страница, выбранные страницы или типы контента, а также устройства.
6. Опубликуйте модальное окно.

Кнопки внутри модального окна

• Кнопка или ссылка на #popup-close закрывает модальное окно.
• Кнопка или ссылка на #popup-convert засчитывает конверсию (после чего модальное окно с настройкой «до тех пор, пока посетитель не совершит целевое действие» перестает показываться) и закрывает его; при включенном отслеживании конверсий это событие также передается в вашу систему аналитики как popup_conversion.

Доступность и легковесность

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