Push carrousel d'images iOS

Montrez plusieurs choses dans une seule notification

Une notification push carrousel place une série d'images dans une seule notification iOS et laisse l'utilisateur les faire défiler. Pushwoosh fournit la notification content extension qui l'affiche, et le carrousel part depuis la même campagne, le même segment et le même parcours que n'importe quelle autre notification push.

Trois iPhone groupés, chacun affichant une notification push dépliée en galerie d'images à faire défiler : des articles de mode sur le premier, des destinations de voyage sur le deuxième, des personnages de jeu sur le troisième

Plus de 80 000 entreprises nous font confiance pour développer leur engagement

Le format, en détail

Une notification push classique transporte une ligne de texte. Une notification rich media ajoute une image. Une notification carrousel transporte une série d’images que l’utilisateur d’iPhone fait défiler après avoir déroulé la notification, chaque visuel ayant sa propre légende et sa propre cible au tap.

Bannière réduite

Avant d'être dépliée, la notification ressemble à n'importe quelle autre : un titre, une ligne de texte et au plus une vignette.

Galerie dépliée

Un appui long ou un geste vers le bas ouvre la galerie. L'utilisateur fait défiler toute la série d'images vers la gauche et vers la droite.

Légende par visuel

Chaque image peut porter son propre texte : un prix, une taille ou une date de départ accompagne l'image à laquelle il se rapporte.

Action au tap par visuel

Un tap sur un visuel ouvre l'écran qui lui correspond : chaque article renvoie par deep link vers sa propre page plutôt que vers un écran d'accueil commun.

Commandes de navigation

L'app enregistre une catégorie de notification dont les actions passent au visuel suivant ou précédent, en complément du geste de balayage.

Votre propre mise en page

Un view controller de votre app affiche la galerie : typographie, couleurs et espacements suivent votre design plutôt qu'un modèle figé.

La place du carrousel, entre une image et une page complète

Quand vous avezEnvoyezOù cela s'affiche
Une ligne de texteUne notification push classiqueLa bannière
Une image ou un GIFUne notification push rich mediaLa notification dépliée
Plusieurs images à faire défilerUne notification push carrousel d'imagesLa notification dépliée, après l'avoir déroulée
Une mise en page, des formulaires ou une vidéoUne page Rich MediaUn plein écran dans l'app, ouvert au tap
Quand vous avez
1 / 4
Une ligne de texte
Où cela s'affiche
La bannière
Quand vous avez
2 / 4
Une image ou un GIF
Où cela s'affiche
La notification dépliée
Quand vous avez
3 / 4
Plusieurs images à faire défiler
Envoyez
Une notification push carrousel d'images
Où cela s'affiche
La notification dépliée, après l'avoir déroulée
Quand vous avez
4 / 4
Une mise en page, des formulaires ou une vidéo
Envoyez
Une page Rich Media
Où cela s'affiche
Un plein écran dans l'app, ouvert au tap

Son rôle, au sein d’un parcours

Un parcours, plusieurs formats

Le carrousel est un attribut d’un message que vous envoyez déjà. L’audience, le déclencheur, le segment et le profil client restent en place ; le format change l’apparence du message à son arrivée.

Vous le composez dans le même Customer Journey que vos notifications push, messages in-app, e-mails et web push. L’intégration et l’audience sont celles dont vous disposez déjà.

Un panier abandonné, traité de bout en bout

Une cliente ajoute trois articles et quitte l’app. Une notification silencieuse précharge les données produit en arrière-plan, invisible pour l’utilisatrice, et la notification carrousel suit avec ces trois articles, un par visuel.

La cliente fait défiler jusqu’à la paire de chaussures, touche le visuel et arrive sur la fiche produit. Si la notification n’est pas ouverte, le même parcours enchaîne avec un message in-app à la prochaine ouverture et un e-mail le lendemain. Un scénario taillé pour les Soldes, les French Days ou le Black Friday.

