Как создавать популярные форматы In-App сообщений

Редактор In-App сообщений от Pushwoosh упрощает процесс создания In-App сообщений любого формата и для любых бизнес-целей. Чем быстрее вы справляетесь с задачей, тем больше быстрых экспериментов вы можете проводить и достигать желаемых результатов в более короткие сроки.

Чтобы создать In-App с нуля, вам нужно лишь спроектировать макет сообщения с помощью drag-and-drop блоков и настроить каждый элемент в соответствии со стилем вашего приложения и бизнес-целями. Вам не нужен опыт в программировании или дизайне, чтобы создавать вовлекающие и высококонверсионные In-App сообщения — достаточно нескольких советов о том, как лучше всего использовать редактор In-App от Pushwoosh.

Ниже мы опишем, как создавать:

• Полноэкранные In-App сообщения — чаще всего в таком виде создаются офферволлы и пэйволлы;
• Частично-экранные In-App сообщения — их можно использовать для запросов на подписку и возвращения отписавшихся пользователей, а также для продвижения продуктов и анонса новых функций.

Рассмотрим на примере, как создать промо-сообщение в приложении для фитнес-индустрии:

1. В вашем аккаунте Pushwoosh перейдите в Контент → Rich Media и нажмите Добавить шаблон:

Введите название шаблона, выберите Создать новый шаблон и нажмите Добавить шаблон:

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

2. Сначала задайте желаемый размер всплывающего окна на вкладке Popup:

3. Теперь добавим изображение в наше In-App сообщение. Перейдите на вкладку Контент и перетащите блок изображения на холст. Нажмите на блок и загрузите ваш файл. Вы также можете выбрать бесплатное стоковое фото прямо в интерфейсе редактора, нажав Больше изображений → Стоковые фото:

Рекомендации по изображениям для полноэкранных In-App сообщений (портретная ориентация)

4. Задайте цвет фона In-App сообщения: перейдите на вкладку Popup и выберите нужный цвет.

5. Теперь вы можете добавить текст вашего In-App сообщения. В нашем примере мы разместим текст поверх изображения. Для этого выберите изображение и нажмите Применить эффекты. Нажмите на кнопку Текст, вставьте ваш контент и настройте его параметры:

6. Давайте также добавим текст под изображением. Перейдите на вкладку Контент и перетащите текстовый блок на холст. Вставьте ваш текст и при необходимости настройте его параметры.

7. Наконец, добавьте кнопку и настройте ее цвет, размер и другие параметры:

В разделе Действие вы можете указать действие, которое будет выполнено после нажатия на кнопку. Мы выберем опцию URL или Deeplink:

8. Нажмите Сохранить, чтобы применить изменения.

Теперь вы можете использовать ваше промо-сообщение одним из следующих способов:

• Показать In-App в рамках Customer Journey;
• Отправить Push, который открывает In-App при нажатии;
• Показать одно In-App сообщение вашим пользователям.

В качестве примера частично-экранного In-App сообщения мы создадим всплывающее окно для получения согласия пользователя на отправку push-уведомлений. Это сообщение также может помочь вернуть тех, кто отписался от уведомлений.

1. Перейдите в ваш аккаунт Pushwoosh, откройте раздел Контент → Rich Media и нажмите Добавить шаблон:

Введите название шаблона, выберите Создать новый шаблон и нажмите Добавить шаблон:

Мы создадим In-App с нуля, используя пустой шаблон. Кроме того, вы можете выбрать один из стандартных шаблонов и настроить его в соответствии с вашими потребностями.

2. Давайте добавим фоновое изображение для нашего всплывающего окна. Откройте вкладку Popup, нажмите Показать больше опций в разделе Контент и загрузите изображение:

3. Добавьте блоки контента на холст. Каждый блок будет представлять отдельный элемент контента, такой как заголовок, текст и т. д.

4. Давайте добавим изображение в первый блок контента и настроим его внешний вид:

5. Добавьте заголовок во второй блок. Установите желаемый шрифт, цвет и другие параметры текста.

6. Теперь добавьте текст вашего In-App сообщения в третий блок контента. Вы можете экспериментировать со шрифтом, цветом, выравниванием текста, высотой строки и отступами.

7. Наконец, давайте добавим кнопку в наше всплывающее окно. При необходимости настройте цвет кнопки, скругление и другие параметры.

8. Нажмите Сохранить, чтобы применить все изменения.

Вы можете использовать ваш новый шаблон In-App сообщения одним из следующих способов:

• Показать In-App в рамках Customer Journey;
• Показать одно In-App сообщение вашим пользователям.

• Популярные форматы In-App сообщений и лучшие примеры в блоге Pushwoosh
• Советы по использованию In-App сообщений в вашей омниканальной стратегии
• Больше статей о In-App сообщениях
• Документация по редактору In-App (Rich Media)