Lors de la conception de votre email avec l'éditeur d'email Drag & Drop, il est construit à partir de deux éléments principaux : les sections et les blocs de contenu. Comprendre la différence entre eux vous aidera à créer des mises en page d'email propres et professionnelles plus rapidement.
🏗️ À propos des sections
Une section est un groupe de blocs de contenu ou un bloc structurel composé d'une ou plusieurs colonnes. Vous pouvez considérer une section comme le cadre de mise en page de votre email ; elle définit comment et où votre contenu sera affiché.
Vous pouvez ajouter des sections à votre design de plusieurs manières :
-
Créer votre propre section
Faites glisser et déposez des blocs de contenu directement dans votre canevas d'email pour créer automatiquement une nouvelle section. -
Utiliser une section prédéfinie
Accédez à Contenu > Sections pour choisir parmi des mises en page prêtes à l'emploi incluant des images, du texte et des colonnes personnalisables.
➡️ Pour en savoir plus sur les sections prédéfinies, consultez notre article dédié Gagnez du temps dans la conception de vos emails grâce à des sections prédéfinies. -
Enregistrer et réutiliser votre propre section
Réutilisez toutes vos sections créées dans vos précédents emails en les enregistrant au préalable. Cette fonction est parfaite pour des mises en page récurrentes telles que les en-têtes, les pieds de page ou les vitrines de produits.
➡️ Pour en savoir plus sur les sections enregistrées, consultez notre article dédié Enregistrer les sections pour les réutiliser dans vos designs d'email.
🖍️ Personnaliser votre section
Une fois une section ajoutée, vous pouvez personnaliser sa mise en page et son style en cliquant sur la section pour ouvrir ses paramètres dans le panneau de gauche :
Ces paramètres vous aident à contrôler la manière dont votre contenu est affiché dans votre email :
Paramètre |
Description |
|---|---|
| Mise en page | Choisissez comment votre contenu est aligné verticalement à l'intérieur de la section (haut, milieu ou bas). |
| Arrière-plan | Définissez une couleur, une image ou une URL d'arrière-plan. Vous pouvez également l'appliquer à la pleine largeur de votre email. |
| Espacement | Ajustez l'espace entre les colonnes, et gérez la marge intérieure (espace intérieur) et la marge (espace extérieur) autour de votre section. |
| Visibilité du contenu | Décidez si vous souhaitez afficher ou masquer la section en fonction de l'appareil ou des actions de votre destinataire. ➡️ Pour en savoir plus, consultez notre article dédié Afficher ou masquer le contenu dans vos emails (visibilité du contenu). |
| Contenu répétable | Répétez automatiquement les éléments dans votre section, par exemple, pour afficher une liste de produits ou d'événements. ➡️ Pour en savoir plus, consultez notre article dédié Répéter une liste d'articles dans vos emails (contenu répétable). |
❓ FAQ sur les sections
Comment ajouter, redimensionner ou supprimer une colonne ?
Une fois que vous avez ajouté un bloc de contenu dans votre canevas d'email, vous pouvez ajouter ou redimensionner des colonnes en cliquant sur la section et en utilisant les curseurs pour les déplacer et les boutons + pour ajouter des colonnes. Vous pouvez également supprimer une colonne en cliquant dessus puis en cliquant sur l'icône de la corbeille :
Comment dupliquer ou déplacer une section ?
Pour dupliquer une section, sélectionnez-la et cliquez sur l'icône Dupliquer . Vous pouvez ensuite déplacer la section en la sélectionnant et en la faisant glisser vers l'emplacement souhaité. Sinon, vous pouvez utiliser l'icône Déplacer
ou les icônes haut ↑ et bas ↓ pour déplacer la section d'un cran vers le haut ou le bas.
Comment savoir si j'ai inséré un bloc de contenu dans une section ?
Pour savoir si un bloc de contenu se trouve dans une section ou non, cliquez sur la section et vérifiez où s'arrêtent les bordures de la section, ainsi que les blocs de contenu qu'elle contient. Lors de l'insertion d'un bloc de contenu dans une section, si la ligne d'insertion occupe tout l'espace de votre canevas, cela signifie que le bloc de contenu sera inséré comme une section indépendante. Si vous souhaitez l'insérer dans une section, assurez-vous que la ligne d'insertion est placée sous un autre bloc de contenu et ne remplit pas tout l'espace du canevas.
Comment placer des colonnes côte à côte sur un appareil mobile ?
Sur des écrans plus petits, vous pouvez préférer modifier la façon dont votre contenu est affiché pour améliorer la lisibilité ou réduire l'espace. Pour ajuster l'orientation du contenu, sélectionnez la section que vous souhaitez modifier et basculez sur l'affichage sur mobile depuis la barre de navigation supérieure. Dans le panneau de gauche, sous Mise en page, choisissez si vous souhaitez que votre contenu apparaisse verticalement ou horizontalement. Selon votre contenu, vous pouvez également permuter le contenu si besoin.
➡️ Pour en savoir plus sur l'affichage sur mobile, consultez notre article dédié Optimiser le design de vos emails pour les appareils mobiles (adapté aux mobiles).
Comment séparer visuellement les sections par une ligne ?
Pour séparer visuellement différentes sections, vous pouvez utiliser un bloc Séparateur qui fonctionnera comme une section indépendante. Vous pouvez modifier sa couleur, son style, son espacement et son épaisseur.
🧱 À propos des blocs de contenu
Un bloc de contenu représente un type de contenu spécifique que vous pouvez ajouter à votre email. Il s'agit des éléments de construction à l'intérieur de vos sections. Chaque bloc contient un type spécifique de contenu comme du texte, des images ou des boutons.
Vous pouvez trouver tous les blocs de contenu dans l'onglet Contenu > Blocs et simplement les faire glisser et déposer dans une section. Les blocs de contenu disponibles sont les suivants :
|
|
|
Les blocs Titre et Texte vous permettent d'ajouter du contenu écrit à votre email :
|
Les deux blocs proposent des options de mise en forme (style de police, taille, couleur, alignement et liens) pour maintenir un message clair et fidèle à la marque.
➡️ 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.
|
|
Le bloc Image vous permet d'ajouter des visuels à votre email, tels que des photos d'événements, des icônes et des illustrations. Vous pouvez insérer vos propres images, choisir parmi notre galerie d'images libres de droits et GIF, ou même créer des images personnalisées directement depuis l'éditeur. Ajustez facilement l'alignement, la taille, le texte alternatif et ajoutez des liens pour rendre vos visuels à la fois attrayants et fonctionnels. |
➡️ Pour en savoir plus sur le bloc de contenu Image, consultez nos articles dédiés Insérer et modifier des images dans vos designs d'emails et Ajout et gestion des images dans la bibliothèque de contenu.
|
|
Le bloc Vidéo vous permet d'ajouter une vignette de vidéo liée à une vidéo hébergée (par exemple, sur YouTube ou Vimeo). Comme la plupart des clients email ne prennent pas en charge la lecture vidéo intégrée, cliquer sur la vignette redirige les destinataires vers la vidéo sur sa plateforme d'origine. Vous pouvez personnaliser l'image de la vignette, le style du bouton de lecture et l'URL du lien pour stimuler l'engagement. |
➡️ Pour en savoir plus sur le bloc de contenu Vidéo, consultez notre article dédié Insérer des vidéos dans votre campagne email.
|
|
Le bloc Bouton vous permet d'ajouter un call-to-action (CTA) clair à votre email, tel que Acheter maintenant, S'inscrire ou En savoir plus. Vous pouvez personnaliser le texte, les couleurs, la taille, l'alignement et la destination du lien pour correspondre à votre design et générer des clics. |
➡️ Pour en savoir plus sur le bloc de contenu Bouton, consultez notre article dédié : Insérer des call-to-actions (CTA) dans vos designs d'email (bouton).
|
|
Le bloc Contenu dynamique vous permet d'utiliser une seule mise en page d'email pour créer plusieurs emails personnalisés pour chaque destinataire, ce qui donne l'impression d'une conversation individuelle. Par exemple, créez une mise en page d'email unique pour vos emails de confirmation de commande, qui sera automatiquement remplie avec les informations de vos destinataires au moment de l'envoi, telles que le total de sa commande et la liste des produits achetés. |
➡️ Pour en savoir plus sur l'utilisation du bloc Contenu dynamique, consultez notre article dédié Comprendre le bloc de contenu dynamique (flux de données et données d'événements).
|
|
Le bloc Logo vous permet d'insérer le logo de votre marque dans l'email, généralement placé en haut. Cela permet à vos destinataires de reconnaître instantanément de qui provient le message, renforçant ainsi l'identité de votre marque et augmentant la confiance. Vous pouvez ajuster la taille et l'alignement du logo pour l'adapter à votre mise en page. |
➡️ Pour en savoir plus sur l'utilisation du bloc de contenu Logo, consultez notre article dédié Enregistrer les éléments de votre marque dans la bibliothèque de la marque.
|
|
Le bloc Social vous permet d'ajouter des icônes cliquables qui font office de lien vers les pages de réseaux sociaux de votre entreprise (telles que Facebook, Instagram, LinkedIn, Twitter, etc.). Personnalisez leur style, leur taille, leur alignement et leur couleur pour correspondre à votre marque tout en encourageant l'engagement multiplateforme. |
➡️ Pour en savoir plus sur l'utilisation du bloc de contenu Social, consultez notre article dédié Enregistrer les éléments de votre marque dans la bibliothèque de la marque.
|
|
Le bloc HTML vous permet d'aller au-delà des éléments de glisser-déposer en intégrant directement du code HTML personnalisé dans votre design d'email. Il est idéal pour ajouter des mises en page personnalisées, des widgets intégrés, des comptes à rebours, ou pour intégrer des outils tiers qui fournissent du code intégré. Certains clients email ne prennent pas en charge tous les éléments HTML. |
➡️ Pour en savoir plus sur le bloc de contenu HTML, consultez notre article dédié Limites de l'utilisation du HTML pour vos campagnes email.
|
Séparateur |
Le bloc Séparateur vous permet d'insérer une ligne horizontale pour séparer visuellement le contenu de votre email. Cela aide à organiser les sections, à créer de l'espace et à faciliter la lecture de votre message. Vous pouvez personnaliser l'épaisseur, le style, la couleur et la largeur de la ligne. |
➡️ Pour en savoir plus sur le bloc de contenu Séparateur, consultez notre section dédiée Séparer visuellement les sections par une ligne.
|
|
Le bloc Produit vous permet de mettre en avant les produits de votre boutique en ligne, sans avoir besoin de copier des données. Créez des emails à l'image de votre marque affichant vos produits exactement tels qu'ils apparaissent sur votre site web. |
➡️ Pour en savoir plus sur le bloc de contenu Produit, consultez notre article dédié Insérer les produits de votre boutique en ligne dans vos emails avec le bloc Produit.
|
|
Le bloc Navigation vous permet de créer des liens d'ancrage qui permettent aux destinataires de passer directement à des sections spécifiques dans un long email. Cette fonction est particulièrement utile pour les emails riches en contenu, tels que les newsletters, les menus ou les catalogues de produits. Vous pouvez styliser les liens comme une barre de navigation sur un site web. |
➡️ Pour en savoir plus sur le bloc de contenu Navigation, consultez notre article dédié, Ajouter une table des matières et des liens d'ancrage dans votre email.
|
Espacement |
Le bloc Espacement vous permet d'insérer un espace vide entre les blocs de contenu pour améliorer la mise en page et le flux visuel de votre email. Utilisez-le pour séparer les sections, éviter que les éléments ne paraissent encombrés ou aligner précisément le contenu. Vous pouvez ajuster la hauteur de l'espacement pour l'espace désiré. |
🖍️ Personnaliser vos blocs de contenu
Une fois vos blocs de contenu ajoutés, vous pouvez les personnaliser en cliquant sur les blocs de contenu pour ouvrir leurs paramètres dans le panneau de gauche :
➡️ Chaque bloc de contenu possède ses propres paramètres. Pour en savoir plus sur chaque bloc de contenu et ses paramètres, ouvrez l'accordéon correspondant dans la liste des blocs de contenu disponibles ci-dessus afin d'accéder à leurs articles dédiés.
❓ FAQ sur les blocs de contenu
Comment déplacer un bloc de contenu au sein d'une section ou vers une autre section ?
Pour déplacer un bloc de contenu au sein d'une section ou vers une autre section, il suffit de le faire glisser et de le déposer à l'emplacement souhaité :
Comment créer une mise en page d'images, de texte et de bouton ?
Pour créer une mise en page d'images, de texte et de bouton, il suffit de faire glisser et déposer les blocs de contenu souhaités dans le canevas de l'email. Vous pouvez soit tous les déposer dans la même section, soit créer plusieurs sections. Ensuite, remplacez le texte et les images factices par les vôtres. C'est tout !
⏭️ Et après ?
- Gagnez du temps dans la conception de vos emails grâce à des sections prédéfinies
- Enregistrer les sections pour les réutiliser dans vos designs d'email
- Définir un style de conception pour votre email
- Section Éditeur d'email Drag & Drop
🤔 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.