Карусель изображений в iOS-пуше

Покажите несколько вещей в одном пуше

Пуш с каруселью помещает набор изображений в одно уведомление iOS и позволяет пользователю их пролистывать. Pushwoosh предоставляет notification content extension, который её отрисовывает, а карусель отправляется из той же кампании, сегмента и Customer Journey, что и любой другой пуш.

Три iPhone рядом, на каждом развёрнутое пуш-уведомление, открытое в листаемую галерею изображений: товары моды на первом, направления путешествий на втором, игровые персонажи на третьем

Более 80 000 компаний масштабируют вовлечение с Pushwoosh

Формат целиком

Обычный пуш несёт одну строку текста. Rich push добавляет одно изображение. Пуш с каруселью несёт набор изображений, который пользователь iPhone пролистывает, развернув уведомление, и у каждого слайда своя подпись и своя цель для тапа.

Свёрнутый баннер

До разворачивания уведомление выглядит как любой другой пуш: заголовок, строка текста и максимум одна миниатюра.

Развёрнутая галерея

Долгое нажатие или свайп вниз открывают галерею. Пользователь листает весь набор изображений влево и вправо.

Подпись к каждому слайду

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

Действие по тапу для каждого слайда

Тап по слайду открывает экран, стоящий за этим слайдом, так что каждый элемент ведёт по deep link на свою страницу, а не на общий экран.

Кнопки перелистывания

Приложение регистрирует категорию уведомлений с действиями для перехода к следующему и предыдущему слайду, в дополнение к свайпу.

Ваш собственный макет

Галерею отрисовывает view controller в вашем приложении, поэтому шрифты, цвета и отступы следуют вашему дизайну, а не фиксированному шаблону.

Место карусели между одним изображением и полной страницей

Если у вас естьЧто отправитьГде это отображается
Одна строка текстаОбычный пушБаннер
Одно изображение или GIFRich media pushРазвёрнутое уведомление
Несколько изображений для пролистыванияПуш с каруселью изображенийРазвёрнутое уведомление после свайпа вниз
Макет, формы или видеоСтраница Rich MediaПолный экран в приложении, открывается по тапу
Если у вас есть
1 / 4
Одна строка текста
Что отправить
Где это отображается
Баннер
Если у вас есть
2 / 4
Одно изображение или GIF
Что отправить
Где это отображается
Развёрнутое уведомление
Если у вас есть
3 / 4
Несколько изображений для пролистывания
Что отправить
Пуш с каруселью изображений
Где это отображается
Развёрнутое уведомление после свайпа вниз
Если у вас есть
4 / 4
Макет, формы или видео
Что отправить
Страница Rich Media
Где это отображается
Полный экран в приложении, открывается по тапу

Как это работает внутри сценария

Один сценарий, много форматов

Карусель — это атрибут сообщения, которое вы и так отправляете. Аудитория, триггер, сегмент и профиль клиента остаются на месте, а формат меняет то, как сообщение выглядит при получении.

Вы собираете её в том же Customer Journey, что и push, in-app, email и web push. Интеграция и аудитория — те, что у вас уже есть.

Брошенная корзина — от начала до конца

Покупатель добавляет три товара и уходит. Silent push незаметно для пользователя подгружает данные о товарах в фоне, а следом приходит пуш с каруселью из этих трёх товаров, по одному на слайд.

Покупатель листает до пары обуви, нажимает и попадает на страницу этого товара. Если пуш так и не открыли, тот же сценарий продолжает in-app сообщением при следующем открытии приложения и email на следующий день.

Где это применять

Карусель стоит настройки, когда сообщению есть что показать больше чем одной картинкой. Для одного главного изображения rich media push справляется с той же задачей при гораздо более простой реализации.

