Il est possible d'afficher vos courriels en fonction de l'écran sur lequel ils sont ouverts. Par exemple, les images de la version standard (ordinateur) peuvent être différentes de celles de la version mobile. Pour vous assurer que vos courriels s'affichent toujours comme prévu, éditez et testez la version mobile avant de les envoyer à vos destinataires.
Éditer la version mobile
Dans l'interface Édition, vous avez des options dans le panneau de gauche. Dans la section Configurations globables, vous pouvez éditer les Styles par défaut de l'affichage mobile :
Ici, Vous pouvez éditer la taille, la couleur, la police et les styles des textes, des liens et des titres :
Pour définir les dimensions de la version mobile, allez dans Styles par défaut:
Rendez-vous ensuite dans l'onglet Largeurs :
- Point de rupture - Moment où un design responsive change en fonction de la taille de l'écran. Celui-ci peut être de 600 px.
- Largeur maximale - Largeur maximale à respecter. Pour que votre courriel s'affiche comme vous le souhaitez, utilisez une largeur maximale d'environ 300 px.
- Marges des contenus - Marges gauche et droite.
- Espace entre les colonnes - Espace entre les colonnes si votre message en contient.
Ces configurations s'appliquent globablement aux éléments de la version mobile de ce message. Vous pouvez quand même modifier un élément de façon individuelle en éditant son style dans le bloc dans lequel il se trouve (ex. : bloc de texte).
Pour modifier les caractéristiques mobile d'un élément, sélectionnez l'onglet Affichage mobile :
Vous pouvez déterminer les contenus qui seront conservés ou non dans la version mobile à l'aide de l'option Cacher en mode adaptatif.
Tester la version mobile
Une fois votre courriel validé, vous pouvez tester l'envoi afin de vérifier s'il s'affiche comme prévu sur les appareils mobiles et les applications de messagerie à votre disposition (voir Guide sur la validation et les tests de courriels).
Vous pouvez consulter l'aperçu pour voir ce à quoi votre courriel ressemblera sur mobile. Pour ce faire, allez à la page de test puis cliquez sur l'icône dans l'entête. Cela vous donnera un aperçu, mais il est tout de même préférable de faire de vrais tests pour vérifier le rendu réel.