Перед настройкой попап не забудьте прибрести сервис. Как это сделать, мы пишем в статье Как подключить попап.

1. После подключения услуги перейдите в раздел Настройка — Попапы.
2. Кликните на кнопку Создать, чтобы настроить новый попап. Для тарифа Старт доступно создание своего попапа и из шаблона (только категория Универсальные), для тарифа Бизнес доступно А/Б тестирование и все шаблоны. Выберите нужный вам тип попапа. Рассмотрим подробно настройку на примере настройки своего попапа.
3. Настройка попапа станет доступной после изменения названия.
4. В первую очередь нужно настроить оформление. Для этого кликните в разделе Страницы и условия в блок Страница один (основной попап) — Основа. Здесь можно выбрать тип попапа (модальное окно, бар, сайдбар, панель), тему (темная или светлая), размер и форму самого попапа, радиус скругления углов, выравнивание текста и фона (по левому краю, по центру, по правому краю), отступ от текста до кнопки в пикселях (рекомендуем не ставить менее 32px), тень попапа и затемнение фона в процентах. Все изменения в настройках вы увидите тут же в правой части экрана.
5. Также можно открыть режим предпросмотра, чтобы понять расположение попапа относительно экрана. Для этого кликните на кнопку «‎Открыть превью»‎. Когда настройка будет готова, сохраните ее по кнопке в левом нижнем углу.
6. После настройки основного экрана можно настроить иконку закрытия попапа. После сохранения на экране Основной попап выберите пункт Элементы по умолчанию — Иконка «Закрыть». Здесь можно настроить цвет иконки, подложку иконки и расположение вне или внутри попапа. Сохраните изменения по кнопке «‎Сохранить»‎.
7. Далее, в зависимости от выбранной основы попапа, либо будет доступна настройка изображения или нет. Перейдите в пункт меню Изображение, если хотите изменить изображение по умолчанию.
8. Далее можно выбрать расположение изображения (справа или слева, снизу или сверху — также зависит от основы попапа). Можно отрегулировать размер изображения в процентном соотношении и, самое главное, загрузить свое или выбрать его из библиотеки готовых изображений. Когда настройка будет готова, не забудьте сохранить ее по кнопке в нижнем правом углу интерфейса.
9. Когда оформление попапа настроено, можно изменить тексты и поля, которые будут использоваться в вашем попап. Чтобы удалить то или иное поле, кликните на иконку корзины напротив элемента. Также можно добавить новые поле по кнопке Добавить. Можно указать юридическую информацию, поле для комментария, мультивыбор и другие поля, необходимые для вашей задачи.
10. Чтобы изменить текст заголовка, дополнительного описания или кнопки, можно кликнуть на нужный элемент в списке или на сам текст в предпросмотре.
11. Можно выбрать разные шрифты и оформление текста: полужирным, подчернутым, курсивом.
12. Необязательно настраивать попап для сбора контактов: можно предложить скопировать промокод на скидку или перейти на другую страницу, например, чтобы подписаться на блог в Telegram. Для этого перейдите в раздел Главная кнопка и в выпадающем списке в поле Действие по кнопке выберите, что именно произойдет, когда пользователь кликнет на нее. Сохраните изменения, чтобы вернуться к предыдущему экрану.
13. Когда основной попап настроен, можно настроить оповещение об успешной отправке. Для этого включите экран результата и перейдите в него.
14. Настройка похожа на настройку основного попапа, но появляется дополнительный параметр: закрытие окна по таймеру. По умолчанию таймер установлен на 10 секунд, это время можно изменить.
15. После настройки попап не забудьте включить его на основном экране:

Настройка Попапа в реальном времени:

Готово! Заявки с попап, в которых пользователи могут оставить телефон и/или почту, появятся в ЕЖЛ и вы сможете с ними связаться. Если вы настроите попап, который не собирает контакты, то В ЕЖЛ такие обращения не попадут, а в статистике они будут отображаться только в показах.

Настройка попапа из шаблона

Все этапы настройки попап из шаблоны совпадают с настройкой своего попап, но для удобства здесь уже есть минимальная настройка: текст и изображение соответствуют выбранной тематике и попап из шаблона можно подключать сразу, без дополнительной настройки. При этом, если вы хотите что-то изменить, логика настройки такая же, как при создании своего попап.

Создать попап по шаблону можно по кнопке «‎Создать»‎ в правом верхнем углу интерфейса и выбрать нужный шаблон

Настройка А/Б теста

Настройка попапа для А/Б тестирования состоит из тех же этапов, что и настройка своего попапа, но здесь для запуска сервиса потребуется создать по 2 версии каждого экрана для того, чтобы можно было сравнить конверсию разных попапов и в будущем оставить только наиболее эффективный вариант, который принес больше заявок.