E-mail builder : Configuration de l'E-mail style

Le panneau Style e-mail contrôle l'apparence globale de votre message. Ouvrez-le en cliquant sur l'icône Style e-mail dans le panneau de droite lorsque rien n'est sélectionné sur le canvas. Les paramètres définis ici sont hérités par toutes les structures et tous les éléments, sauf si vous les remplacez au niveau de chaque élément. Lorsque vous créez un nouveau message, ces paramètres sont pré-remplis à partir de votre Brand kit.

Conseil support configurez vos paramètres de Style e-mail avant d'ajouter des structures et des éléments. Tout ce que vous ajoutez ensuite hérite de ces valeurs par défaut, ce qui implique beaucoup moins de mise en forme manuelle par élément.


E-mail

Contrôle la mise en page globale de votre e-mail :

  • Largeur : la largeur du contenu en pixels. La valeur par défaut est de 600 px, qui fonctionne bien sur l'ensemble des clients desktop, webmail et mobile. Nous recommandons de rester entre 600 et 700 px.
  • Alignement : à gauche, au centre ou à droite. Le centre est l'alignement par défaut et convient à la plupart des designs.
  • Couleur d'arrière-plan : la couleur visible autour et derrière votre contenu. La valeur par défaut est un gris clair #f1f1f1 .
  • Couleur d'arrière-plan du contenu : l'arrière-plan de la zone de contenu proprement dite. La valeur par défaut est le blanc (#ffffff) . Cette couleur est automatiquement héritée par toutes les structures.

Texte

Définit la famille de polices par défaut, la taille de police et la couleur de texte pour tous les éléments texte de votre e-mail. Les éléments texte individuels peuvent remplacer ces valeurs par défaut. Les valeurs par défaut sont Arial, 14 px, noir #000000 .


Liens

Définit la couleur par défaut des liens dans les éléments texte et liste. Vous pouvez également choisir si les liens doivent être soulignés par défaut.


Titres

Définit la police, la taille et la couleur par défaut pour chaque niveau de titre (H1, H2, H3). Chaque niveau peut être configuré indépendamment.


Boutons

Définit le style par défaut pour tous les éléments bouton : couleur d'arrière-plan, couleur de texte, police, padding et rayon de bordure. Les boutons individuels peuvent remplacer ces valeurs par défaut.


Erreurs courantes à éviter

  • Configurer le Style e-mail après avoir déjà ajouté des éléments. Les modifications du Style e-mail effectuées après l'ajout d'éléments ne remplacent pas rétroactivement les paramètres individuels des éléments déjà configurés. Configurez d'abord le Style e-mail.
  • Définir une largeur de contenu supérieure à 700 px. Les mises en page plus larges peuvent ne pas s'afficher correctement dans certains clients de messagerie et apparaissent généralement avec des barres de défilement horizontales sur mobile.
  • Ne pas configurer le Brand kit avant de créer des messages. Si votre Brand kit est correctement configuré, le Style e-mail est pré-rempli et vous n'avez que rarement besoin d'y toucher. Consultez Configuration > Brand kit.
  • Remplacer le Style e-mail sur chaque élément individuel. Un design cohérent repose sur des valeurs par défaut cohérentes. Utilisez le Style e-mail pour vos valeurs par défaut de marque et ne le remplacez au niveau d'un élément que lorsqu'un choix de design spécifique l'exige.

Étapes suivantes

  • Vérifiez dans Configuration > Brand kit que les couleurs et les polices de votre marque sont bien configurées : elles pré-remplissent vos paramètres de Style e-mail pour chaque nouveau message.
  • Consultez « Email Builder : éléments de contenu » pour les éléments qui héritent de ces styles.
  • Consultez « Email Builder : structures » pour les paramètres au niveau de la structure, comme le padding et les couleurs d'arrière-plan.

Que faut-il savoir de plus sur Flexmail ?
Comment faire cela exactement dans mon compte ?
Vous avez besoin d’inspiration ?
Est-ce que cela a répondu à ta question? Merci pour les commentaires Un problème est survenu lors de l'envoi de vos commentaires. Veuillez réessayer plus tard.

Vous n'avez pas trouvé ce que vous cherchiez? Contactez-nous Contactez-nous