Insérer et modifier des images dans des modules de texte enrichi
Dernière mise à jour: avril 2, 2021
Disponible avec :
Tous les produits et les abonnements |
Vous pouvez insérer une ou plusieurs images avec d'autres types de contenus (texte, CTA, etc.) dans un module de texte enrichi. Vous pouvez ensuite personnaliser l'apparence et le comportement de chargement de votre image. Les images simples peuvent également être ajoutées avec le module par défaut Image.
Remarque : Ces étapes s'appliquent uniquement aux modules de texte enrichi. Les éléments de texte dans l'éditeur d'e-mails en glisser-déposer ne peuvent contenir d'images.
Ajouter une image à un module de texte enrichi
Remarque : Seuls les fichiers .png, .ico, .bmp, .jpg et .gif peuvent être ajoutés aux e-mails marketing.
-
Dans votre compte HubSpot, accédez à votre blog, à vos e-mails, ou à vos pages de destination ou de site web.
-
Cliquez sur le nom de l'article de blog, de l'e-mail, de la page de destination ou de la page de site web à modifier.
- Cliquez sur le module de texte enrichi où vous souhaitez que l'image apparaisse.
- Dans la section de l'angle supérieur droit de la barre d'outils de texte enrichi, cliquez sur l'icône d'image insertImage.
- Dans le panneau de droite, vous pouvez :
- sélectionner une image depuis l'outil Fichiers ;
- cliquer sur Ajouter une image pour charger une nouvelle image de votre ordinateur ou via l'URL de fichier ;
- cliquer sur Créer avec Canva pour créer une nouvelle image avec Canva.
- Vous pouvez ajuster les paramètres d'optimisation de l'image avant d'ajouter l'image à votre contenu.
Modifier une image
- Pour activer les commandes de style d'image dans la barre de menu, cliquez sur l'image dans l'éditeur de texte enrichi.
- Pour définir l'alignement et l'habillage du texte autour de votre image, sélectionnez une mise en page d'image.
- Pour ajouter un lien vers votre image, cliquez sur l'icône link.
- Pour ajuster la taille de votre image, cliquez sur les flèches Largeur et Hauteur ou saisissez une taille en pixels.
- Pour définir le remplissage autour de l'image, cliquez sur le menu déroulant Espacement et saisissez une taille en pixels autour des bords de l'icône image.
- Pour supprimer une image d'un module de texte enrichi, cliquez sur l'image, puis sur l'icône Corbeille delete ou appuyez sur la touche Suppr/Correction arrière de votre clavier.
- Pour remplacer l'image, cliquez sur l'image, puis sur l'icône Remplacer replace et ajoutez une nouvelle image.
Modifier les options d'image avancées
Vous pouvez modifier les options avancées pour votre image pour ajouter du texte alternatif, personnaliser le lien d'image ou contrôler la façon dont elle est chargée sur votre page. Les images dans les e-mails marketing ne prennent en charge que l'ajout de texte alternatif.
Pour apporter des modifications avancées à votre image :
- Cliquez sur l'image.
- Cliquez sur l'icône Crayon edit.
- Dans l'angle supérieur droit de la fenêtre contextuelle, cliquez sur Avancé.
- Ajoutez un texte alternatif pour décrire votre image pour les moteurs de recherche.
- Si votre image est associée à un lien, vous pouvez personnaliser le type de lien. Cela indique aux moteurs de recherche la relation de ce lien avec votre site web.
- Vous pouvez appliquer le chargement Lazy afin que l'image ne se charge que si un visiteur accède à ce contenu sur votre page. Pour appliquer le chargement Lazy à des images insérées dans un module de texte enrichi, dans la boîte contextuelle Avancé, cliquez sur Chargement Lazy, puis sélectionnez Lazy.
-
- Cliquez sur Appliquer pour enregistrer vos modifications avancées.
Articles similaires
-
Exportez votre contenu et vos données
Découvrez comment exporter vos contenus et données HubSpot depuis votre compte, notamment les pages, les...
Base de connaissances -
Ajouter des vidéos à votre contenu HubSpot
Grâce à HubSpot Vidéo, vous pouvez charger des vidéos dans votre outil Fichiers, puis les ajouter à des...
Base de connaissances -
Personnaliser votre contenu
Grâce aux jetons de personnalisation, vous pouvez afficher le contenu personnalisé à vos contacts en fonction...
Base de connaissances