> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.
# Настройка попапа: триггеры, подложка, закрытие
> Как наполнить попап контентом, задать триггер показа (включая Exit Intent), настроить подложку (Backdrop) и кнопку закрытия в редакторе LanderLab.
После создания попапа редактор даёт полный контроль над ним. Добавляйте любой контент на холст попапа, а в правой боковой панели управляйте тем, когда он появляется, как выглядит и как закрывается.
## Добавление контента в попап
Нажмите на попап в панели Popups, чтобы активировать его на холсте. Левая боковая панель переключится на панель **Elements** — ту же, что и при сборке лендинга.
Перетащите любой элемент прямо в попап. Часто встречаются такие сценарии:
1. Заголовки и текст
2. Изображения и видео
3. CTA-кнопки
4. Формы и сбор лидов
5. Квиз-воронки
6. Редирект-ссылки
7. Таймеры обратного отсчёта
8. Свой код
Внутри попапа можно использовать AI-конструктор. Нажмите иконку AI на холсте, чтобы сгенерировать или переписать контент прямо в попапе.
## Правая боковая панель — настройки попапа
Когда попап выбран, в правой панели появляются три вкладки: **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** — цвет фона и иконки кнопки закрытия.
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.