Les images jouent un rôle clé pour capter l'attention de vos destinataires et donner vie à la conception de votre email. Utilisez le bloc de contenu Image de l'Éditeur d'email Drag & Drop pour ajouter, personnaliser et améliorer vos images. Ajustez la taille, les bordures, le texte alternatif et apportez des modifications directement dans l'éditeur pour rendre vos emails engageants, professionnels et fidèles à votre marque.
🏞️ Insérer des images dans la conception de votre email
Pour insérer des images dans la conception de votre email, vous devez d'abord glisser-déposer le bloc de contenu Image dans votre canevas d'email, là où vous souhaitez que votre image apparaisse :
Une fois que votre bloc de contenu Image est inséré dans votre canevas, il existe plusieurs façons d'y ajouter une image:
- Glisser-déposer depuis votre ordinateur
- Importation dans votre bibliothèque de contenu pour réutiliser les images
- Insertion à partir d'une URL
- Utilisation de variables pour adapter les images à vos destinataires
- Génération d'une image avec Aura AI
Choisissez l'onglet correspondant à la manière dont vous souhaitez insérer des images dans la conception de votre email :
Ajoutez facilement des images dans la conception de votre email en les faisant glisser et en les déposant directement depuis votre système dans votre bloc de contenu Image. Vos images seront automatiquement ajoutées à la conception de votre email et sauvegardées dans votre bibliothèque de contenu.
Utilisez la bibliothèque de contenu pour importer vos propres images, utilisez des images libres de droit ou GIF, ou créez des images directement depuis l'Éditeur d'email. Pour accéder à la bibliothèque de contenu, cliquez sur le bloc de contenu Image, puis Remplacer.
➡️ Pour en savoir plus sur la bibliothèque de contenu, consultez notre article dédié Ajout et gestion des images dans la bibliothèque de contenu.
Cliquez sur le bloc de contenu Image et collez le lien direct vers l’endroit où votre image est hébergée dans le champ Insérer image à partir d'une URL dans le panneau de gauche :
Votre image doit être hébergée sur un site web accessible au public. L'image apparaîtra dans votre email sans avoir besoin de l'importer dans votre bibliothèque de contenu. Lorsque votre email est ouvert, l'image est chargée directement à partir de cette URL, donc toute mise à jour apportée au fichier sur votre site web apparaîtra automatiquement dans les futurs affichages de l'email.
Les variables vous permettent d'afficher automatiquement des images dynamiques et personnalisées dans votre email. Au lieu d'insérer une image fixe, ajoutez une variable qui sera remplacée en temps réel lorsque l'email sera envoyé, en fonction des données les plus récentes disponibles.
| Template d'email dans Brevo | Email reçu dans la boîte de réception |
|---|---|
Par exemple, avec une variable de données d'événement, chaque destinataire verra l'image des données qui lui sont actuellement associées au moment de l'envoi. Les données se mettent à jour automatiquement et l'image affichée reflétera toujours la version la plus récente des données, sans mise à jour manuelle.
➡️ Pour en savoir plus sur les variables et comment insérer des images qui les utilise, consultez nos articles dédiés Personnaliser vos emails avec les données d'événement, Créer et envoyer des recommandations de produits avec les flux produit, et Personnaliser le contenu de vos emails avec des données en temps réel (flux de données).
Générez facilement des images personnalisées en utilisant Aura comme générateur d'images intégré dans l'éditeur d'email Drag & Drop. Concevez des visuels qui correspondent parfaitement à votre campagne sans aucune compétence en design !
Une fois que votre bloc de contenu Image est inséré dans votre canevas :
- Sélectionnez le bloc de contenu Image et cliquez sur Générer une image dans la barre d'outils des images. Une boîte de dialogue s'ouvre.
- Dans la boîte de dialogue, décrivez l'image que vous souhaitez qu'Aura crée. Soyez aussi précis que possible pour obtenir les meilleurs résultats. Par exemple, « Un studio de yoga paisible baigné d'une lumière naturelle passant à travers de grandes fenêtres, des plantes en arrière-plan et un tapis de yoga sur un plancher en bois ».
- Choisissez la taille et le style que vous préférez dans les options déroulantes correspondantes (par exemple, photographie, arrière-plan, art vectoriel, etc.).
- Appuyez sur Entrer ou cliquez sur l'icône de flèche ⬆ pour générer l'image.
Aura générera votre image en quelques secondes. Si vous n'êtes pas entièrement satisfait, vous pouvez :
- Cliquer sur Modifier l'image pour ajuster votre invite et améliorer l'image, ou
- Cliquer à nouveau sur Générer une image pour créer une nouvelle variation d'image.
🖌️ Modifier votre image (redimensionner, recadrer, texte alternatif, etc.)
Redimensionner une image
Pour redimensionner une image, cliquez sur l'image à redimensionner et placez votre curseur sur l'un des coins inférieurs 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. Sinon, vous pouvez aussi accéder à la section Mise en page dans le panneau de gauche et changer la valeur du champ Largeur.
Ajouter un texte alternatif à une image
| Le texte alternatif est une brève description de l'image qui apparaît si l'image ne se charge pas ou pour les utilisateurs de lecteurs d'écran. Il améliore l'accessibilité, améliore l'expérience utilisateur et transmet le message lorsque les images sont bloquées ou indisponibles. |
Pour ajouter un texte alternatif à vos images :
- Sélectionnez l'image à laquelle vous souhaitez ajouter un texte alternatif. Le panneau de gauche avec vos paramètres de contenu s'ouvre.
- Dans la section Paramètres d'image dans le panneau de gauche, trouvez le champ Texte alternatif.
-
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.
Ajouter un lien sur une image
L'ajout d'un lien sur une image vous permet de rediriger vos destinataires directement vers votre site web, une page produit ou toute destination depuis vos images :
Pour rediriger vos destinataires vers une page web :
Cliquez sur l'image que vous avez insérée. Les paramètres de l'image s'ouvrent sur la gauche.
- Dans le panneau de gauche, ouvrez l'accordéon Paramètres du lien.
- Dans la liste déroulante Type de lien, sélectionnez Lien absolu (URL).
- Dans le champ Cible de lien, saisissez l'URL de votre page.
- (Facultatif) Cliquez sur l'icône {} Ajouter une variable pour personnaliser votre URL avec un attribut du contact, des données d'événement ou une variable de flux de données.
- (Facultatif) Ajoutez un Texte de l'info-bulle, qui apparaîtra comme texte d'aide lorsque vous survolerez l'image.
Pour rediriger vos destinataires vers un fichier que vous souhaitez qu'ils téléchargent :
- Importez votre fichier sur un fournisseur tiers tel que WeTransfer ou Dropbox, et assurez-vous que votre fichier est accessible au public.
- Cliquez sur l'image que vous avez insérée. Les paramètres de l'image s'ouvrent sur la gauche.
- Dans le panneau de gauche, ouvrez l'accordéon Paramètres du lien.
- Dans la liste déroulante Type de lien, sélectionnez Lien absolu (URL).
- Dans le champ Cible de lien, saisissez l'URL de votre fichier.
- (Facultatif) Ajoutez du contenu dans Texte de l'infobulle, qui apparaîtra sous forme de texte d'aide lorsque vous le survolerez.
Modifier une image (recadrer, changer la couleur, ajouter du texte, etc.)
Notre éditeur par glisser-déposer comprend un éditeur d'images 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 la section Paramètres d'image depuis le panneau de gauche.
📹 Regardez la vidéo suivante pour apprendre les bases de l'éditeur d'images :
Ajouter une bordure ou des coins arrondis
Les bordures et les coins arrondis peuvent aider vos images à ressortir et à ajouter un style visuel qui correspond à votre marque.
Ajouter des conditions de visibilité à une image
Choisissez quand afficher vos images dans votre email en définissant les conditions de visibilité. Cela vous permet d'afficher ou de masquer une image en fonction de l'appareil ou des attribut de contact du destinataire, comme la localisation ou la langue. C'est un moyen simple de personnaliser votre conception et de s'assurer que chaque destinataire voie la version la plus pertinente de votre email.
➡️ Pour en savoir plus sur la visibilité du contenu, consultez notre article dédié Afficher ou masquer le contenu dans vos emails (visibilité du contenu).
⏭️ 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.