L'éditeur Drag & Drop facilite la conception d'emails de qualité professionnelle à l'adresse suivante. Il offre plus d'options pour personnaliser votre email et garantit également que votre email s'affiche parfaitement sur n'importe quel client de messagerie ou appareil.

Dans cet article, nous vous expliquons comment utiliser les blocs de contenu dans vos emails et comment modifier leurs paramètres.

Nous avons réparti les articles sur l'éditeur Drag & Drop en plusieurs parties :

• Partie 1 : Présentation de l'éditeur
• Partie 2 : Blocs de style et blocs de contenu
• Partie 3 : Comment utiliser les blocs de contenu ? - VOUS ÊTES ICI
• Partie 4 : Définir un style de conception pour votre email
• Partie 5 : Enregistrer les blocs pour les réutiliser dans vos campagnes
• Partie 6 : Modifier l’affichage de vos emails sur téléphone portable
• Partie 7 : Restauration, aperçu, test et enregistrement d'un design de campagne

Avant de commencer

Configurez votre bibliothèque de marques pour que chaque nouveau modèle sélectionné hérite des propriétés de votre marque, telles que le logo, les couleurs, les polices et les liens vers les réseaux sociaux. En plus de vous faire gagner du temps, Brand Library vous permet de maintenir une image de marque cohérente pour vos emails. Pour en savoir plus, consultez notre article Concevoir automatiquement vos emails avec vos éléments de marque à l'aide de la Bibliothèque de marque.

Titre et texte

Barre d'outils de formatage de texte

Sélectionnez le bloc de contenu Texte ou Titre dans le concepteur pour afficher la barre d'outils de formatage de texte en haut du bloc avec les options suivantes :

Couleurs Ajouter une personnalisation Insérer des liens

Les couleurs que vous utilisez dans votre modèle seront désormais enregistrées dans le sélecteur de couleurs. Vous pouvez toujours supprimer une couleur enregistrée en sélectionnant un texte avec cette couleur en cliquant sur le sélecteur de couleurs, puis sur Supprimer la couleur. La suppression peut prendre quelques minutes.

Cliquez sur 👤 pour insérer une personnalisation dans votre texte, comme le prénom de vos destinataires.
Pour obtenir plus d'informations, voir comment personnaliser votre texte à l'aide des attributs de contact.

Pour insérer un lien dans votre texte, sélectionnez le texte, cliquez sur l'icône Lien, ou appuyez sur ⌘ ou Ctrl + K, et remplissez les détails dans la fenêtre Insérer/modifier un lien. Le titre du lien est la fenêtre pop-up qui s'affiche lorsque vous survolez votre lien.

Vous pouvez sélectionner différents types de liens :

Liens externes

• Lien absolu (URL)
  Il s'agit de l'option de base pour les liens ; choisissez-la pour ajouter une URL.
• Lien email (mailto)
  Ajoutez un lien vers une adresse email.
• Cliquez pour appeler le numéro de téléphone
  Ajoutez un lien vers un numéro de téléphone.

Liens standard

• Lien de désinscription (global)
  Le  lien de désinscription est automatiquement ajouté au pied de page de vos campagnes . Il s'agit d'un lien sur lequel les destinataires peuvent cliquer pour ouvrir votre page de désinscription Brevo et cesser de recevoir vos emails . La présence d'un lien de désinscription dans vos campagnes est obligatoire car il est essentiel pour vos contacts et pour le bon fonctionnement de ces dernières.
  ➡️Pour en savoir plus, consultez notre article dédié aux liens de désinscription.
• Lien double opt-in 
  Ajoutez un lien double opt-in à votre template email si vous souhaitez que vos destinataires confirment leur inscription à ces emails après avoir rempli votre formulaire d'inscription. 
  ➡️ Pour en savoir plus, consultez notre article dédié à la création d'un template de confirmation double opt-in.
