Vue d'ensemble de l'éditeur d'email Drag & Drop

L'éditeur d'email Drag & Drop de Brevo facilite la création d'emails professionnels, sans avoir besoin de codage ! Que vous partiez de zéro ou que vous choisissiez un template préconçu, personnalisez facilement les designs dès l'étape Conception lors de la création de campagnes ou de templates. Personnalisez vos emails avec du contenu dynamique comme des informations sur le contact ou l'historique d'achat pour une expérience destinataire sur mesure !

Découvrez l'éditeur d'email Drag & Drop et ses différentes sections :

🎨 Canevas d'email

⬅️ Panneau de gauche

🗄️ Contenu

🖌️ Style

⬆️ Menu du haut
DDE_email-editor_en-us.png

🧑‍💻 Accéder à l'éditeur d'email Drag & Drop

Pour commencer à concevoir avec l'éditeur d'email Drag & Drop :

  1. Créez une campagne email ou un template d'email et commencez la configuration. 
  2. Accédez à l'étape Design pour sélectionner un template d'email avec lequel commencer.
  3. La procédure diffère selon que vous créez un template d'email ou une campagne email :
    Campagne emailTemplate d'email
    Cliquez sur Démarrer la conception et :
    1. Parcourez les catégories Vos emails et Templates prédéfinis pour sélectionner un template d'email prédéfini avec lequel commencer, ou
    2. Cliquez sur Partir de zéro > Éditeur Drag & Drop pour commencer par une conception vierge.

    email_choose-template-modal_en-us.png

L'éditeur d'email Drag & Drop s'ouvre et vous pouvez concevoir votre email avec une interface simple et sans code ! La prochaine fois, vous pourrez choisir vos propres templates d'email et vos précédentes campagnes email à partir de la même page. Utilisez vos emails conçus avec l'éditeur d'email Drag & Drop dans vos campagnes email, vos automatisations et vos conversations ! 

🎨 Canevas d'email

Le canevas d'email est l'espace de travail principal où vous concevez la mise en page de votre email et le remplissez de contenu. Il suffit de déposer des éléments depuis le panneau de gauche et de les configurer pour donner vie à votre email et le personnaliser sans code. Profitez d'un affichage visuel en temps réel de votre email au fur et à mesure que vous le concevez : ce que vous voyez, c'est ce que vous obtenez !

dde_canvas_en-us.png

➡️ Pour en savoir plus sur la façon de remplir votre canevas d'email, consultez notre section dédiée Éditeur d'email Drag & Drop.

⬅️ Panneau de gauche

La barre latérale gauche est le centre de contrôle pour construire et styliser votre email. Il est divisé en trois onglets principaux (Contenu, Style et Aura AI), chacun conçu pour vous guider à travers une étape spécifique de votre parcours de création d'email. De l'ajout de blocs de contenu à l'application de styles globaux et à la génération de texte avec l'IA, tout commence ici.

dde_left-side-bar_en-us.png

➡️ Pour en savoir plus sur les différents onglets, consultez nos sections dédiées ci-dessous pour Contenu, Style et Aura AI.

🗄️ Contenu

L'onglet Contenu est l'endroit où vous trouverez tous les blocs de construction de votre email. Vous pouvez faire glisser et déposer des éléments comme du texte, des images, des boutons, des liens vers les réseaux sociaux, des séparateurs et des sections entières directement dans le canevas d'email. Ces éléments sont la base de la structure et du message de votre email.

💡 Bon à savoir
Une section définit la structure (disposition de lignes ou colonnes), tandis qu'un bloc de contenu contient le contenu réel (texte ou média).
🧱 Blocs🧑‍🎨 Sections💾 Enregistré
DDE_blocks_en-us.png Les blocs de contenu sont différents types de contenu que vous pouvez ajouter à votre email. Vous pouvez faire glisser et déposer les blocs de contenu dans les blocs de style.

Les blocs de contenu disponibles sont les suivants : 

🔡 Titre et texte

DDE_title-content-block_EN-US.jpg

Titre

DDDE_text-content-block_EN-US.jpg

Texte

Les blocs Titre et Texte vous permettent d'ajouter du contenu écrit à votre email :

  • Titre pour des titres accrocheurs qui organisent votre mise en page.
  • Texte pour le contenu du message, comme des descriptions ou des textes promotionnels.

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

🏞️ Image

DDE_image-content-block_EN-US.jpg

Image

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.

🎥 Vidéo

DDE_video-content-block_en-us.png

Vidéo

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

🖱️ Bouton

DDE_button-content-block_EN-US.jpg

Bouton

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)

🛢️ Contenu dynamique

dde_dynamic-content-block_en-us.png

Contenu dynamique

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)

🎨 Logo

