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

Теперь нативные in-app сообщения дают маркетологу полную автономию. Вы выбираете готовый layout прямо в редакторе, персонализируете его и запускаете за несколько минут — без дизайнера и команды разработки.

Этот гайд разбирает, что такое нативные in-apps, как их персонализировать и как выбрать правильный layout под задачу — онбординг, конверсию, winback и retention.

📖 Только знакомитесь с каналом? Начните с материала что такое in-app сообщения и почему они работают.

Соберите первое нативное in-app сообщение с Pushwoosh

7 layouts, без вёрстки, live preview.

Попробовать бесплатно

Что такое нативное in-app сообщение?

Собрать in-app сообщение можно 2 способами.

Классический HTML in-app — это кастомная веб-страница, которую SDK показывает поверх вашего нативного UI, с полным контролем над дизайном и веб-рендером. Это правильный выбор, когда нужно то, чего не могут готовые layout — например, форма обратной связи или опроса, интерактивный кастомный контент или полностью уникальный дизайн, который вы загружаете ZIP-архивом.

Нативный in-app устроен иначе: SDK отрисовывает его собственными компонентами платформы по готовому layout, который вы заполняете в редакторе, — без HTML, без web view. Он открывается быстрее, анимируется плавнее и выглядит частью самого приложения. А поскольку каждая платформа рисует его своими нативными компонентами, на iOS и Android сообщение выглядит органично само по себе, без отдельной адаптации под каждую ОС.

7 типов нативных in-app и когда какой использовать

Pushwoosh даёт 7 нативных layout прямо в редакторе in-app сообщений. Как понять, какой выбрать?

Выбор layout — это на самом деле вопрос прерывания: сколько экрана и сколько внимания пользователя заслуживает это сообщение прямо сейчас? Ответьте на это первым — и layout выберется сам.

Layout нативного in-app баннера: компактная плашка «New arrivals», закреплённая вверху главного экрана приложения
Layout нативной in-app шторки: панель «Refresh your space» выезжает снизу, с ручкой для перетаскивания и кнопкой Shop now
Layout нативной in-app модалки: карточка «Refresh your space» по центру затемнённого главного экрана
Полноэкранный layout нативного in-app: изображение «A calmer home» на весь экран, с текстом и кнопкой Shop now
Layout нативных in-app Stories: полноэкранные слайды с прогресс-барами вверху и кнопкой Explore
Layout нативной in-app карусели: полноэкранная свайпаемая карточка «A calmer corner» с точками пагинации
Layout нативного in-app видео: полноэкранный плеер с кнопкой play и текстом «Style your space» поверх
  • Не прерывать: баннер. Компактная плашка, закреплённая сверху или снизу. Пользователь продолжает делать то, зачем открыл приложение, — сообщение просто есть рядом. Подходит для напоминаний, которые могут подождать пару тапов: незавершённый шаг, новая фича, небольшой бонус.
  • Прервать немного: шторка. Панель выезжает снизу, с ручкой, чтобы её смахнуть. Она говорит: «ещё одна мелочь про то, на что вы сейчас смотрите». Здесь место контекстным действиям внутри сессии: сохранить товар, включить настройку, подтвердить выбор.
  • Прервать ненадолго: модалка. Карточка по центру затемнённого экрана. Она останавливает пользователя, но только ради одного решения. Офферы, апдейты, моменты «да/нет».
  • Занять весь экран: полноэкранный формат, Stories, карусель, видео. Это для моментов, когда пользователь готов остановиться. Онбординг, крупный промо, продуктовый walkthrough. Используйте их, когда результат оправдывает полную паузу, а не потому что layout эффектно смотрится в редакторе.

Эта лестница подсказывает, сколько экрана занять. Теперь разберём каждый layout отдельно: что это, для какого момента подходит, на какой стадии жизненного цикла работает и какой KPI отслеживать.