• Afficher dans le navigateur
  Le lien miroir peut être ajouté dans l'en-tête de vos campagnes. Il s'agit d'un lien sur lequel les destinataires peuvent cliquer s'ils rencontrent des difficultés à visualiser votre email dans leur boîte de réception ou s'ils souhaitent l'ouvrir en tant que page Web. La présence d'un lien miroir dans vos campagnes n'est pas obligatoire.
  ➡️ Pour obtenir plus d'informations, consultez notre article consacré aux liens miroirs.
• Mettez à jour vos préférences
  Brevo propose un formulaire de mise à jour du profil pour vous aider à collecter des informations actualisées sur vos abonnés, telles que leurs coordonnées, leurs préférences et même les listes auxquelles ils souhaitent être abonnés. Nous vous recommandons d'inclure un lien vers ce formulaire dans le pied de page de tous vos emails afin de permettre aux abonnés à vous communiquer leurs préférences. 
  ➡️ Pour en savoir plus, consultez notre article dédié à la mise à jour des liens de profil.
  
  💡 Bon à savoir

  Votre formulaire de mise à jour du profil sera automatiquement ajouté aux paramètres supplémentaires de votre campagne email , comme expliqué ici.
  Si vous créez un template email, vous devez ajouter manuellement le lien vers le formulaire de mise à jour de vos préférences.

Liens Brevo

• Paiements
  Sélectionnez l'un de vos liens de paiement créés à partir de Paiements. 
  ➡️ Pour en savoir plus, consultez nos articles consacrés aux Paiements. 

Liens d'ancrage

• Ancre pour les liens relatifs
  Créez une ancre quelque part dans votre campagne, puis utilisez l'option de lien relatif pour créer un lien vers cette ancre. 
