Skip to content

Messages in-app modaux

Les modaux apparaissent au centre de l’écran de l’appareil avec une incrustation le démarquant de votre application en arrière-plan. Ils sont parfaits pour suggérer plus ou moins subtilement à votre utilisateur de profiter d’une vente ou d’un concours.

Deux messages in-app modaux, côte à côte, indiquant les recommandations en matière d’image et de texte. Voir les sections suivantes pour plus de détails.

Spécifications des images

Modal in-app messages are designed to fit the device at the best and most filling ratios possible, while staying true to the size and ratios of your chosen image or copy for your message.

While there are no limits to how many text characters you can include in an in-app message (as well as buttons, headline, main body, and others), we moderate how many text characters you use. Too much text will require users to expand and scroll the message.

All in-app messages have a recommended image size of 500 KB, maximum image size of 5 MB, and support PNG, JPG, and GIF file types.

Type Aspect ratio Image quality Notes
Portrait full screen with text 6:5 High resolution 1200 x 1000 px
Minimum resolution 600 x 500 px
Cropping can occur on all sides, but the image will always fill the top 50% of the viewport.
Portrait full screen (image only, with or without buttons) 3:5 High resolution 1200 x 2000 px
Minimum resolution 600 x 1000 px
Cropping can occur on the left and right edges on taller devices.
Type Aspect ratio Image quality Notes
Landscape full screen with text 10:3 High resolution 2000 x 600 px
Minimum resolution 1000 x 300 px
Cropping can occur on all sides, but the image will always fill the top 50% of the viewport.
Landscape full screen (image only, with or without buttons) 5:3 High resolution 2000 x 600 px
Minimum resolution 1000 x 600 px
Cropping can occur on the left and right edges on taller devices.
Type Aspect ratio Image quality Notes
Slideup 1:1 High resolution 150 x 150 px
Minimum resolution 50 x 50 px
Images of various aspect ratios will fit into a square image container, without cropping.

Écrans plus grands

Sur une tablette ou un navigateur de bureau, un message in-app modal s’affiche toujours au centre de l’écran de l’application, comme illustré dans la capture d’écran suivante.

Message in-app modal tel qu’il apparaîtrait sur un grand écran. Comme sur les téléphones, le message s’affiche au centre de l'écran.

CETTE PAGE A-T-ELLE ÉTÉ UTILE?
New Stuff!