Push con carrusel de imágenes en iOS

Muestra varias cosas en un solo push

Un push con carrusel pone un conjunto de imágenes dentro de una notificación de iOS y deja que el usuario las deslice. Pushwoosh incluye la notification content extension que lo muestra, y el carrusel se envía desde la misma campaña, segmento y journey que cualquier otro push.

Tres iPhone agrupados, cada uno con una notificación push expandida abierta en una galería de imágenes deslizable: productos de moda en el primero, destinos de viaje en el segundo, personajes de un juego en el tercero

Más de 80,000 empresas confían en nosotros para escalar su engagement

El formato, completo

Un push simple lleva una línea de texto. Un push enriquecido agrega una imagen. Un push con carrusel lleva un conjunto de imágenes que el usuario de iPhone recorre después de desplegar la notificación, cada slide con su propia leyenda y su propio destino al tocarla.

Banner contraído

Antes de expandirse, la notificación se ve como cualquier otro push: un título, una línea de texto y como máximo una miniatura.

Galería expandida

Al mantener presionado o desplegar, se abre la galería. El usuario desliza a izquierda y derecha por todo el conjunto de imágenes.

Leyenda por slide

Cada imagen puede llevar su propio texto, así un precio, una talla o una fecha de salida viajan con la imagen a la que pertenecen.

Acción por slide al tocar

Tocar un slide abre la pantalla que está detrás de ese slide, así cada producto lleva por deep link a su propia página y no a una pantalla genérica.

Controles de paginación

La app registra una categoría de notificación cuyas acciones pasan al slide siguiente y al anterior, además del gesto de deslizar.

Tu propio diseño

Un view controller de tu app muestra la galería, así su tipografía, colores y espaciado siguen tu diseño y no una plantilla fija.

Dónde queda el carrusel entre una imagen y una página completa

Cuando tienesEnvíaDónde se muestra
Una línea de textoUn push simpleEl banner
Una imagen o un GIFUn push con rich mediaLa notificación expandida
Varias imágenes para recorrerUn push con carrusel de imágenesLa notificación expandida, después de desplegarla
Diseño, formularios o videoUna página Rich MediaUna pantalla completa en la app, abierta al tocar
Cuando tienes
1 / 4
Una línea de texto
Dónde se muestra
El banner
Cuando tienes
2 / 4
Una imagen o un GIF
Dónde se muestra
La notificación expandida
Cuando tienes
3 / 4
Varias imágenes para recorrer
Envía
Un push con carrusel de imágenes
Dónde se muestra
La notificación expandida, después de desplegarla
Cuando tienes
4 / 4
Diseño, formularios o video
Envía
Una página Rich Media
Dónde se muestra
Una pantalla completa en la app, abierta al tocar

Su función, dentro de un journey

Un journey, muchos formatos

El carrusel es un atributo de un mensaje que ya estás enviando. La audiencia, el trigger, el segmento y el perfil de cliente se quedan donde están, y el formato cambia cómo se ve ese mensaje cuando llega.

Lo armas en el mismo Customer Journey que tus push, mensajes in-app, emails y web push. La integración y la audiencia son las que ya tienes. Y como en LATAM gran parte de tu audiencia está en Android, el mismo journey le envía a esos usuarios un push con rich media en lugar del carrusel.

Un carrito abandonado, trabajado de principio a fin

Un comprador agrega tres productos y se va. Un silent push precarga los datos de los productos en segundo plano, invisible para el usuario, y el push con carrusel llega después con esos tres productos, uno por slide.

El comprador desliza hasta el par de tenis, toca y llega a la página de ese producto. Si el push no se abre, el mismo journey hace seguimiento con un mensaje in-app en la siguiente apertura y un email al día siguiente.

Para qué usarlo

El carrusel vale la pena cuando un mensaje tiene más de una cosa visual que decir. Para una sola imagen principal, un push con rich media hace lo mismo con un desarrollo mucho más ligero.

MomentoQué lleva el carruselQué hace el usuario
E-commerce: carrito abandonadoLos productos que quedaron en el carrito, uno por slideDesliza hasta el que todavía quiere y toca para ir a su página de producto
E-commerce: Hot Sale o Buen FinLas ofertas destacadas de la temporada, cada una con su precioRecorre las ofertas y abre la que le interesa antes de que se agote
Marketplaces: coincide una búsqueda guardadaVarias publicaciones nuevas, cada una con su precioRecorre las publicaciones y abre la que vale la pena ver de cerca
Delivery de comida: una ventana de promociónPlatillos en tendencia o nuevos en el menúRevisa el conjunto y pide desde el slide en el que se detuvo
Viajes: baja una tarifaVarios destinos u ofertas en un solo envíoDesliza hasta el viaje que le conviene y abre su tarifa
Eventos: la cartelera del fin de semanaVarios shows o artistas, cada uno con su fechaElige una noche y llega a la página de boletos
Juegos móviles: un lanzamiento de contenidoNuevos personajes, skins y paquetesVe todo el lanzamiento antes de abrir la tienda
Apps de creadores: reactivaciónNuevas plantillas y paquetes de contenido desde la última visitaEncuentra algo por lo que vale la pena volver
Momento
1 / 8
E-commerce: carrito abandonado
Qué lleva el carrusel
Los productos que quedaron en el carrito, uno por slide
Qué hace el usuario
Desliza hasta el que todavía quiere y toca para ir a su página de producto
Momento
2 / 8
E-commerce: Hot Sale o Buen Fin
Qué lleva el carrusel
Las ofertas destacadas de la temporada, cada una con su precio
Qué hace el usuario
Recorre las ofertas y abre la que le interesa antes de que se agote
Momento
3 / 8
Marketplaces: coincide una búsqueda guardada
Qué lleva el carrusel
Varias publicaciones nuevas, cada una con su precio
Qué hace el usuario
Recorre las publicaciones y abre la que vale la pena ver de cerca
Momento
4 / 8
Delivery de comida: una ventana de promoción
Qué lleva el carrusel
Platillos en tendencia o nuevos en el menú
Qué hace el usuario
Revisa el conjunto y pide desde el slide en el que se detuvo
Momento
5 / 8
Viajes: baja una tarifa
Qué lleva el carrusel
Varios destinos u ofertas en un solo envío
Qué hace el usuario
Desliza hasta el viaje que le conviene y abre su tarifa
Momento
6 / 8
Eventos: la cartelera del fin de semana
Qué lleva el carrusel
Varios shows o artistas, cada uno con su fecha
Qué hace el usuario
Elige una noche y llega a la página de boletos
Momento
7 / 8
Juegos móviles: un lanzamiento de contenido
Qué lleva el carrusel
Nuevos personajes, skins y paquetes
Qué hace el usuario
Ve todo el lanzamiento antes de abrir la tienda
Momento
8 / 8
Apps de creadores: reactivación
Qué lleva el carrusel
Nuevas plantillas y paquetes de contenido desde la última visita
Qué hace el usuario
Encuentra algo por lo que vale la pena volver
El formato es la mitad del trabajo. La otra mitad es lo que pones en él