LayoutЧто этоЛучший моментСтадия жизненного циклаKPI
БаннерКомпактная плашка сверху или снизу, не блокируетНапоминание, которое не должно ломать сессиюEngagement, retentionCTR
ШторкаНижняя панель с ручкой для перетаскиванияКонтекстное действие на текущем экранеEngagement, conversionInteraction rate, цель journey
МодалкаКарточка по центру затемнённого фонаОффер или апдейт, который требует одного решенияConversion, winbackCTR, цель journey
ПолноэкранныйИзображение на весь экран с текстом и кнопкамиОнбординг, крупный промоOnboarding, conversionЦель journey (активация, покупка)
StoriesПоследовательные полноэкранные слайды с прогресс-барамиСерия шагов или фичOnboarding, feature adoptionInteractions, цель journey (фича использована)
КарусельПолноэкранные свайпаемые карточки с точками пагинацииПодборка или каталогEngagement, conversionCTR на товар, цель journey
ВидеоПолноэкранный HLS- или MP4-плеер с текстом и кнопками поверхДемо продукта или фичиOnboarding, conversionInteractions на кнопке поверх видео, цель journey
Layout
1 / 7
Баннер
Что это
Компактная плашка сверху или снизу, не блокирует
Лучший момент
Напоминание, которое не должно ломать сессию
Стадия жизненного цикла
Engagement, retention
KPI
CTR
Layout
2 / 7
Шторка
Что это
Нижняя панель с ручкой для перетаскивания
Лучший момент
Контекстное действие на текущем экране
Стадия жизненного цикла
Engagement, conversion
KPI
Interaction rate, цель journey
Layout
3 / 7
Модалка
Что это
Карточка по центру затемнённого фона
Лучший момент
Оффер или апдейт, который требует одного решения
Стадия жизненного цикла
Conversion, winback
KPI
CTR, цель journey
Layout
4 / 7
Полноэкранный
Что это
Изображение на весь экран с текстом и кнопками
Лучший момент
Онбординг, крупный промо
Стадия жизненного цикла
Onboarding, conversion
KPI
Цель journey (активация, покупка)
Layout
5 / 7
Stories
Что это
Последовательные полноэкранные слайды с прогресс-барами
Лучший момент
Серия шагов или фич
Стадия жизненного цикла
Onboarding, feature adoption
KPI
Interactions, цель journey (фича использована)
Layout
6 / 7
Карусель
Что это
Полноэкранные свайпаемые карточки с точками пагинации
Лучший момент
Подборка или каталог
Стадия жизненного цикла
Engagement, conversion
KPI
CTR на товар, цель journey
Layout
7 / 7
Видео
Что это
Полноэкранный HLS- или MP4-плеер с текстом и кнопками поверх
Лучший момент
Демо продукта или фичи
Стадия жизненного цикла
Onboarding, conversion
KPI
Interactions на кнопке поверх видео, цель journey

Персонализируйте in-app сообщение

Нативный layout — это только половина ценности. Вторая половина в том, что каждое поле внутри можно менять для каждого пользователя отдельно.

3 техники персонализации закрывают большинство задач маркетолога:

Динамический контент. Подставляйте в текст любой атрибут пользователя — имя, план подписки, город, последнюю просмотренную категорию — с форматными модификаторами, чтобы всё выглядело аккуратно, а условную логику стройте на Liquid: один оффер для триальных пользователей, другой — для подписчиков, своя CTA-кнопка под каждый сегмент. Это данные, которые уже есть у вас на устройстве, — не приходится поднимать отдельный бэкенд ради персонализации, что особенно ценно для команд, ведущих пользователей сразу в нескольких странах и юрисдикциях.

Редактор нативных in-app сообщений Pushwoosh: вставка динамического контента в текстовое поле сообщения

Локализация. Нативный in-app стартует на 1 языке. Добавляете новые — и Pushwoosh копирует контент по умолчанию (текст, картинки, подписи кнопок) в каждый новый язык, вам остаётся перевести. Каждый пользователь видит версию, которая совпадает с языком его устройства, — одно сообщение, собранное один раз, говорит на языке каждой аудитории. Для команд, которые ведут пользователей сразу в нескольких странах с разным родным языком, это снимает необходимость собирать отдельное in-app сообщение под каждый рынок.

Редактор нативных in-app сообщений Pushwoosh: добавление локализаций к сообщению

Генератор штрихкодов и QR. Нативный редактор генерирует штрихкоды или QR-коды и может подставлять значение из device tag в формате {Coupon|String|}. Каждый пользователь получает свой сканируемый код прямо на устройстве — ничего не нужно хостить и генерировать картинку на стороне.

Редактор нативных in-app сообщений Pushwoosh: настройки штрихкода со значением из device tag

Нативный in-app в деле: кейсы и примеры

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

👋 Онбординг: встречайте пользователей полноэкранным форматом или Stories

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

Возможность: полноэкранный формат занимает весь первый экран под одно чёткое приветствие и одно действие. Stories проводит по ключевым фичам тапаемыми слайдами, а прогресс-бары показывают, сколько ещё осталось.