• Lien relatif (vers l'ancrage)
  Une fois que vous avez créé votre ancrage dans la campagne, utilisez cette option pour créer un lien vers l'ancrage.
  Par exemple, revenir à une partie spécifique de la newsletter en haut de la page.

Pour supprimer ou mettre à jour un lien, placez votre curseur sur celui-ci, cliquez sur l'icône Lien pour afficher les boutons Supprimer et Mettre à jour.

Regardez la vidéo pour en savoir plus sur l'ajout d'un lien, d'une couleur d'arrière-plan ou d'une image et sur la modification des paramètres du bloc de texte :

Paramètres du panneau gauche

Même un bloc ou un formatage différent

Cliquez sur le bloc Texte pour afficher le panneau de gauche avec des paramètres supplémentaires similaires à ceux disponibles dans l'onglet Conception. 
Pour obtenir plus d'informations sur l'utilisation de ces paramètres, voir Définir le style de conception de l'ensemble de votre email.

Grâce à cet éditeur, vous pouvez choisir différents formatages au sein d'un même bloc de texte. Par exemple, vous pouvez avoir un titre suivi d'un paragraphe et de puces. Vous pouvez également avoir des couleurs différentes au sein d'un même bloc. 

Bordures

Vous pouvez également ajouter des bordures à votre bloc Texte ainsi qu'à vos images en utilisant le paramètre Bordures dans le panneau de gauche. Vous pouvez définir des tailles et des couleurs différentes pour chaque bordure ou activer le bouton Appliquer sur tous les côtés pour appliquer une taille et une couleur uniques à toutes les bordures. 

Image

Vous pouvez ajouter une image à partir de l'onglet Contenu en utilisant le bloc Image. Vous pourrez ajouter l'image de votre choix par glisser-déposer depuis votre système, votre bibliothèque de contenu ou en collant le lien vers votre image dans le champ Insérer une image à partir d'une URL. Vous pouvez redimensionner ou modifier votre image directement à partir de l'éditeur.

Le panneau de gauche contient des paramètres supplémentaires similaires à ceux disponibles dans l'onglet Conception. 
Pour obtenir plus d'informations sur l'utilisation de ces paramètres, voir Définir le style de conception de l'ensemble de votre email.

Ajouter une image

Redimensionner une image

Pour redimensionner une image, cliquez sur l'image à redimensionner et placez votre curseur dans le coin inférieur droit de l'image. Une fois que la flèche apparaît, tirez sur le coin de l'image jusqu'à obtenir la taille désirée. La taille est affichée en haut de l'image et est automatiquement mise à jour lorsque vous redimensionnez l'image.
Vous pouvez également utiliser le champ Largeur du panneau de gauche pour redimensionner votre image.

Modifier une image

Notre éditeur par glisser-déposer comprend un éditeur de photos dans lequel vous pouvez redimensionner votre image, ajouter des filtres, du texte ou une conception de texte. Pour accéder à l'éditeur de photos, cliquez sur votre image et cliquez sur le bouton Modifier dans les paramètres de l'image.

Vous pouvez également :

• Modifier une photo à partir de la bibliothèque de contenu
• Créer votre propre image et la sauvegarder dans la bibliothèque de contenu grâce à la fonction Créer une image. Pour en savoir plus, consultez notre article Concevoir une newsletter de qualité professionnelle avec notre fonction Créer une image.

Ajouter un lien sur une image

L'ajout d'un lien sur une image vous permet de rediriger vos destinataires. Vous pouvez les rediriger vers une page ou un fichier.

Ajouter un texte alternatif à vos images

Un texte alternatif est une brève description de l'image qui apparaît si elle ne se charge pas ou si le destinataire utilise un lecteur d'écran. Le texte alternatif améliore l'accessibilité, améliore l'expérience utilisateur et transmet le message même si les images sont bloquées ou ne peuvent pas être affichées.

Pour ajouter un texte alternatif à vos images :

1. Sélectionnez l'image à laquelle vous souhaitez ajouter un texte alternatif. Le panneau de gauche avec vos paramètres de contenu s'ouvre. 
2. Recherchez le champ Texte alternatif dans la section Paramètres de l'image .
3. Saisissez une brève description de votre image. Nous vous recommandons de rédiger une description brève et précise du contenu de l'image, ne transmettant que les informations essentielles. Évitez d'écrire Image de et gardez votre description centrée sur l'objectif de l'image. 
   

Bouton

Ajoutez des boutons pour créer un appel à l'action dans vos emails :

1. Faites un glisser-déposer du bloc Bouton dans votre campagne.
2. Remplacez le texte de l'appel à l'action par un texte correspondant au contenu vers lequel vous souhaitez rediriger vos destinataires. 
   Vous pouvez personnaliser le texte avec des attributs de contact. 
3. Facultatif : Utilisez la barre d'outils de mise en forme du texte et les paramètres du bouton dans le panneau de gauche pour personnaliser votre bouton. 
4. Ajoutez un lien pour rediriger vos destinataires.
   Redirection vers une page Redirection vers un fichier

   Pour rediriger vos destinataires vers la page de votre choix :

   1. Sélectionnez le bouton et cliquez sur Ajouter un lien.
   2. Sélectionnez le type de lien que vous souhaitez insérer et saisissez son URL dans le champ Cible du lien.
   3. Facultatif : Ajoutez un titre de lien qui apparaîtra sous forme d'info-bulle au survol.
   4. Cliquez sur Insérer.
      

   Pour rediriger vos destinataires vers un fichier que vous souhaitez qu'ils téléchargent :

   1. Téléchargez votre fichier sur un fournisseur tiers tel que WeTransfer ou Dropbox, et assurez-vous que votre fichier est accessible au public.
   2. Sélectionnez l'image et cliquez sur  Ajouter un lien.
   3. Dans le champ Type de lien, sélectionnez Lien absolu (URL).
   4. Saisissez l'URL de votre fichier dans le champ Cible du lien.
   5. Facultatif : Ajoutez un titre de lien qui apparaîtra sous forme d'info-bulle au survol.
   6. Cliquez sur Insérer.
      

Regardez la vidéo pour en savoir plus sur la modification des paramètres tels que la largeur, le rayon de la bordure, la taille de la ligne, la couleur d'arrière-plan pour le bloc de boutons.

Logo

Ce bloc de contenu vous permet d'insérer le logo de votre marque n'importe où dans la conception de votre email. Ajoutez votre logo à votre bibliothèque de marques pour éviter d'avoir à le télécharger à nouveau à chaque fois. 

Social

Le bloc Social vous permet de rediriger vos destinataires vers vos pages de réseaux sociaux lorsqu'ils cliquent sur les icônes.

Nous vous recommandons de configurer votre bibliothèque de marque pour enregistrer de façon permanente vos liens vers les réseaux sociaux dans vos éléments de marque. Lorsque vous glissez et déposez le bloc de contenu Social dans votre design d'email, les liens sont automatiquement renseignés dans le champ Configuration des icônes. 

Pour en savoir plus sur l'utilisation du bloc de contenu Social, consultez notre article dédié Insérer des liens vers les réseaux sociaux et des icônes dans le design de votre email.

HTML

Le bloc HTML vous permet d'ajouter votre propre code. Vous pouvez soit taper votre code, soit le copier-coller. Pour voir un aperçu de votre code, il suffit de quitter le bloc HTML.

Certains clients de messagerie ne prennent pas en charge tous les contenus HTLM, car le HTML de la messagerie n'est pas aussi développé que le HTML du Web. Pour éviter les problèmes concernant votre code dans l'éditeur HTML et le bloc, consultez notre article consacré à l' utilisation du HTML dans vos campagnes de messagerie.

Séparateur

Le bloc de séparation ajoute une ligne horizontale pour séparer les blocs.

Regardez la vidéo pour en savoir plus sur la modification des paramètres tels que l'épaisseur, la couleur, la forme, la largeur et la couleur d'arrière-plan du bloc séparateur.

Produit

Faites un glisser-déposer du bloc de contenu Produit dans votre bulletin d'information. Vous verrez l'image du produit, le titre du produit, la description du produit et le prix du produit. L'URL du produit est automatiquement liée à l'image et au bouton du produit tant que votre boutique est publiée.

Séparateur 

Le bloc de contenu d'espacement vous permet d'ajouter un bloc d'espacement dans la conception de votre email. Vous pouvez modifier la largeur ou la hauteur du bloc de contenu de l'espaceur pour créer un espace plus ou moins grand. La largeur maximale est de 100 % et la hauteur minimale est de 30 px. Vous pouvez également modifier la couleur de votre bloc d'espacement pour créer un bloc de couleur.

Vidéo 

Avec le bloc de contenu Vidéo, vous pouvez facilement insérer un lien vidéo dans vos campagnes email :

Pour en savoir plus, consultez notre article dédié Insérer des vidéos dans ma campagne de messagerie.

Sections

Les sections prédéfinies sont des mises en page prédéfinies de blocs de contenu que vous pouvez remplir et personnaliser selon vos besoins. Vous pouvez utiliser des sections prédéfinies de texte et d’images, mais vous pouvez également utiliser des en-têtes et des pieds de page prédéfinis. 

Pour en savoir plus, consultez notre article dédié Gagnez du temps dans la conception de vos emails grâce à des sections prédéfinies.

En-tête et pied de page

Utilisez le bloc En-tête pour ajouter le logo de votre entreprise ou des liens pertinents tels que des liens vers votre site Web ou vos réseaux sociaux.

Le bloc du pied de page est essentiel, car il donne à vos destinataires plus d'informations sur votre entreprise et leur permet de se désinscrire ou de modifier leurs préférences. Il peut être composé des éléments suivants :

⏩ Et après ?

• Partie 4 : Définir un style de conception pour votre email
• Partie 5 : Enregistrer les blocs pour les réutiliser dans vos campagnes
• Partie 6 : Modifier l’affichage de vos emails sur téléphone portable
• Partie 7 : Prévisualisation et envoi d'un email test

🤔 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 un Partenaire Brevo certifié.