МоментЧто несёт карусельЧто делает пользователь
E-commerce: брошенная корзинаТовары, оставшиеся в корзине, по одному на слайдЛистает до того, который всё ещё нужен, и переходит на его страницу
Маркетплейсы: совпадение по сохранённому поискуНесколько новых объявлений, у каждого своя ценаПролистывает объявления и открывает то, что стоит рассмотреть подробнее
Мобильные игры: дроп контентаНовые персонажи, скины и бандлыВидит весь дроп ещё до открытия магазина
Приложения для креаторов: реактивацияНовые шаблоны и контент-паки с последнего визитаНаходит то, ради чего стоит вернуться
Путешествия: снижение ценНесколько направлений или предложений в одной отправкеЛистает до подходящей поездки и открывает её тариф
Мероприятия: афиша на выходныеНесколько шоу или артистов, у каждого своя датаВыбирает вечер и попадает на страницу билетов
Доставка еды: промо-окноПопулярные блюда или новые позиции менюПросматривает подборку и заказывает со слайда, на котором остановился
Момент
1 / 7
E-commerce: брошенная корзина
Что несёт карусель
Товары, оставшиеся в корзине, по одному на слайд
Что делает пользователь
Листает до того, который всё ещё нужен, и переходит на его страницу
Момент
2 / 7
Маркетплейсы: совпадение по сохранённому поиску
Что несёт карусель
Несколько новых объявлений, у каждого своя цена
Что делает пользователь
Пролистывает объявления и открывает то, что стоит рассмотреть подробнее
Момент
3 / 7
Мобильные игры: дроп контента
Что несёт карусель
Новые персонажи, скины и бандлы
Что делает пользователь
Видит весь дроп ещё до открытия магазина
Момент
4 / 7
Приложения для креаторов: реактивация
Что несёт карусель
Новые шаблоны и контент-паки с последнего визита
Что делает пользователь
Находит то, ради чего стоит вернуться
Момент
5 / 7
Путешествия: снижение цен
Что несёт карусель
Несколько направлений или предложений в одной отправке
Что делает пользователь
Листает до подходящей поездки и открывает её тариф
Момент
6 / 7
Мероприятия: афиша на выходные
Что несёт карусель
Несколько шоу или артистов, у каждого своя дата
Что делает пользователь
Выбирает вечер и попадает на страницу билетов
Момент
7 / 7
Доставка еды: промо-окно
Что несёт карусель
Популярные блюда или новые позиции меню
Что делает пользователь
Просматривает подборку и заказывает со слайда, на котором остановился
Формат — половина дела. Вторая половина — то, что вы в него вкладываете

50 пуш-уведомлений, которые стоит взять за образец, с текстом и креативом, благодаря которым они сработали.

Получить примеры

Платформы и техническое покрытие

Поддержка карусели на разных ОС неравномерна. Последний столбец показывает, где формат — это сам пуш, а где пуш лишь несёт payload, который отрисовывает ваше приложение.

ВозможностьiOSAndroidWebЧем обеспечивается
Листаемая галерея из нескольких изображенийiOS 10+––Notification content extension в вашем приложении, отрисовывающий payload пуша
Кнопки перелистывания на уведомленииiOS 10+––Категория уведомлений, которую приложение регистрирует при запуске
Подпись и действие по тапу для каждого слайдаiOS 10+––Код вашего расширения, читающий payload
Одно изображение в развёрнутом уведомленииiOS 10+Android 4.1+, одно большое изображениеChromeСам пуш
Кнопки действий на уведомленииiOS 10+, до 4AndroidChromeСам пуш
Полноэкранная витрина с макетом и формамиДаДа–Страница Rich Media, открывается по тапу
Возможность
1 / 6
Листаемая галерея из нескольких изображений
iOS
iOS 10+
Android
–
Web
–
Чем обеспечивается
Notification content extension в вашем приложении, отрисовывающий payload пуша
Возможность
2 / 6
Кнопки перелистывания на уведомлении
iOS
iOS 10+
Android
–
Web
–
Чем обеспечивается
Категория уведомлений, которую приложение регистрирует при запуске
Возможность
3 / 6
Подпись и действие по тапу для каждого слайда
iOS
iOS 10+
Android
–
Web
–
Чем обеспечивается
Код вашего расширения, читающий payload
Возможность
4 / 6
Одно изображение в развёрнутом уведомлении
iOS
iOS 10+
Android
Android 4.1+, одно большое изображение
Web
Chrome
Чем обеспечивается
Сам пуш
Возможность
5 / 6
Кнопки действий на уведомлении
iOS
iOS 10+, до 4
Android
Android
Web
Chrome
Чем обеспечивается
Сам пуш
Возможность
6 / 6
Полноэкранная витрина с макетом и формами
iOS
Да
Android
Да
Web
–
Чем обеспечивается
Страница Rich Media, открывается по тапу

