Ajouter des images dans les modèles de courriel

Créez un contenu plus attractif visuellement et présentez votre marque en ajoutant des images. Parce que les clients de messagerie ne chargent pas tous les images par défaut, veillez à inclure un texte de remplacement.

Ajouter des images d'arrière-plan

Vous pouvez ajouter des images d'arrière-plan à toute présentation dans le courriel. Par exemple, vous pouvez créer une image principale et la superposer au contenu pour obtenir une présentation unique.

Exemple d'image principale appliquée à une présentation de courriel

Les images d'arrière-plan ne sont pas prises en charge par tous les clients de messagerie (par exemple, Microsoft Outlook). Veillez à prévisualiser et tester les courriels avec les clients de messagerie cible.

Pour ajouter une image d'arrière-plan :

  1. Sur le modèle de courriel ouvert, cliquez sur la présentation à laquelle ajouter une image d'arrière-plan.
  2. Cliquez sur Parcourir dans le panneau Propriétés générales et sélectionnez l'image. Aucun autre paramètre n'est à configurer pour les images d'arrière-plan.
  3. Ajoutez du contenu à la présentation le cas échéant.

Ajouter des images

Lors de l'ajout d'un contenu image, suivez les directives suivantes pour les tailles d'image :

Présentation du courriel Taille de l'image
1 colonne 600 pixels
2 colonnes 300 pixels
3 colonnes 200 pixels
4 colonnes 150 pixels
2 colonnes, barre latérale à gauche 200 pixels et 400 pixels
2 colonnes, barre latérale à droite 400 pixels et 200 pixels

Pour ajouter des images au courriel :

  1. Sur le modèle de courriel ouvert, déplacez le composant de contenu image sur la présentation.

    Illustration du déplacement d'un composant image sur le canevas du courriel

  2. Vous pouvez rechercher l'image ou en charger une nouvelle.
    • Pour rechercher une image dans la bibliothèque d'images, cliquez sur Image de l'icône Parcourir.
    • Pour charger une nouvelle image, sélectionnez un dossier et cliquez sur Charger un contenu. Vous pouvez rechercher dans votre système de fichiers une image à charger dans la bibliothèque des images.

  3. Par défaut, Responsys ajuste la hauteur et la largeur de l'image de manière proportionnelle en fonction du bloc de contenu. Utilisez les propriétés de la section Dimensionnement de l'image pour ajuster l'image et son alignement. Les propriétés de dimensionnement d'image sont décrites ci-après.
  4. Après avoir ajouté une image, cliquez sur le bloc de contenu image et utilisez le panneau Image pour formater l'image.

Texte de remplacement

A l'aide du panneau Image, vous pouvez ajouter un texte de remplacement pour l'image. Ce texte vous permet de décrire l'image aux destinataires pour lesquels les images sont bloquées ou désactivées. Il permet aussi de rendre une image plus accessible aux personnes handicapées.

Dimensionnement et alignement

Utilisez les options de la section Dimensionnement de l'image disponible dans le panneau Image pour modifier l'alignement ou les dimensions de l'image.

  • Utilisez le paramètre Ajustement auto pour ajuster la hauteur et la largeur de l'image de manière proportionnelle en fonction du bloc de contenu.
  • Désactivez le paramètre Ajustement auto pour ajuster la largeur de l'image. Vous pouvez ajuster l'image aux dimensions du bloc de contenu. Responsys conserve les proportions de l'image.
  • Utilisez les boutons Alignement pour aligner l'image à droite ou à gauche dans le bloc de contenu, ou la centrer.

Illustration animée des options de dimensionnement d'image

Couleur d'arrière-plan

Définissez la couleur d'arrière-plan du bloc de contenu à l'aide du panneau Image. Vous pouvez utiliser des valeurs hexadécimales ou RVB.

Créer un lien

Pour ajouter un lien à l'image, utilisez le panneau Image. Vous pouvez ajouter un lien vers une page Web externe. En savoir plus sur les types de lien.

Remplissage et bordures

Définissez le remplissage et les bordures autour du bloc de contenu à l'aide des options disponibles dans le panneau Image. En savoir plus sur le remplissage et les bordures.

Documentation connexe

Utiliser les contenus et présentations pour modèle de courriel

Modèles de courriel (concepteur visuel de modèles)