Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Landing Pages

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.

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.
    1. Pour définir l'alignement et l'habillage du texte autour de votre image, sélectionnez une mise en page d'image.
    2. Pour ajouter un lien vers votre image, cliquez sur l'icône link.
    3. Pour ajuster la taille de votre image, cliquez sur les flèches Largeur et Hauteur ou saisissez une taille en pixels
    4. 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.

editor-for-rich-text-images

  • 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

lazy-load-for-inserted-image-1

    • Cliquez sur Appliquer pour enregistrer vos modifications avancées.