DDE_logo-content-block_EN-US.jpg

Logo

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

📱 Social

DDE_social-content-block_EN-US.jpg

Social

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

</> HTML [Avancé]

DDE_html-content-block_EN-US.jpg

HTML

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

DDE_divider-content-block_EN-US.jpg

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

🛒 Produit

DDE_button-content-block_EN-US.jpg

Product

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

⛵️ Navigation (ancrage et liens relatifs)

DDE_navigation-content-block_EN-US.jpg

Navigation

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

DDE_spacer-content-block_EN-US.jpg

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é.

🖌️ Style

dde_style_en-us.png

L'onglet Style vous permet de définir l'apparence générale et la mise en page de votre email. Du choix des styles de police et des couleurs d'arrière-plan à l'ajustement de l'espacement, de la marge intérieure et des structures de colonnes, cet onglet contrôle l'aspect visuel de votre email et garantit la cohérence du design.

➡️ Pour en savoir plus sur l'onglet Style, consultez notre article dédié Définir un style de conception pour votre email.

⬆️ Menu du haut

La barre de navigation supérieure offre un accès rapide aux outils essentiels qui vous aident à gérer, à ouvrir et à affiner la conception de votre email. À partir de là, vous pouvez revenir à vos paramètres de template ou de campagne, annuler les modifications, passer d'un affichage d'appareil à l'autre, tester votre email et bien plus encore, le tout en un seul et même endroit !

dde_top-bar_en-us.png

  1. Icône Brevo 
    Passez la souris sur l'icône Brevo et cliquez pour revenir à la création de votre campagne email ou de votre template d'email.
  2. Nom du design d'email 
    Cliquez sur le nom de votre design d'email pour le renommer. 
  3. Annuler ou restaurer les actions et la dernière sauvegarde
    Annulez (Ctrl ou ⌘ + Z) ou restaurez ( + Ctrl ou ⌘ + Z) une action que vous venez de réaliser sur le design d'email. Vous pouvez également accéder à la version précédente de votre design et le restaurer en cliquant sur la dernière sauvegarde
  4. Aperçu sur ordinateur et mobile 
    Passez de l'affichage ordinateur à mobile pour adapter votre design d'email à toutes les tailles d'écran. 
    ➡️ Pour en savoir plus sur l'affichage mobile, consultez notre article dédié Optimisez le design de vos emails pour les appareils mobiles (adapté aux mobiles)
  5. Aperçu et test 
    Prévisualisez le design de votre email en tant que destinataire ou sur différents clients email, ou envoyez un email de test pour vous assurer que votre email s'affiche comme prévu dans les boîtes de réception de vos destinataires. ➡️ Pour en savoir plus sur la façon de prévisualiser et de tester votre email, consultez notre article dédié Prévisualisez et testez votre campagne email.
  6. Enregistrer et Quitter 
    Enregistrez votre design et retournez à la création de votre campagne email ou template d'email. 
  7. Plus d'actions 
    Bibliothèque de marque

    Gagnez du temps lors de la création de vos emails en enregistrant vos éléments de marque dans la Bibliothèque de marque. Une fois la configuration terminée, les propriétés de votre marque seront appliquées à chaque nouveau template sélectionné, comme le logo, les couleurs, les polices et les liens vers les réseaux sociaux.

    ➡️ 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.

    Mode développeur
    ❗️ Important
    Cette option sera disponible seulement si vous contactez l'équipe support pour activer le mode développeur dans l'éditeur Drag & Drop.

    Utilisez cette fonction pour approfondir la personnalisation du design de votre email en utilisant du code. 

    ➡️ Pour en savoir plus sur le mode développeur, consultez notre article dédié Utiliser le mode développeur pour une personnalisation avancée des designs d'emails.

    Raccourcis clavier

    Découvrez les raccourcis clavier à utiliser dans l'éditeur pour travailler facilement et gagner du temps lors de la conception de vos campagnes email.

    Enregistrer

    Cliquez sur Enregistrer pour enregistrer manuellement vos modifications. Brevo enregistre automatiquement votre design toutes les minutes.

    Enregistrer comme template

    Enregistrez votre design d'email comme template pour le réutiliser dans de futures communications par email. Votre template enregistré est disponible dans Marketing > Templates > Email. À partir de là, vous pourrez définir ses paramètres, le modifier si besoin et l'activer.

    ➡️ Pour en savoir plus sur les templates d'email, consultez notre article dédié Dans quels cas utiliser mon template d'email ? (Campagnes, Automatisations et Transactionnel).

    Enregistrer au format PDF

    Enregistrez votre campagne email au format PDF pour l'imprimer ou la partager avec d'autres personnes.

⏭️ Et après ? 

🤔 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 : 17 sur 59