Pour quels usages

Le carrousel vaut l’effort d’intégration lorsqu’un message a plus d’une chose à montrer. Pour une seule image phare, une notification rich media fait le même travail avec une mise en place bien plus légère.

MomentCe que porte le carrouselCe que fait l'utilisateur
E-commerce : panier abandonnéLes articles laissés dans le panier, un par visuelFait défiler jusqu'à celui qu'il veut toujours et ouvre sa fiche produit
Marketplaces : une recherche enregistrée trouve des résultatsPlusieurs nouvelles annonces, chacune avec son prixParcourt les annonces et ouvre celle qui mérite un examen attentif
Voyage : une baisse de tarifPlusieurs destinations ou offres en un seul envoiFait défiler jusqu'au voyage qui lui convient et ouvre son tarif
Événements : la programmation du week-endPlusieurs spectacles ou artistes, chacun avec sa dateChoisit une soirée et arrive sur la page de billetterie
Livraison de repas : une période promotionnellePlats tendance ou nouveautés de la carteParcourt la sélection et commande depuis le visuel où il s'est arrêté
Jeux mobiles : un nouveau contenuNouveaux personnages, skins et packsDécouvre l'ensemble du contenu avant d'ouvrir la boutique
Apps de création : réengagementNouveaux modèles et packs de contenu depuis la dernière visiteTrouve une bonne raison de revenir
Moment
1 / 7
E-commerce : panier abandonné
Ce que porte le carrousel
Les articles laissés dans le panier, un par visuel
Ce que fait l'utilisateur
Fait défiler jusqu'à celui qu'il veut toujours et ouvre sa fiche produit
Moment
2 / 7
Marketplaces : une recherche enregistrée trouve des résultats
Ce que porte le carrousel
Plusieurs nouvelles annonces, chacune avec son prix
Ce que fait l'utilisateur
Parcourt les annonces et ouvre celle qui mérite un examen attentif
Moment
3 / 7
Voyage : une baisse de tarif
Ce que porte le carrousel
Plusieurs destinations ou offres en un seul envoi
Ce que fait l'utilisateur
Fait défiler jusqu'au voyage qui lui convient et ouvre son tarif
Moment
4 / 7
Événements : la programmation du week-end
Ce que porte le carrousel
Plusieurs spectacles ou artistes, chacun avec sa date
Ce que fait l'utilisateur
Choisit une soirée et arrive sur la page de billetterie
Moment
5 / 7
Livraison de repas : une période promotionnelle
Ce que porte le carrousel
Plats tendance ou nouveautés de la carte
Ce que fait l'utilisateur
Parcourt la sélection et commande depuis le visuel où il s'est arrêté
Moment
6 / 7
Jeux mobiles : un nouveau contenu
Ce que porte le carrousel
Nouveaux personnages, skins et packs
Ce que fait l'utilisateur
Découvre l'ensemble du contenu avant d'ouvrir la boutique
Moment
7 / 7
Apps de création : réengagement
Ce que porte le carrousel
Nouveaux modèles et packs de contenu depuis la dernière visite
Ce que fait l'utilisateur
Trouve une bonne raison de revenir
Le format fait la moitié du travail. L'autre moitié, c'est ce que vous y mettez

50 notifications push dont vous pouvez vous inspirer, avec le texte et le visuel qui ont fait leur succès.

Voir les exemples

Couverture plateformes et technique

La prise en charge du carrousel varie selon les systèmes d’exploitation. La dernière colonne indique où le format relève de la notification elle-même, et où la notification ne transporte qu’un payload que votre app affiche.