Безопасность и хостинг

Pushwoosh работает на собственном оборудовании в США и Германии в соответствии с GDPR.

ISO 27001:2022 CertifiedISO 27001 CertifiedGDPR CompliantData Privacy FrameworkHIPAA CompliantSOC 2 Type 2 CertifiedOWASP Compliant

Как это работает

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

  1. Один раз подключите расширение (разработчик)

    Добавьте в приложение таргет Notification Content Extension, вставьте пример view controller карусели от Pushwoosh и зарегистрируйте категорию карусели при запуске. Это работает рядом с service extension, который уже использует rich push с одним изображением.

  2. Соберите сообщение (без кода или через API)

    Создайте пуш в Control Panel или через Messages API, прикрепите изображения и укажите соответствующую категорию. Каждый слайд загружается при получении, поэтому размещайте изображения на CDN и делайте их лёгкими.

  3. Оркестрируйте (без кода)

    Отправляйте тому же сегменту из того же Customer Journey, что и остальные ваши коммуникации. Deep links, custom data и персонализация работают так же, как в обычном пуше.

Ограничения, о которых стоит знать

Формат узкий. Вот его границы.

  • Только iOS. Развёрнутое уведомление Android показывает одно большое изображение, аналога галереи там нет.
  • Сборка карусели — работа разработчика. Pushwoosh предоставляет код расширения и формат payload, а Control Panel собирает вокруг этого сообщение.
  • Для настройки нужен отдельный notification content extension в дополнение к service extension, который уже требуется для rich push.
  • Галерея появляется только после долгого нажатия или свайпа вниз. До этого баннер показывает одну строку и максимум одну миниатюру.
  • Каждый слайд загружается при получении. Делайте изображения лёгкими, размещайте их на CDN и отправляйте немного слайдов, а не много.
  • Отчёты о доставке видят пуш, а свайпы происходят на устройстве. Вовлечённость по каждому слайду измеряется через ваши собственные события в приложении.

Покажите несколько вещей в одном пуше

Набор изображений, который пользователь пролистывает, даёт ему именно то, что он хотел, а не то, что вы угадали. Обсудите пуши с каруселью с нашей командой или начните строить на бесплатном тарифе.

Другие продукты

Push-уведомления для iOS и Android

Push-уведомления Pushwoosh: охват всех устройств, rich-контент, точный таргетинг, Journey и 99% аптайм. Превращайте уведомления в платящих клиентов.

In-App сообщения

In-app сообщения Pushwoosh — онбординг, апселл, анонсы и сбор фидбэка ровно в тот момент, когда пользователи сфокусированы на приложении. No-code редактор, нативные SDK-шаблоны, аналитика по каждому элементу. Соответствует GDPR. Начните бесплатно.

Восстановление брошенных корзин

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

Push-уведомления для мобильных игр

Платформа мобильных push-уведомлений для игровых приложений. Отправляйте персонализированные оповещения, специальные предложения и напоминания о событиях, чтобы игроки возвращались снова и снова.

Pushwoosh API

Передьте управление push-, email-, SMS-рассылками и потоками данных в Pushwoosh API. Мы берем на себя техническую часть, чтобы вы могли создавать успешные продукты без ограничений.

Message Inbox

Message Inbox — центр уведомлений внутри приложения и сайта. Тихая доставка охватывает всех, включая отказавшихся от пушей, а сообщения остаются доступны.