Как создать попап лаунчер

Лаунчер – это небольшой попап, который при нажатии запускает определенное действие, например открытие другого попапа или страницы сайта. С его помощью вы можете не отвлекать пользователей сайта большими попапами, в то же время оставить возможность для рекламной интеграции или уведомлений.

Рассмотрим, как создать и настроить лаунчер.

Создайте попап типа «Лаунчер»

Перейдите в необходимый проект и нажмите кнопку «Добавить попап» (Create pop-up).

Читайте больше: «Как создать умный попап».

Нажмите на тип попапа «Лаунчер» (Launcher) и выберите шаблон, наиболее подходящий по дизайну под ваши цели.

Настройте внешний вид

Вы можете добавить текст и загрузить нужное изображение: активируйте соответствующие опции — «Текст» (Text) и/или «Добавить изображение» (Add image). 

Для текстовой части введите текст до 120 символов и отформатируйте его. Вы можете добавлять ссылки и эмодзи.

Для картинки загрузите или выберите изображение из файлового менеджера. Вы можете добавить файл до 5 МБ в форматах GIF, IPG, IPEG или PNG. После загрузки изображение автоматически подстроится под выбранный размер попапа.

Еще можно настроить дизайн попапа при помощи таких полей:

  • «Положение изображения» (Image position) — выбрать положения текста относительно картинки.
  • «Цвет фона» (Background color) — выбрать цвета фона для текста.
  • «Положение» (Location) – выровнять лаунчер относительно страницы сайта.
  • «Контур» (Outline) — настроить скругление и линию границы.

С помощью скругления можно задать форму лаунчера. Если убрать текст и сделать закругление 30 – получится круглый лаунчер, тогда как закругление 0 обеспечивает квадратную форму.

Выберите главное действие

Для такого типа попапа вы можете выбрать два действия: открытие другого попапа и перенаправление посетителя на другую страницу сайта.

Открытие другого попапа

В поле «Главное действие» (Target action) выберите «Открыть попап» (Open popup), в поле «Выберите попап» (Choose a popup) — нужный попап из впадающего списка. Этот попап будет открываться после нажатия на лаунчер.

Также можно подключить лаунчер через основной попап. Для этого откройте попап другого типа или создайте новый в рамках вашего проекта и в поле «Выберите лаунчер» (Choose launcher) выберите именно его.

Лаунчер можно выбрать только при условии, если в этом проекте есть такой тип попапа.

Открытие другой страницы сайта

В поле «Главное действие» (Target action) выберите «Ссылка» (Link). В поле «Введите ссылку» (Enter link) добавьте ссылку на страницу, куда будет направлен пользователь после нажатие на лаунчер.

Если хотите, чтобы страница открывалась в отдельном окне браузера, поставьте галочку напротив «Открыть в новом окне» (Open in new window).

Нажмите «Сохранить» (Save).

Настройте условия показа

В следующей вкладке «Условия отображения» (Display conditions) вы можете настроить условия показа попапа.

Если вы выбрали действие с открытием другого попапа, вы можете настроить отдельные условия для попапов. Лаунчер может быть на странице постоянно, а связанный попап – появляться после нескольких минут пребывания посетителя на странице. Так, вы все равно покажете основной попап, даже без клика на лаунчер, но в то же время не будете сразу отвлекаться читателя.

Читайте подробнее: «Сценарии показа».

Нажмите «Сохранить и закрыть» (Save and close), чтобы опубликовать лаунчер на сайте.

Просматривайте статистику

Чтобы просмотреть статистику попапа, перейдите на вкладку «Статистика». Вам доступно две метрики: просмотры и клики.

Если вы хотите узнать статистику попапа типа «Лаунчер», запускаемого другим попапом, нужно отдельно просматривать количество кликов и просмотров лаунчера, а также действия с попапом. Для этого необходимо переключаться между связанными попами в проекте и заходить во вкладку «Статистика».

    Оцените, насколько полезна статья "Как создать попап лаунчер"

    Оценка: 5 / 5

    Популярное в нашем блоге

    Начните пользоваться сервисом SendPulse прямо сегодня