FonctionnalitéiOSAndroidWebFourni par
Galerie multi-images à faire défileriOS 10+––Une notification content extension dans votre app, qui affiche le payload push
Actions de navigation dans la notificationiOS 10+––Une catégorie de notification que l'app enregistre au lancement
Légende et action au tap par visueliOS 10+––Le code de votre extension, qui lit le payload
Image unique dans la notification dépliéeiOS 10+Android 4.1+, une seule grande imageChromeLa notification elle-même
Boutons d'action dans la notificationiOS 10+, jusqu'à 4AndroidChromeLa notification elle-même
Vitrine plein écran avec mise en page et formulairesOuiOui–Une page Rich Media ouverte au tap
Fonctionnalité
1 / 6
Galerie multi-images à faire défiler
iOS
iOS 10+
Android
–
Web
–
Fourni par
Une notification content extension dans votre app, qui affiche le payload push
Fonctionnalité
2 / 6
Actions de navigation dans la notification
iOS
iOS 10+
Android
–
Web
–
Fourni par
Une catégorie de notification que l'app enregistre au lancement
Fonctionnalité
3 / 6
Légende et action au tap par visuel
iOS
iOS 10+
Android
–
Web
–
Fourni par
Le code de votre extension, qui lit le payload
Fonctionnalité
4 / 6
Image unique dans la notification dépliée
iOS
iOS 10+
Android
Android 4.1+, une seule grande image
Web
Chrome
Fourni par
La notification elle-même
Fonctionnalité
5 / 6
Boutons d'action dans la notification
iOS
iOS 10+, jusqu'à 4
Android
Android
Web
Chrome
Fourni par
La notification elle-même
Fonctionnalité
6 / 6
Vitrine plein écran avec mise en page et formulaires
iOS
Oui
Android
Oui
Web
–
Fourni par
Une page Rich Media ouverte au tap

Sécurité et hébergement

Pushwoosh fonctionne sur son propre matériel aux États-Unis et en Allemagne, dans le cadre du RGPD.

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

Comment ça marche

Le carrousel demande un développement. La première étape est une tâche technique unique ; ensuite, l’équipe marketing compose et planifie le carrousel comme n’importe quelle autre notification push.

  1. Branchez l'extension une fois (développeur)

    Ajoutez une cible Notification Content Extension à votre app, intégrez le view controller de carrousel d'exemple fourni par Pushwoosh et enregistrez la catégorie carrousel au lancement. Elle s'ajoute à la service extension déjà utilisée par le rich push à image unique.

  2. Composez le message (no-code ou API)

    Créez la notification dans le Control Panel ou via l'API Messages, joignez les images et définissez la catégorie correspondante. Chaque visuel est téléchargé à la réception : hébergez les images sur un CDN et gardez-les légères.

  3. Orchestrez (no-code)

    Envoyez-la au même segment, depuis le même Customer Journey que le reste de votre messagerie. Deep links, données personnalisées et personnalisation fonctionnent exactement comme sur une notification classique.

Limites à connaître

Le format est ciblé. Voici ses limites.

  • iOS uniquement. La notification dépliée d’Android affiche une seule grande image et n’a pas d’équivalent en galerie.
  • L’assemblage d’un carrousel relève du développement. Pushwoosh fournit le code de l’extension et la convention de payload ; le Control Panel compose le message autour.
  • La mise en place nécessite sa propre notification content extension, en plus de la service extension que le rich push exige déjà.
  • La galerie n’apparaît qu’après un appui long ou en déroulant la notification. Jusque-là, la bannière n’affiche qu’une ligne et au plus une vignette.
  • Chaque visuel est téléchargé à la réception. Gardez chaque image légère, hébergez-les sur un CDN et envoyez peu de visuels plutôt que beaucoup.
  • Les rapports de livraison voient la notification, mais les balayages se font sur l’appareil. Vous mesurez l’engagement par visuel via vos propres événements in-app.

Montrez plusieurs choses dans une seule notification

Une série d’images à faire défiler offre à l’utilisateur l’article qu’il voulait vraiment, plutôt que celui que vous aviez deviné. Parlez du push carrousel avec notre équipe, ou commencez à construire avec l’offre gratuite.