Paramètres d’apparence de l’éditeur d’e-mails Stripo

Published: 22 octobre 2024 · Last updated: 21 juillet 2026 · By Marcus Biel

L’onglet Apparence vous permet de contrôler le style global de votre e-mail, notamment les polices, les couleurs d’arrière-plan, le style des boutons et le formatage spécifique aux appareils mobiles. Cela garantit une cohérence et une bonne adaptation sur différents appareils et clients de messagerie.

Vous trouverez ci-dessous une explication détaillée de chaque section de l’onglet Apparence.

---

1. Paramètres généraux

Personnalisez l’apparence générale et l’alignement de votre e-mail. Ces paramètres s’appliquent globalement à toutes les sections.

• Alignement du message : alignez le contenu de l’e-mail à gauche, au centre ou à droite.
• Marge intérieure par défaut : définissez un espacement uniforme autour des nouvelles structures ou ajustez séparément la marge intérieure de chaque côté (haut, droite, bas, gauche).
• Couleur d’arrière-plan générale : définissez la couleur d’arrière-plan de l’e-mail à l’aide d’un code hexadécimal ou du sélecteur de couleurs.
• Police : choisissez parmi des polices standard comme Arial et Helvetica, ou des polices décoratives comme Roboto et Lato.
• Interligne : ajustez l’espacement entre les lignes grâce à quatre options prédéfinies.
• Espace inférieur des paragraphes : activez ou désactivez l’espacement entre les paragraphes.
• Souligner les liens : soulignez automatiquement tous les liens de votre e-mail (activation/désactivation).
• Design responsive : activez cette option pour que votre e-mail s’adapte aux différentes tailles d’écran, notamment sur les appareils mobiles.
• Direction du texte RTL : activez cette option pour les langues comme l’arabe ou l’hébreu.
• Image d’arrière-plan : ajoutez une image d’arrière-plan avec la possibilité de lui associer un lien. Faites glisser-déposer les images pour les importer.

---

2. Bandes

Les bandes représentent les grandes sections structurelles de votre e-mail (par exemple, l’en-tête, le contenu, le pied de page et la zone d’informations). Chaque bande peut être stylisée indépendamment.

Bande d’en-tête

• Taille du texte : personnalisez la taille du texte de l’en-tête (8–72).
• Couleur d’arrière-plan : définissez une couleur d’arrière-plan unie ou laissez-la transparente.
• Couleur d’arrière-plan du contenu : ajustez la couleur d’arrière-plan à l’intérieur de la section d’en-tête.
• Couleur de police : définissez la couleur du texte.
• Couleur des liens : définissez la couleur des liens de navigation ou des autres liens de l’en-tête.
• Image d’arrière-plan : ajoutez une image d’arrière-plan facultative.

Bande de contenu

Le corps principal de votre e-mail, destiné au texte, aux images et aux éléments interactifs.

• Taille du texte : ajustez la taille du texte du contenu (8–72).
• Couleur d’arrière-plan du contenu : définissez la couleur d’arrière-plan de la zone de contenu principale.
• Couleur de police : définissez la couleur par défaut du texte.
• Couleur des liens : personnalisez la couleur des liens.

Bande de pied de page

Généralement utilisée pour les coordonnées, les mentions légales ou les liens vers les réseaux sociaux.

• Taille du texte : définissez la taille du texte (8–72).
• Couleur d’arrière-plan : choisissez une couleur d’arrière-plan unie ou laissez-la transparente.
• Couleur d’arrière-plan du contenu : définissez l’arrière-plan intérieur du pied de page.
• Couleur de police : définissez la couleur de la police.
• Couleur des liens : personnalisez la couleur des liens du pied de page.
• Image d’arrière-plan : ajoutez éventuellement une image avec un lien cliquable.

Bande de zone d’informations

Utilisée pour les avertissements, les mentions légales ou les informations complémentaires.

• Taille du texte : définissez la taille de la police (8–72).
• Couleur de police : définissez la couleur de la police.
• Couleur des liens : ajustez la couleur des liens dans cette bande.

---

3. Titres

Définissez le style visuel des titres (H1, H2, H3) afin d’assurer une hiérarchie et une structure claires dans votre e-mail.

• Police : choisissez une police pour les titres.
• Interligne : ajustez l’espacement entre les lignes pour une meilleure lisibilité.
• Taille des titres : personnalisez la taille des titres H1, H2 et H3 (8–72).
• Style du texte : appliquez les styles gras ou italique.
• Couleur de police : définissez une couleur unique pour chaque type de titre.

---

4. Boutons

Concevez les boutons de votre e-mail pour favoriser l’engagement.

• Prise en charge d’Outlook : activez cette option pour garantir un affichage correct dans Microsoft Outlook grâce au code VML (peut augmenter la taille de l’e-mail).
• Couleur des boutons : définissez la couleur par défaut des boutons.
• Mettre en évidence les boutons survolés : activez ou désactivez un effet de couleur au survol.
  • Couleur au survol : choisissez la couleur au survol.
• Couleur de police : définissez la couleur du texte des boutons.
• Style du texte :
  • Police : sélectionnez une police pour le texte des boutons.
  • Taille de la police : ajustez la taille du texte (8–72).
  • Style : appliquez les styles gras ou italique.
• Rayon de bordure : arrondissez les angles des boutons (0–100).
• Bordures :
  • Type : choisissez des bordures continues, en tirets ou en pointillés.
  • Couleur : définissez la couleur des bordures.
• Marge intérieure : ajustez la marge intérieure des boutons (haut, droite, bas, gauche).

---

5. Formatage mobile

Assurez-vous que votre e-mail s’affiche parfaitement sur les appareils mobiles grâce à des paramètres spécifiques.

• Tailles du texte de l’en-tête, du contenu, du pied de page et de la zone d’informations : personnalisez la taille du texte de chaque section sur mobile.
• Taille de la police des éléments de menu : ajustez la taille de la police des éléments du menu de navigation.
• Tailles des titres : définissez les tailles des titres H1, H2 et H3 en affichage mobile.
• Alignement des titres : alignez les titres (à gauche, au centre, à droite).
• Taille du texte des boutons : personnalisez la taille du texte des boutons sur mobile.
• Boutons pleine largeur : activez cette option pour que les boutons occupent toute la largeur de l’écran.
• Marge intérieure supérieure et inférieure : ajustez la marge intérieure pour une meilleure apparence sur mobile.
• Marge du contenu : ajustez la marge autour du contenu sur mobile (0–100).

---

Remarques finales

• Tests : testez toujours votre e-mail sur différents appareils et clients de messagerie afin de garantir sa cohérence.
• Accessibilité : utilisez des polices accessibles, une structure de titres appropriée et un texte alternatif pour les images afin de garantir l’inclusivité.
• Optimisation : réduisez la taille des fichiers pour accélérer le chargement et améliorer les performances, ce qui est particulièrement important pour les utilisateurs mobiles.