Personnaliser les marges

Des marges sont disponibles pour les éléments image, texte, bouton et vidéo.

Elles servent à appliquer de l’espace entre les éléments présents au sein de votre email. Elles participent donc à la structuration de l’email, permettent d’optimiser la lisibilité de votre contenu, offrent des respirations visuelles et profitent à la hiérarchie de l’information.

Il n’existe pas de valeur universelle pour les marges, cependant, n’hésitez pas à appliquer les mêmes marges pour chaque type d’élément. Par exemple : une taille de marge pour l’espace entre un titre et un paragraphe, une autre pour l’espace entre un titre et un sous-titre.

Pour ajouter des marges sur votre élément en version desktop, sélectionnez l’élément et ouvrez la catégorie “Marges” depuis l'onglet “Styles” du volet de conception.

Il est possible d’ajouter des marges au-dessus, en dessous, à droite ou à gauche de votre élément. Les marges peuvent être appliquées en pixels ou en pourcentage en fonction du rendu souhaité.

En version desktop, les marges sont en général appliquées en pixels pour avoir un rendu précis.

En version tablette et mobile, les marges sont indépendantes.

Il est donc possible de vous rendre sur ces vues pour modifier leur valeurs sans impacter celles renseignées en vue desktop. Par défaut, les marges sont héritées de votre version desktop et apparaissent en couleur grise.

Sur ces points de ruptures, les marges sont généralement appliquées en pourcentage, afin d’avoir un rendu optimal sur l’ensemble des tailles d’écrans.

Lorsque l’on ajoute des marges à un élément ayant une couleur de fond, les marges conservent cette couleur.

Dans cette situation, si vous souhaitez ajouter une marge transparente (ou blanche) au dessus ou en dessous de votre élément, vous avez 2 possibilités :

• Placer la marge sur l’élément précédent ou suivant
• Utiliser un élément Séparateur

Pour plus d'informations concernant l’élément Séparateur, vous pouvez vous référer à l'article : Les séparateurs.

Les marges représentent un atout majeur pour créer des espaces puisqu’elles ajoutent moins de poids de code (HTML/CSS) à l’email. Lorsqu’elles peuvent être utilisées, elles sont conseillées par rapport à l’usage de l’élément séparateur.