Как создать попап лаунчер
Лаунчер – это небольшой попап, который при нажатии запускает определенное действие, например открытие другого попапа или страницы сайта. С его помощью вы можете не отвлекать пользователей сайта большими попапами, в то же время оставить возможность для рекламной интеграции или уведомлений.
Рассмотрим, как создать и настроить лаунчер.
Создайте попап типа Лаунчер
Перейдите в необходимый проект и нажмите Добавить попап (Add pop-up).
Читайте больше: Как создать умный попап.
Нажмите на тип попапа Лаунчер (Launcher) и выберите шаблон, наиболее подходящий по дизайну под ваши цели, или создайте дизайн с нуля.
Выберите главное действие
Для такого типа попапа вы можете выбрать два действия: открытие другого попапа и перенаправление посетителя на другую страницу сайта.
Открытие другого попапа
Вы можете подключить основной попап, который уже создан, в настройках вашего лаунчера. Также вы можете подключить лаунчер при создании основного попапа — это взаимоисключающие действия, то есть вам не нужно отдельно подключать лаунчер в основном попапе, если вы это сделали в настройках лаунчера.
В поле Главное действие (Target action) выберите Открыть попап (Open a popup), в поле Попап для показа (Pop-up to display) — нужный попап из впадающего списка. Этот попап будет открываться после нажатия на лаунчер.
Также можно подключить лаунчер через основной попап. Для этого откройте попап другого типа или создайте новый в рамках вашего проекта и на этапе выбора Условий показа активируйте переключатель Открывать попап по клику на лаунчер (Open this pop-up upon launcher click). В поле ниже выберите лаунчер из выпадающего списка.
Лаунчер можно выбрать только при условии, если в этом проекте создан такой тип попапа.
Открытие другой страницы сайта
В поле Главное действие (Target action) выберите Перейти по ссылке (Open a link). В поле Ссылка (Link) добавьте ссылку на страницу, куда будет направлен пользователь после нажатие на лаунчер.
Если хотите, чтобы страница открывалась в отдельном окне браузера, поставьте галочку напротив Открыть страницу в новой вкладке (Open the page in a new window).
Настройте внешний вид
Вы можете добавить текст и загрузить нужное изображение, настроить выравнивание, контур и цвет фона, а также добавить еффекты.
Дизайн попапа
Можно настроить дизайн попапа при помощи таких полей:
| Цвет фона (Background color) | Выбрать цвета фона для лаунчера. |
| Положение изображения (Image position) | Выбрать положения текста относительно картинки. |
| Положение (Location) | Выровнять лаунчер относительно страницы сайта. |
| Контур (Outline) | Настроить скругление и толщину контура в пикселях, а также выбрать тип линии: цельная, пунктирная или точечная. |
С помощью скругления можно задать форму лаунчера. Если убрать текст и сделать закругление 30 – получится круглый лаунчер, тогда как закругление 0 обеспечивает квадратную форму.
Чтобы добавить картинку, нажмите на иконку карандаша и загрузите или выберите изображение из файлового менеджера. Вы можете добавить файл до 5 МБ в форматах GIF, JPG, JPEG или PNG. После загрузки изображение автоматически подстроится под выбранный размер попапа.
Чтобы добавить подпись, нажмите Добавить текст (Add text) и введите до 120 символов и отформатируйте его. Вы можете форматировать текст, добавлять ссылки, переменные и эмодзи.
Эффекты
Вы можете добавить эффекты для лаунчера при появлении и исчезновении. Для этого перейдите в стили лаунчера.
Далее выберите эффекты входа и выхода в полях Анимация при появлении попапа (Entrance animation) и Анимация при закрытии попапа (Exit animation) соответственно. Доступны такие эффекты:
| Вылет (Back) | Попап проходит по всему экрану и становится на свое место. Вы можете выбрать направление: вправо, влево, сверху или снизу. |
| Подпрыгивание (Bouncing) | Попап проходит через весь экран и становится на место, после чего слегка колеблется из стороны в сторону. Вы можете выбрать направление: справа, слева, сверху или снизу, или появляется со своего места. |
| Проявление по прозрачности (Fade) | Попап из прозрачного становится обычным. Вы можете выбрать направление движения: вправо, влево, сверху или снизу или появляется со своего места. |
| Вращение вперед (Flip) | Попап вращается на 360 градусов вокруг своей оси. Вы можете выбрать направление по вертикали или по горизонтали. |
| Ускоренное появление (Light speed) | Попап плавно выпрыгивает на своем месте с колебанием. Вы можете выбрать направление: справа, слева. |
| Переворот (Rotate) | Попап закручивается по периметру. Вы можете выбрать направление: справа, слева, сверху, снизу. |
| Особые эффекты (Specials) | Попап выкатывается или увеличивается (эффект выпрыгивания). |
| Увеличение масштаба (Zooming) | Попап из меньшего приобретает обычный размер. Вы можете задать динамику, откуда он «вырастает»: справа или слева, с места, сверху или снизу. |
| Выезжание (Slide) | Попап скользит на свое место. Вы можете выбрать направление: вправо, влево, сверху или снизу. |
Также вы можете использовать попап для A/B тестирования.
Читайте подробнее: Как проводить A/B тестирование попапов.
Нажмите Сохранить (Save).
Настройте условия показа
На следующем этапе Условия отображения (Display conditions) вы можете настроить условия показа попапа.
Если вы выбрали действие с открытием другого попапа, вы можете настроить отдельные условия для попапов. Лаунчер может быть на странице постоянно, а связанный попап — появляться после нескольких минут пребывания посетителя на странице. Так, вы все равно покажете основной попап, даже без клика на лаунчер, но в то же время не будете сразу отвлекаться читателя.
Читайте детальнее: Как настроить сценарий показа попапа.
Нажмите Сохранить (Save).
Сохраните лаунчер
На этапе Сохранение данных нажмите Сохранить и закрыть (Save and close), ведь для лаунчера не предусмотрены элементы, которые передавали бы в CRM данные пользователей.
Вы можете добавить поля ввода в следующем попапе, который запустит лаунчер.
Далее вам нужно активировать лаунчер, чтобы он появился на сайте. Для этого активируйте переключатель.
Просматривайте статистику
Чтобы просмотреть статистику попапа, перейдите на вкладку Статистика. Вам доступно две метрики: просмотры и клики.
Если вы хотите узнать статистику попапа типа Лаунчер, запускаемого другим попапом, нужно отдельно просматривать количество кликов и просмотров лаунчера, а также действия с попапом. Для этого необходимо переключаться между связанными попами в проекте и заходить во вкладку Статистика.
Обновлено: 21.05.2024
или