Onboarding-in-app в формате Stories: слайд «Track your goals» с прогресс-барами вверху и кнопкой Next

В Pushwoosh: на первое событие app_open запустите полноэкранное сообщение с главной ценностью и одной CTA. Дальше — сообщение в формате Stories, по одному слайду на ключевую фичу, чтобы подтолкнуть к первому использованию.

📖 Подробнее: welcome in-app сообщения.

💸 Winback: модалка с купоном, который можно отсканировать

Проблема: ушедшему покупателю нужна настоящая причина вернуться, а не просто сообщение «мы скучаем».

Возможность: шаблон нативного in-app сообщения, установленный как click action пуш-уведомления, — тап открывает модалку с персональным QR-кодом из device tag {Coupon|String|}.

Winback-модалка in-app: карточка «20% off for your next purchase» с персональным QR-кодом для сканирования на кассе

В Pushwoosh: сегментируйте покупателей, неактивных 21+ дней, и покажите модалку с их персональным кодом — его можно отсканировать прямо на кассе, без стороннего изображения.

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

🛍️ Внутри сессии: карусель, которая работает как каталог

Проблема: один статичный оффер редко совпадает с тем, что реально хочет конкретный покупатель.

Возможность: layout карусели — полноэкранные свайпаемые карточки, где Liquid подставляет название категории и текст из последней просмотренной пользователем категории.

Каталожная карусель in-app: карточка «Picked for you in Home Decor» с льняной настольной лампой, ценой $89 и кнопкой Shop now

В Pushwoosh: запускайте по событию просмотра категории, показывайте карусель из 4 карточек: «Picked for you in {LastCategory}», где на каждой карточке — изображение товара, цена и кнопка на страницу товара.

💳 Retention-напоминание: баннер, который не прерывает

Проблема: в инвестиционном или бюджетном приложении есть пользователи, которые зарегистрировались, привязали один счёт и так и не прошли верификацию до конца. Модалка при каждом открытии приучает их просто закрывать модалки.

Возможность: layout баннера, закреплённый снизу, виден на каждом экране, пока шаг не пройден, и его можно закрыть без потери сессии.

Fintech-приложение с нативным in-app баннером, закреплённым внизу экрана баланса счёта, с призывом завершить верификацию

В Pushwoosh: если у пользователя есть незавершённая верификация или неиспользованная фича, покажите баннер — «Finish verification to unlock transfers» — один тап, ноль прерываний.

Соберите первое нативное in-app сообщение за 5 шагов

Полный путь от шаблона до живого сообщения в Customer Journey Builder:

  1. Выберите layout по уровню прерывания

    Решите, сколько экрана заслуживает сообщение, и выберите тип показа.

  2. Соберите его в нативном редакторе

    Content → In-apps → Create in-app → Create native rich media. Поля сгруппированы в Content (текст, изображения из URL или Media storage), Config (цвета, фон, поведение) и Actions (кнопки и их действия). Пошаговый гайд разбирает каждое поле.

  3. Добавьте теги и Liquid

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

  4. Проверьте live preview

    Редактор отрисовывает сообщение таким, каким оно появится на устройстве. Проверьте здесь, прежде чем публиковать.

  5. Запустите

    Настройте триггер и аудиторию, разместите in-app-ноду в flow — и публикуйте.

🚨 Ошибки, которые незаметно ломают нативные in-app сообщения:

  • Релиз на старом SDK. Шторка, карусель и баннер требуют iOS 7.2.1+ / Android 6.10.1+; видео — Android 6.11.0+. Ниже минимума ничего не покажется.
  • Мышление в категориях HTML. Native — это не web view. Вы собираете из блоков и проектируете под layout, а не под страницу.
  • Запуск без preview. Live preview существует, чтобы сломанный рендер никогда не попал к пользователю. Используйте его каждый раз.

Вовлекайте пользователей внутри сессии нативными in-app от Pushwoosh

Нативные in-app сообщения дают 7 готовых layout, персонализацию для каждого пользователя внутри каждого из них и live preview, который ловит проблемы до публикации, — без HTML и без завязки на дизайнера. Выберите момент, который важнее всего для вашего приложения: шаг онбординга, winback, напоминание в середине сессии — и соберите in-app сообщение под него.

Соберите первое нативное in-app сообщение
Попробовать бесплатно

Valentina Stepanova
Контент-маркетолог в Pushwoosh
Поделиться

Похожие статьи

Показать все