Создание популярных форматов in-app сообщений

Обзор

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

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

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

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

Полноэкранное in-app сообщение

В качестве примера создадим рекламное in-app сообщение для фитнес-индустрии:

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

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

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

2. Сначала установите желаемый размер попапа на вкладке Попап:

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

Примечание

Вы также можете поэкспериментировать с генерацией изображений с помощью ИИ. Для этого нажмите Сгенерировать изображения в разделе Magic Image и опишите изображение, которое вы хотите создать.

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

Изображение и текст	Высокое разрешение: 1200 x 1000 px Минимальный размер: 600 x 500 px Соотношение сторон: 6:5
Только изображение	Высокое разрешение: 1200 x 2000 px Минимальный размер: 600 x 1000 px Соотношение сторон: 3:5

4. Установите цвет фона in-app сообщения: перейдите на вкладку Попап и выберите желаемый цвет.

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

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

Примечание

Позвольте ИИ улучшить качество вашего текста: выберите текстовый блок и нажмите на кнопку Smart Text.

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

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

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

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

• Показать in-app как часть customer journey;
• Отправить пуш, который открывает in-app при нажатии;
• Показать одно in-app сообщение вашим пользователям.

Частичное in-app сообщение

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

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

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

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

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

Примечание

Добавление фонового изображения — это всего лишь опция. Вместо этого вы можете просто выбрать цвет фона.

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

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

Примечание

• Если вы хотите использовать стоковое фото, вы можете выбрать его прямо в интерфейсе редактора, нажав Больше изображений → Стоковые фото.
• Вы также можете поэкспериментировать с генерацией изображений с помощью ИИ. Для этого нажмите Сгенерировать изображения в разделе Magic Image и опишите изображение, которое вы хотите создать.

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

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

Примечание

Позвольте ИИ улучшить качество вашего текста: выберите текстовый блок и нажмите на кнопку Smart Text.

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

Примечание

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

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

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

• Показать in-app как часть customer journey;
• Показать одно in-app сообщение вашим пользователям.

Больше форматов и идей

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