Как настроить попап

1. После подключения услуги перейдите в раздел Настройка — Попапы. 
2. Кликните на кнопку Создать, чтобы настроить новый попап. Для тарифа Старт доступно создание своего попапа и из шаблона (только категория Универсальные), для тарифа Бизнес доступно А/Б тестирование и все шаблоны. Выберите нужный вам тип попапа. Рассмотрим подробно настройку на примере настройки своего попапа.

3. Настройка попапа станет доступной после изменения названия.

4. В первую очередь нужно настроить оформление. Для этого кликните в разделе Страницы и условия в блок Страница один (основной попап) — Основа. Здесь можно выбрать тип попапа (модальное окно, бар, сайдбар, панель), тему (темная или светлая), размер и форму самого попапа, радиус скругления углов, выравнивание текста и фона (по левому краю, по центру, по правому краю), отступ от текста до кнопки в пикселях (рекомендуем не ставить менее 32px), тень попапа и затемнение фона в процентах. Все изменения в настройках вы увидите тут же в правой части экрана.
   Также можно открыть режим предпросмотра, чтобы понять расположение попапа относительно экрана. Для этого кликните на кнопку «‎Открыть превью»‎. Когда настройка будет готова, сохраните ее по кнопке в левом нижнем углу. 
5. После настройки основного экрана можно настроить иконку закрытия попапа. После сохранения на экране Основной попап выберите пункт Элементы по умолчанию — Иконка «Закрыть». Здесь можно настроить цвет иконки, подложку иконки и расположение вне или внутри попапа. Сохраните изменения по кнопке «‎Сохранить»‎.

6. Далее, в зависимости от выбранной основы попапа, либо будет доступна настройка изображения или нет. Перейдите в пункт меню Изображение, если хотите изменить изображение по умолчанию.
   Далее можно выбрать расположение изображения (справа или слева, снизу или сверху — также зависит от основы попапа). Можно отрегулировать размер изображения в процентном соотношении и, самое главное, загрузить свое или выбрать его из библиотеки готовых изображений. Когда настройка будет готова, не забудьте сохранить ее по кнопке в нижнем правом углу интерфейса.

7. Когда оформление попапа настроено, можно изменить тексты и поля, которые будут использоваться в вашем попап. Чтобы удалить то или иное поле, кликните на иконку корзины напротив элемента. Также можно добавить новые поле по кнопке Добавить. Можно указать юридическую информацию, поле для комментария, мультивыбор и другие поля, необходимые для вашей задачи.

8. Чтобы изменить текст заголовка, дополнительного описания или кнопки, можно кликнуть на нужный элемент в списке или на сам текст в предпросмотре.
   Можно выбрать разные шрифты и оформление текста: полужирным, подчернутым, курсивом.
   Необязательно настраивать попап для сбора контактов: можно предложить скопировать промокод на скидку или перейти на другую страницу, например, чтобы подписаться на блог в Telegram. Для этого перейдите в раздел Главная кнопка и в выпадающем списке в поле Действие по кнопке выберите, что именно произойдет, когда пользователь кликнет на нее. Сохраните изменения, чтобы вернуться к предыдущему экрану.
   9. Когда основной попап настроен, можно настроить оповещение об успешной отправке. Для этого в блоке Страницы и условия выберите пункт Оповещение об успешной отправке формы.
   Настройка похожа на настройку основного попапа, но появляется дополнительный параметр: закрытие окна по таймеру. По умолчанию таймер установлен на 10 секунд, это время можно изменить.
   10. После настройки попап не забудьте включить его на основном экране:

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

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

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