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

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

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

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

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

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

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

    Не нашли решение проблемы? Обратитесь в техподдержку, мы поможем

    Создать обращение
    Callibri