L'optimisation mobile n'est plus simplement un avantage, mais c'est un must have.
Pour que les emails soient parfaitement lisibles sur n'importe quel support, il est possible d’appliquer des tailles de police différentes de celles de la version desktop : aux titres, aux textes, aux boutons, etc.
Il est également possible via l’éditeur de personnaliser la taille des marges à l'intérieur des conteneurs et de masquer/désactiver certains éléments sur mobile.
En un rien de temps et sans avoir besoin d’être compétent en matière de codage, ces différentes options permettent de créer des e-mails de qualité supérieure adaptés aux appareils mobiles.
Comment activer l’optimisation mobile et ajuster le formatage mobile selon vos préférences ?
Si vous souhaitez que vos titres et textes conservent une taille spécifique sur mobile, vous pouvez modifier ces paramètres directement dans l’onglet "Formatage mobile" de l’éditeur.
Étapes pour ajuster le formatage mobile :
- Accédez à l'éditeur d'email et sélectionnez l’email que vous voulez modifier.
- Allez dans l'onglet "Apparence" de l’éditeur.
- Ouvrez la section "Formatage mobile".
- Ajustez les tailles des titres et du texte selon vos besoins.
- Enregistrez vos modifications.
Si la section "Formatage mobile" n’est pas activée, un message s’affiche

Se rendre alors dans le menu "Apparence" → "Paramètres généraux" et activer le contrôle "Optimisation mobile".

Option non activée = la version desktop et mobile sont similaires

Option activée = la version desktop s’adapte sur mobile en fonction de la taille de l’écran.

Quelles sont les adaptations possibles sur mobile ?
Il est possible dans la section formatage mobile de configurer la taille de certains textes pour que l’affichage soit plus facile et agréable à lire sur un écran de petite taille.
Personnalisation de la taille des polices, de l’ensemble des bandes, des éléments d’un menu, des titres, des boutons…
Pour les boutons, il est possible de définir la taille du texte des boutons. Pour l’icône, la taille optimale est de 18 px ou plus.

Concernant les boutons extra larges, quand l’option “Boutons extra-larges” est activée, elle permet d’adapter la taille du bouton à la taille de l'écran mobile du destinataire.


Les marges du contenu permettent d’ajouter des marges à gauche, à droite, en haut, en bas du contenu pour optimiser l’affichage mobile.
Les textes de ma version mobile sont disproportionnés :

Vous pouvez avoir cette impression lorsque vous prévisualisez votre rendu sur mobile. Cela vient très probablement d’une modification des tailles de textes dans le formatage mobile. Ces règles s’appliquent par défaut sur l’ensemble de vos mails.
Comprendre et ajuster le formatage mobile de vos emails
Lorsque vous créez un email, vous définissez la taille des titres, des paragraphes et d'autres éléments de texte directement dans l'éditeur. Cependant, pour garantir une bonne lisibilité sur mobile, nous appliquons par défaut un formatage mobile qui ajuste automatiquement certaines tailles de texte.
Par exemple :
- Un titre H1 défini à 24px dans l'éditeur s'affichera à 18px sur mobile.
- Un titre H2 défini à 20px s'affichera à 16px sur mobile.
Ce formatage mobile est activé par défaut et prend la priorité sur les tailles que vous avez définies dans l'éditeur.
Avec ces réglages, vous gardez un contrôle total sur l’apparence de vos emails, quel que soit l’appareil utilisé par vos destinataires ! 🚀