E-mail builder : Éléments de contenu

Les éléments de contenu sont les blocs que vous placez à l'intérieur des structures. Chaque type d'élément gère un type de contenu spécifique et dispose de ses propres paramètres. Glissez les éléments depuis le panneau Éléments à gauche vers les colonnes de votre canvas. Vous pouvez également faire glisser des éléments entre des structures déjà présentes sur le canvas.

Titre

Les éléments de titre créent une hiérarchie visuelle dans votre e-mail : titres, en-têtes de section et sous-titres. Plusieurs niveaux de titre sont disponibles (H1, H2, H3), avec des styles par défaut définis dans votre panneau Style e-mail. Utilisez les titres pour aider les lecteurs à parcourir rapidement votre message.

Texte

L'élément texte sert au corps du message. Cliquez dessus pour ouvrir un éditeur de texte enrichi où vous pouvez modifier la police, la taille, la couleur, l'alignement et l'espacement. Vous pouvez ajouter des liens, insérer des placeholders de personnalisation et inclure des images en ligne. Pour des blocs de texte conditionnels, vous pouvez utiliser des if-structures directement à l'intérieur des éléments texte.

Ligne

Une ligne horizontale qui sépare visuellement les sections. Sa couleur, son épaisseur, sa largeur et son padding sont configurables.

Espaceur

Ajoute un espace blanc vertical entre les éléments. Plus fiable que l'utilisation de paragraphes vides dans les éléments texte, en particulier d'un client de messagerie à l'autre.

Bouton

Les boutons sont votre principal appel à l'action. Ils sont plus visibles que des liens textuels et rendent immédiatement claire la prochaine étape. Entièrement personnalisables : libellé, URL, couleur, padding, rayon de bordure et police. Consultez « Ajouter un appel à l'action (bouton) » pour des instructions détaillées.

Image

Ajoutez des images en glissant l'élément image dans une colonne. Uploadez-les directement, choisissez-les dans votre bibliothèque de médias ou collez une URL. Une fois en place, configurez le texte alt, un lien, la largeur et l'alignement dans le panneau de droite. Consultez « Ajouter une image (animée) » pour des instructions détaillées.

Réseaux sociaux

Ajoute des icônes de réseaux sociaux avec des liens vers vos profils. Les icônes et les URL sont pré-remplies à partir des paramètres réseaux sociaux de votre compte, dans Configuration > Réseaux sociaux. Vous pouvez choisir quelles plateformes afficher et dans quel ordre.

Liste

Un élément de liste à puces mise en forme. Utile pour les listes de fonctionnalités, les aperçus d'étapes ou tout contenu qui se lit mieux sous forme de liste. Prend en charge les placeholders de personnalisation et les liens.

Style de l'élément (paramètres de l'élément)

Après avoir cliqué sur un élément, vous pouvez le configurer à l'aide du panneau Style de l'élément qui apparaît à droite. Les paramètres exacts disponibles peuvent varier selon l'élément sélectionné et selon que vous consultez actuellement la version desktop ou la version mobile de votre e-mail.

Tous les paramètres de ce panneau sont regroupés en sections — Contenu, Mise en page, Visibilité, etc. — et peuvent être configurés séparément pour Desktop et pour Mobile à l'aide des onglets en haut. Le panneau Style de l'élément reste synchronisé avec votre vue actuelle : si la version mobile de votre élément possède des paramètres différents de ceux de la version desktop, un point l'indique.

Erreurs courantes à éviter

• Utiliser des paragraphes vides dans les éléments texte pour créer de l'espacement. Leur comportement est incohérent d'un client de messagerie à l'autre. Utilisez plutôt un élément Espaceur.
• Utiliser l'élément HTML sans tester sur les différents clients. Un HTML en ligne qui paraît correct dans un client peut être cassé dans d'autres. Lancez Vérification du message après avoir ajouté un élément HTML.
• Oublier le texte alt sur les éléments image. Toute image sans texte alt est invisible pour les lecteurs d'écran et apparaît comme une boîte vide lorsque les images sont bloquées. Renseignez toujours le champ texte alt.
• Utiliser plusieurs niveaux de titre sans hiérarchie claire. H1 doit être le titre principal de l'article, H2 pour les sections, H3 pour les sous-sections. Un usage incohérent des titres rend votre e-mail plus difficile à parcourir.

Étapes suivantes

• Consultez « Ajouter un appel à l'action (bouton) » pour des conseils sur la rédaction de libellés de bouton efficaces et leur positionnement.
• Consultez « Textes alt » pour des conseils sur la rédaction de textes alt efficaces pour les éléments image.
• Consultez « Email Builder : paramètres de style e-mail » pour configurer les styles par défaut dont tous les éléments héritent.

Articles liés