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 vous modifiez du texte sur la version mobile, cette modification sera également répercutée sur les versions tablette et bureau. De même, si vous ajoutez un saut de ligne ou déplacez un élément vers l'un des trois points de rupture, la modification s'appliquera 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.