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 contextuelle qui s'affiche lorsque vous survolez votre lien.

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

• Lien absolu (URL)
  Il s'agit de l'option de base pour les liens ; choisissez-la pour ajouter une URL.
• Voir 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 requis.
  ➡️ Pour obtenir plus d'informations, consultez notre article consacré aux liens miroirs.
• Se désinscrire
  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 elle est essentielle pour vos contacts et pour le bon fonctionnement de vos campagnes.
  ➡️ Pour obtenir plus d'informations, consultez notre article dédié aux liens de désinscription.
  
• 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 d'aider les abonnés à partager leurs préférences. 
  ➡️ Pour obtenir plus d'informations, consultez notre article consacré à la mise à jour des liens de profil.
  
  💡 Bon à savoir

  Cette option est ajoutée automatiquement lorsque vous sélectionnez un formulaire dans Campagne > Paramètres avancés > Utiliser un formulaire personnalisé de mise à jour du profil, comme expliqué ici.
  Si cette option est grisée, vous devez l'activer dans Campagnes > Paramètres avancés. Si vous utilisez un modèle, vous devez ajouter manuellement le lien vers le formulaire de mise à jour de vos préférences.
• 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.
• 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 (pour les ancres)
  Une fois que vous avez créé votre ancre dans votre campagne, utilisez cette option pour créer un lien vers cette ancre.
  Par exemple, revenir à une partie spécifique de la lettre d'information 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 pour la sélectionner et placez votre curseur dans le coin inférieur droit de l'image. Une fois que la double flèche apparaît, tirez sur le coin jusqu'à ce que vous trouviez la taille parfaite. La taille de votre image est affichée en bleu dans le coin inférieur droit de votre 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 vers une image

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

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.

1. Dans l'onglet Contenu, faites un glisser-déposer du bloc Social dans votre campagne.
2. Laissez les paramètres de conception des icônes par défaut ou choisissez la taille, le style, le thème et l'espacement désirés pour vos icônes de réseaux sociaux.
3. Collez le lien vers vos pages de réseaux sociaux dans le champ configuration des icônes.
   Vous pouvez cliquer sur Ajouter plus pour ajouter des icônes de réseaux sociaux et des liens le cas échéant ou cliquer sur l'icône de corbeille pour supprimer une icône de réseau social et un lien du bloc. 

Regardez la vidéo pour en savoir plus sur la modification des paramètres du bloc social.

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.

Style 

Les blocs de contenu de style sont des blocs de contenu prédéfinis que vous pouvez compléter avec d'autres blocs. Vous avez le choix entre trois styles de blocs de contenu différents. Pour en savoir plus, consultez notre article consacré aux blocs de style et de contenu.

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.

En-tête et pied de page

Utilisez le bloc d'en-tête pour ajouter le logo de votre entreprise.

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 :

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.

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