We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
Comment pouvons-nous vous aider?
Parcourez nos articles d'aide, nos tutoriels en vidéo et nos guides de démarrage rapide.

Comptez sur nous. Nous avons le nécessaire. Parcourez notre base de connaissances pour rapidement trouver des réponses à vos questions en matière de marketing par e-mail.

Insérer un diviseur dans votre e-mail

Article: 000006235
Updated: 8 janvier 2024

Utilisez un diviseur pour séparer visuellement le contenu de votre e-mail et le styliser afin qu’il corresponde à votre marque

Les diviseurs aident à organiser et à améliorer l’aspect visuel du contenu de votre e-mail d façon subtile. Vous pouvez utiliser un seul diviseur pour séparer une petite partie du contenu du reste ou plusieurs diviseurs avec d’autres éléments de design, tels que des images et du texte, pour créer un regroupement répétitif de contenus liés. Nos modèles possèdent les types de diviseurs suivants :

 
Icône en forme d’ampouleConseil de mise en page : à la recherche d’un moyen de séparer votre contenu sans utiliser plus d’espace sur appareils mobiles ? Essayez d’utiliser un espaceur pour créer de l’espace libre supplémentaire au lieu d’utiliser un diviseur. Il existe aussi des blocs de mise en page pré-construits disposant de subtiles bordures le long du bloc entier qui ne menaceront pas votre design.
 

Diviseur horizontal

  1. Faites glisser un bloc de diviseur dans votre modèle et en suivant les consignes pour trouver le bon emplacement. Les diviseurs peuvent être utilisés pour créer des colonnes ou peuvent s’étendre sur l’ensemble du modèle.

    Glisser et déposer une ligne de division
     
  2. Cliquez n’importe où sur le diviseur pour ouvrir la barre d’outils de modification :
  • Cliquez sur les flèches pour modifier :
    • L’épaisseur : plus le nombre est élevé, plus la ligne de division sera épaisse.

      Modifier l’épaisseur de la ligne de division
       
    • La longueur : plus le nombre est élevé, plus la ligne de division sera longue.

      Modifier la longueur de la ligne de division
       
    • Espace au dessus la ligne de division : plus le nombre est élevé, plus l’espace au dessus du diviseur sera grand.

      Modifier l’espace au dessus de la ligne de division
       
    • Espace sous la ligne de division : plus le nombre est élevé, plus l’espace sous le diviseur sera grand.

      Modifier l’espace sous la ligne de division
       
  • Sélectionnez une couleur pour votre diviseur. Si vous souhaitez utiliser la même couleur pour tous les diviseurs de votre e-mail, changez plutôt la couleur des « Dividers » (Diviseurs) dans l’onglet Design.

    Modifier la couleur de la ligne de division
     
  • Choisissez un style solide ou fait de tirets ou de pointillés pour votre diviseur.

    Ligne de division solide ou en tirets
     
  • Utilisez le menu d’alignement pour déplacer votre diviseur vers la gauche, la droite ou vers le centre de votre e-mail. Cela est plus visible lorsque la longueur du diviseur est inférieure à la largeur de votre modèle.

    Modifier l’alignement de la ligne de division
     
  • Cliquez sur le bouton d’espacement horizontal pour ajouter ou retirer de l’espace sur la gauche ou la droite de la ligne de division. Retirer de l’espace permet à votre diviseur de s’étendre jusqu’aux bords du modèle, si sa longueur est définie sur 100.

    Bouton d’espacement horizontal
     
Il suffit de cliquer à l'extérieur du bloc Divider (Diviseur) pour terminer la mise à jour du reste du contenu de l'e-mail.


Certains modèles possèdent des diviseurs avec des embellissements supplémentaires. La couleur peut être modifiée via l’option Dividers (Diviseurs) dans l’onglet Design, mais les styles supplémentaires ne peuvent pas être appliqués à ces types de diviseur. Vous pouvez toujours les remplacer par un diviseur standard.

 
Icône en forme d’ampouleConseil de mise en page : insérez une image miniature au centre d’un bloc de trois colonnes et ajoutez des diviseurs de chaque côté pour ajouter une touche supplémentaire à votre visuel.
 

Bloc de trois colonnes avec diviseurs et image

 

Diviseur vertical

Les diviseurs verticaux peuvent être ajoutés à votre modèle en utilisant un bloc de mise en page pré-construit. La couleur du diviseur vertical est déterminée par la couleur « Dividers » (Diviseurs) de l’onglet Design.

  1. Depuis la section Layouts (Mises en page) de l’onglet Build (Créer), déposez le bloc à deux colonnes dans votre e-mail. Les consignes vous aideront à trouver l’emplacement idéal.

    Glisser/Déposer un bloc de division verticale dans le modèle
     
  2. Placez votre curseur dans le bloc de division verticale et utilisez le bouton pour modifier la largeur des colonnes.

    Bouton de redimensionnement de division verticale
     
Comme pour les autres blocs, vous pouvez modifier la couleur de l’arrière-plan pour un meilleur résultat visuel !


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Tous droits réservés · Constant Contact · Privacy Policy