Configurer la mise en page et la conception de vos emails avec l'onglet Style

L'onglet Style contrôle les paramètres de design généraux de vos emails pour un rendu cohérent. Vous pouvez y gérez l’apparence du texte, les couleurs, l’espacement et les styles de boutons, afin de définir l’identité visuelle de votre email sans style de bloc individuel. Vous trouverez cinq sections clés, chacune vous permettant de contrôler un aspect spécifique de la mise en page et de la conception globale de vos emails :

 

🎨 Bibliothèque de marque

🧩 Mise en page

↔️ Espacement

🔙 Fond

🌐 En-tête

🖍️ Styles de texte et Paramètres du texte

🔗 Liens

🖱️ Boutons

🎨 Bibliothèque de marque

Configurez votre bibliothèque de marque pour que chaque nouveau template sélectionné hérite des propriétés de votre marque, telles que le logo, les couleurs, les polices et les liens vers les réseaux sociaux. En plus de vous faire gagner du temps, la bibliothèque de marque vous permet de maintenir une image de marque cohérente pour vos emails.

brand-library_FR.png

➡️ Pour en savoir plus sur la bibliothèque de marque, consultez notre article dédié Concevoir automatiquement vos emails avec vos éléments de marque à l'aide de la Bibliothèque de marque.

🧩 Mise en page

Le corps est la partie centrale de l’email. Il contient votre message et votre contenu, affichés dans une mise en page verticale. Dans la section Mise en page, vous pouvez choisir la largeur et la couleur du corps de votre email :

dde_body-settings_en-us.png

Par défaut, la largeur est définie sur 600 px, mais lorsque vous la modifiez, les blocs de mise en page et de contenu sont automatiquement redimensionnés. 

↔️ Espacement

La section Espacement vous permet d’ajouter une Marge intérieure, c’est-à-dire l’espace en haut et en bas du design de votre email. Pour définir la marge intérieure, entrez une valeur en pixels ou utilisez les boutons + / −.

dde_padding_en-us.png

Deux choix s'offrent à vous :

  • Laissez la case Grouper les côtés cochée pour appliquer la marge intérieure en haut et en bas du design de votre email, ou
  • décochez la case Grouper les côtés pour ajuster chaque côté individuellement (haut, bas).

🔙 Fond

Vous pouvez choisir une couleur ou une image de fond pour le design de votre email :

🎨 Couleur d’arrière-plan🏞️ Image d’arrière-plan
dde_bckrg-color_en-us.png
💡 Bon à savoir
Lorsque vous sélectionnez une couleur de fond, elle s'applique à tous les blocs de contenu sur l'intégralité de votre campagne. Si vous voulez uniquement que le corps de l’email ait une couleur de fond, sélectionnez une couleur dans Mise en page > Couleur du corps à la place.

🌐 En-tête

Activez l’option Afficher le lien "Afficher dans le navigateur" pour permettre à vos destinataires de consulter une version en ligne de votre campagne email s’ils ont du mal à l’afficher dans leurs clients email. Un lien Afficher dans le navigateur sera automatiquement ajouté en haut de votre email :

DEE_view-browser_FR.png

➡️ Pour en savoir plus sur le lien d’affichage dans le navigateur, consultez notre article dédié Ajouter un lien miroir à vos emails (Afficher dans le navigateur).

🖍️ Styles de texte et Paramètres du texte

💡 Bon à savoir
Configurez votre bibliothèque de marque pour choisir les polices à utiliser par défaut pour vos titres et vos paragraphes. Pour en savoir plus, consultez notre article Concevoir automatiquement vos emails avec vos éléments de marque à l'aide de la Bibliothèque de marque.

Vous pouvez choisir l’apparence du texte de chaque style séparément (paragraphes, titres, etc). Sélectionnez le style pour lequel vous souhaitez définir une famille de polices, une taille et une couleur et sélectionnez-les dans leurs listes déroulantes respectives :

dde_text-style_en-us.png
💡 Bon à savoir
Pour ajouter des polices Google, personnalisées ou de substitution, cliquez sur Gérer les polices Web dans le menu déroulant Police. Pour en savoir plus sur les différentes polices, consultez notre article dédié Ajouter des polices Google, personnalisées et de substitution au design de votre email.
Dans la section Paramètres du texte, vous pouvez aussi choisir l'interlignage parmi les options par défaut ou créer une hauteur personnalisée, et choisir le sens de l'écriture (de gauche à droite ou de droite à gauche) pour l'ensemble de vos textes :
dde_text-settings_en-us.png

➡️ Pour en savoir plus sur les blocs de contenu Titre et Texte, consultez notre article dédié À propos des blocs de contenu Titre et Texte.

🔗 Liens 

Depuis la section Liens, définissez le style par défaut de tous les liens de votre newsletter. Choisissez leur couleur et leur style (gras, italique, souligné) :

dde_links-settings_en-us.png

🖱️ Boutons

Depuis la section Boutons, définissez le style par défaut de tous les boutons de votre newsletter. Si vous souhaitez changer rapidement l'aspect de tous les boutons, faites-le à partir d'ici !

Vous pouvez choisir le style et la taille de police, la largeur, les angles, la couleur, ainsi que la taille et la couleur des bordures de vos boutons : 

mceclip0.png

➡️ Pour en savoir plus sur le bloc de contenu Boutons, consultez notre article dédié Insérer des call-to-actions (CTA) dans vos designs d'email (bouton).

⏩ Quelle est la prochaine étape ?

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.

💬 Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 8 sur 67