Messages in-app de type fenêtre modale
Les fenêtres modales apparaissent au centre de l’écran de l’appareil avec un overlay qui les fait ressortir par rapport à votre application en arrière-plan. Elles sont parfaites pour suggérer de manière visible à vos utilisateurs de profiter d’une promotion ou d’une offre spéciale.
Ce type de message est disponible dans l’éditeur par glisser-déposer et dans l’éditeur traditionnel.
Spécifications des images
Les messages in-app modaux sont conçus pour s’adapter le mieux possible aux proportions de l’appareil, tout en restant fidèles à la taille et aux rapports de l’image ou du texte choisis pour votre message.
Bien qu’il n’y ait pas de limite au nombre de caractères que vous pouvez inclure dans un message in-app (boutons, titre, corps principal, etc.), nous vous recommandons de modérer la quantité de texte utilisée. Un texte trop long obligera les utilisateurs à développer et à faire défiler le message.
Tous les messages in-app ont une taille d’image recommandée de 500 Ko, une taille d’image maximale de 5 Mo, et prennent en charge les types de fichiers PNG, JPEG et GIF. Les images WebP ne sont pas prises en charge par tous les appareils ou navigateurs ; nous vous recommandons de convertir les images WebP au format PNG ou JPEG avant de les ajouter à vos messages in-app.
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Portrait plein écran avec texte | 6:5 | Haute résolution 1200 x 1000 px Résolution minimale 600 x 500 px |
L’image peut être rognée de tous les côtés, mais elle occupera toujours la moitié supérieure de la fenêtre. |
| Portrait plein écran (image seule, avec ou sans boutons) | 3:5 | Haute résolution 1200 x 2000 px Résolution minimale 600 x 1000 px |
Sur les appareils plus grands, l’image peut être rognée sur les bords gauche et droit. |
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Paysage plein écran avec texte | 10:3 | Haute résolution 2000 x 600 px Résolution minimale 1000 x 300 px |
L’image peut être rognée de tous les côtés, mais elle occupera toujours la moitié supérieure de la fenêtre. |
| Paysage plein écran (image seule, avec ou sans boutons) | 5:3 | Haute résolution 2000 x 600 px Résolution minimale 1000 x 600 px |
Sur les appareils plus grands, l’image peut être rognée sur les bords gauche et droit. |
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Contextuel | 1:1 | Haute résolution 150 x 150 px Résolution minimale 50 x 50 px |
Les images de différents rapports hauteur/largeur seront insérées dans un conteneur d’images carré, sans rognage. |
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Fenêtre modale (image seule) | 1:1 | Résolution maximale recommandée : 1200 x 2000 px Résolution minimale : 600 x 600 px |
Le message sera redimensionné pour s’adapter à la plupart des rapports hauteur/largeur. La résolution maximale recommandée présente un rapport de 3:5, ce qui peut ne pas fournir des résultats optimaux. Les images de plus grande taille sont utilisables, mais elles peuvent entraîner des temps de chargement plus longs. Le rapport hauteur/largeur idéal pour les images est 1:1. Si ce rapport n’est pas respecté, un avertissement peut apparaître lors du téléchargement. Cet avertissement est une recommandation visant à obtenir les meilleurs résultats possibles et n’empêche pas le téléchargement d’images plus volumineuses. |
| Fenêtre modale avec texte | 29:10 | Haute résolution 1450 x 500 px Résolution minimale 600 x 205 px |
Les images hautes seront réduites et centrées horizontalement. Les images larges seront rognées sur les bords gauche et droit. |
Écrans plus grands
Sur une tablette ou un navigateur de bureau, un message in-app de type fenêtre modale reste centré sur l’écran de l’application, comme illustré dans la capture d’écran suivante.
