Настройка попапа: триггеры, подложка, закрытие

После создания попапа редактор даёт полный контроль над ним. Добавляйте любой контент на холст попапа, а в правой боковой панели управляйте тем, когда он появляется, как выглядит и как закрывается.

​

Добавление контента в попап

Нажмите на попап в панели Popups, чтобы активировать его на холсте. Левая боковая панель переключится на панель Elements — ту же, что и при сборке лендинга. Перетащите любой элемент прямо в попап. Часто встречаются такие сценарии:

1. Заголовки и текст
2. Изображения и видео
3. CTA-кнопки
4. Формы и сбор лидов
5. Квиз-воронки
6. Редирект-ссылки
7. Таймеры обратного отсчёта
8. Свой код

​

Правая боковая панель — настройки попапа

Когда попап выбран, в правой панели появляются три вкладки: Popup, Backdrop и Close.

​

Вкладка Popup

Здесь задаётся, когда и как появляется попап. Trigger (триггер) — выберите, что запускает показ попапа:

1. On Page Load — показывается сразу, как только посетитель открыл страницу.
2. After Delay — показывается через заданное число секунд. Введите время ожидания в появившемся поле.
3. On Scroll (%) — показывается, когда посетитель прокрутил заданный процент страницы. Для десктопа, планшета и мобильных можно задать разные значения.
4. Exit Intent — показывается, когда посетитель собирается покинуть страницу.

General — позиция, анимация и частота показа:

1. Position — где на экране появляется попап: Center, Top Left, Top Center, Top Right, Left Center, Right Center или Bottom Left.
2. Animation — как попап появляется: Scale, Fade, Slide Up, Slide Down или Bounce.
3. Stay Dismissed — если включено, посетители, закрывшие попап, не увидят его снова в течение 30 дней.
4. Show Once — попап срабатывает только один раз за сессию.
5. Size, Layout, Background, Typography — стандартные настройки оформления. Задайте ширину попапа, отступы, цвет фона и стили шрифта в соответствии с дизайном вашей страницы.

​

Вкладка Backdrop

Backdrop — это затемнённая подложка за попапом. Она помогает сосредоточить внимание посетителя на содержимом попапа.

1. Visibility — показать или полностью скрыть подложку.
2. Close on click — если включено, клик по любой точке подложки закрывает попап.
3. Color — цвет и прозрачность подложки. По умолчанию — rgba(0,0,0,0.5).
4. Blur — эффект размытия содержимого страницы за попапом.

​

Вкладка Close

Управляет кнопкой закрытия, которая отображается на попапе.

1. Visibility — показать или скрыть кнопку закрытия.
2. Shape — выберите стиль иконки кнопки закрытия.
3. Position — разместите кнопку внутри или снаружи окна попапа.
4. Size and Offset — размер кнопки и её отступ от угла.
5. Close on ESC — если включено, попап также закрывается по нажатию Escape.
6. Colors — цвет фона и иконки кнопки закрытия.