Lorsque votre email est paramétrée en "bureau", il faut alors effectuer le réglage de vos versions "tablette" et "mobile". Il est important de connaître les paramètres que vous pouvez modifier sans impacter la version "bureau".
Les éléments modifiables entre le desktop et le mobile
Cet article a pour objectif de vous apporter une liste exhaustive des éléments, valeurs, styles, que vous pouvez modifier sur les points de rupture "tablette" et "mobile" sans impacter la version "bureau".
1. Ce que vous pouvez modifier
L'ensemble des paramètres du conteneur de vos éléments
- La largeur et la hauteur
- La couleur de fond
- L'opacité
Les paramètres des polices
- La police
- Le style (gras/italique)
- La couleur
- La taille et la hauteur de ligne
- L'interlettrage
- L'alignement du texte et l'alignement vertical
Les paramètres de mises en forme
- Les marges
- Les bords arrondis
- Les bordures
- L'alignement de l'élément
Les paramètres de l'arrière-plan
- L'image de fond
- La position
- La couleur de fond
L'arrière-plan dispose de paramètres supplémentaires en version mobile et tablette. Si l'image de fond est modifiée, alors le poids de ce visuel ajouté sera compris dans le poids total de l’email.
Pour plus d'informations sur l'élément "Arrière-plan", vous pouvez vous référer aux articles Les arrière-plans et Adapter l'arrière-plan en mobile.
Les paramètres des colonnes
- Les valeurs des colonnes
Pour que la colonne occupe la largeur totale de l’email, il suffit de saisir la valeur "100%" dans le champ associé. A contrario, si vous souhaitez la masquer, il suffit de saisir la valeur "0%".
Les paramètres du slider
- La hauteur du slider
- L'image de fond du slider
2. Ce que vous ne pouvez pas modifier
- Les images
- Les textes alternatifs
- Les textes
- Les niveaux de titres
- Les retours à la ligne
Pour "forcer" les retours à la ligne sans impacter les autres points de rupture, n'hésitez pas à modifier la largeur de votre conteneur texte ou à lui ajouter des marges.
- Les styles appliqués via le "wysiwyg"
- L'ordre des éléments
Si je modifie mon texte en mobile il le sera également en tablette et bureau. De la même manière si j’ajoute un retour à la ligne ou que je déplace un élément sur l’un des 3 points de rupture, alors la modification sera appliquée partout.
- Les liens et titre des liens
- Les attributs HTML personnalisés
Sur les versions tablette et mobile, les paramètres apparaissent en gris. Cela signifie qu'ils sont hérités de la version desktop mais restent modifiables. Veillez cependant à ce que chaque champs soit bien complété pour une bonne adaptation de votre email.