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:
- Action de 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 au design 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 au design de votre email et enregistré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, survolez le bloc de contenu Image et cliquez sur Sélectionner une image :
Vous pourrez alors effectuer ce qui suit :
|
|
➡️ 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.
Pour insérer une image à partir d’une URL, votre image doit être hébergée sur un site web accessible au public.
- Cliquez sur le bloc de contenu Image. Les paramètres de l'image s'ouvrent dans la barre latérale gauche.
- Sous la section Visuel, dans le champ URL de l’image, collez le lien direct vers l’emplacement où votre image est hébergée.
L'image apparaîtra dans votre email sans avoir besoin de l'importer dans votre bibliothèque de contenu et ne sera pas enregistrée dans celle-ci. 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 !
Pour générer une image avec Aura AI :
- Sélectionnez le bloc de contenu Image et cliquez sur Utiliser l’IA 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.).
- (Facultatif) Cliquez sur Ajouter des images de référence pour importer des exemples d'images correspondant à ce que vous souhaitez générer. Cela aidera Aura à s’assurer qu’il génère exactement ce que vous voulez.
- Appuyez sur Entrer ou cliquez sur l'icône de flèche ⬆ pour générer l'image. Votre image sera automatiquement enregistrée dans votre bibliothèque de contenu.
Aura générera votre image en quelques secondes. Si vous souhaitez modifier votre image, vous pouvez cliquer de nouveau sur Utiliser l’IA pour l’affiner en adaptant le prompt, ou générer une nouvelle 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 cliquer sur l’image pour ouvrir ses paramètres et ajuster sa largeur dans la section Mise en page :
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. Les paramètres de l'image s'ouvrent dans le panneau de gauche.
- Dans la section Visuel 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.
- (Facultatif) Cliquez sur l'icône {} Ajouter une variable pour personnaliser votre texte alternatif avec un attribut du contact, des données d'événement ou une variable de flux de données.
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 :
Sélectionnez l’image à laquelle vous souhaitez ajouter un lien. Les paramètres de l'image s'ouvrent dans le panneau de gauche.
- Dans la section Lien, cliquez sur la liste déroulante Type et sélectionnez Lien absolu (URL).
- Dans le champ 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 une info-bulle qui apparaîtra sous forme de texte d'aide lorsque vous survolerez le lien.
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.
-
Sélectionnez l’image à laquelle vous souhaitez ajouter un lien. Les paramètres de l'image s'ouvrent dans le panneau de gauche.
- Dans la section Lien, cliquez sur la liste déroulante Type et sélectionnez Lien absolu (URL).
- Dans le champ 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 une info-bulle qui apparaîtra sous forme de texte d'aide lorsque vous survolerez le lien.
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 un design de texte. Pour accéder à l'éditeur de photos, cliquez sur votre image, puis sur Modifier dans 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 angles arrondis peuvent aider vos images à se démarquer et ajouter un style visuel qui correspond à votre marque :
Cliquez sur l’image à laquelle vous souhaitez ajouter une bordure ou des angles arrondis. Les paramètres de l'image s'ouvrent dans le panneau de gauche.
Faites défiler jusqu’à la section Angles arrondis et entrez un rayon pour votre image.
- Faites défiler vers la section Bordures.
- Si vous voulez ajouter des bordures uniquement à certains côtés de votre image, décochez la case Appliquer à tous les côtés. Pour chaque côté, entrez une taille et choisissez une couleur.
- Sinon, entrez une taille pour vos bordures en px et choisissez leur couleur.
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.