50 notificaciones push dignas de copiar, con el texto y el creativo que las hicieron funcionar.

Ver los ejemplos

Cobertura de plataformas y técnica

El soporte de carrusel es desigual entre sistemas operativos. La última columna indica dónde el formato es el propio push y dónde el push solo lleva un payload que muestra tu app.

CapacidadiOSAndroidWebLo entrega
Galería deslizable de varias imágenesiOS 10+––Una notification content extension en tu app, que muestra el payload del push
Acciones de paginación en la notificacióniOS 10+––Una categoría de notificación que la app registra al iniciar
Leyenda y acción al tocar por slideiOS 10+––El código de tu extensión, que lee el payload
Una sola imagen en la notificación expandidaiOS 10+Android 4.1+, una imagen grandeChromeEl propio push
Botones de acción en la notificacióniOS 10+, hasta 4AndroidChromeEl propio push
Escaparate a pantalla completa con diseño y formulariosSíSí–Una página Rich Media abierta al tocar
Capacidad
1 / 6
Galería deslizable de varias imágenes
iOS
iOS 10+
Android
–
Web
–
Lo entrega
Una notification content extension en tu app, que muestra el payload del push
Capacidad
2 / 6
Acciones de paginación en la notificación
iOS
iOS 10+
Android
–
Web
–
Lo entrega
Una categoría de notificación que la app registra al iniciar
Capacidad
3 / 6
Leyenda y acción al tocar por slide
iOS
iOS 10+
Android
–
Web
–
Lo entrega
El código de tu extensión, que lee el payload
Capacidad
4 / 6
Una sola imagen en la notificación expandida
iOS
iOS 10+
Android
Android 4.1+, una imagen grande
Web
Chrome
Lo entrega
El propio push
Capacidad
5 / 6
Botones de acción en la notificación
iOS
iOS 10+, hasta 4
Android
Android
Web
Chrome
Lo entrega
El propio push
Capacidad
6 / 6
Escaparate a pantalla completa con diseño y formularios
iOS
Sí
Android
Sí
Web
–
Lo entrega
Una página Rich Media abierta al tocar

Seguridad y hosting

Pushwoosh opera en su propio hardware en EE.UU. y Alemania, bajo GDPR.

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

Cómo funciona

El carrusel requiere desarrollo. El primer paso es una tarea de ingeniería que se hace una sola vez; después, marketing arma y programa el carrusel como cualquier otro push.

  1. Conecta la extensión una vez (desarrollador)

    Agrega a tu app un target Notification Content Extension, incluye el view controller de carrusel de ejemplo de Pushwoosh y registra la categoría del carrusel al iniciar. Esto convive con la service extension que ya usa el push enriquecido de una sola imagen.

  2. Redacta el mensaje (no-code o API)

    Crea el push en el Control Panel o a través de la Messages API, adjunta las imágenes y define la categoría correspondiente. Cada slide se descarga al recibir el push, así que aloja las imágenes en un CDN y mantén cada una liviana.

  3. Orquéstalo (no-code)

    Envíalo al mismo segmento, desde el mismo Customer Journey que el resto de tu mensajería. Los deep links, los datos personalizados y la personalización funcionan exactamente igual que en un push simple.

Límites que conviene conocer

El formato es acotado. Estos son sus bordes.

  • Solo iOS. La notificación expandida de Android muestra una sola imagen grande y no tiene un equivalente de galería.
  • Armar un carrusel es trabajo de desarrollo. Pushwoosh aporta el código de la extensión y la convención del payload; el Control Panel arma el mensaje alrededor.
  • La configuración necesita su propia notification content extension, además de la service extension que ya requiere el push enriquecido.
  • La galería aparece solo después de mantener presionado o desplegar. Hasta entonces, el banner muestra una sola línea y como máximo una miniatura.
  • Cada slide se descarga al recibir el push. Mantén cada imagen liviana, alójalas en un CDN y envía pocos slides en lugar de muchos.
  • Los reportes de entrega ven el push, y los deslizamientos ocurren en el dispositivo. El engagement por slide lo mides con tus propios eventos in-app.

Muestra varias cosas en un solo push

Un conjunto de imágenes que el usuario recorre le entrega el producto que realmente quería, y no el que tú adivinaste. Habla con nuestro equipo sobre el push con carrusel, o empieza a construir en el plan gratuito.