Utiliser les composants de contenu du concepteur d’e-mail

25 avril 2025

Créé pour :

  • Débutant
  • Intermédiaire
  • Utilisateur ou utilisatrice

Lorsque vous créez le contenu de votre e-mail, la section Composants de contenu vous permet de personnaliser davantage votre e-mail à l’aide des composants bruts que vous pouvez modifier une fois placés dans un e-mail.

Vous pouvez ajouter autant de composants de contenu que nécessaire dans un ou plusieurs composants de structure, ce qui permet de définir la disposition de votre e-mail.

Ajouter des composants de contenu

Pour ajouter des composants de contenu à votre e-mail et les ajuster selon vos besoins, suivez les étapes ci-dessous.

  1. Dans le concepteur d’e-mail, utilisez un contenu existant ou faites glisser et déposez la section Composants de structure dans votre contenu vide pour définir la disposition de votre e-mail. Voici comment procéder

  2. Pour accéder à la section Composants de contenu, sélectionnez le bouton correspondant dans le volet gauche du concepteur d’e-mail.

  3. Faites glisser et déposez les composants de contenu de votre choix dans les composants de structure appropriés.

    NOTE
    Vous pouvez ajouter plusieurs composants dans un seul composant de structure et dans chaque colonne d’un composant de structure.

  4. Ajustez les attributs et le style de chaque composant à l’aide des onglets Paramètres et Style sur la droite. Par exemple, vous pouvez changer le style de texte, la marge intérieure ou la marge de chaque composant. En savoir plus sur l’alignement et la marge intérieure

  5. Le menu avancé de votre composant de contenu permet de supprimer ou dupliquer facilement n’importe quel composant de contenu selon vos besoins.

Conteneur

Pour appliquer un style spécifique à un groupe de composants de contenu, ajoutez un composant de conteneur, puis ajoutez-y le ou les composants de contenu de votre choix. Cela vous permet d’appliquer un style distinct au conteneur, qui sera différent du style appliqué aux composants de contenu qui s’y trouvent.

Par exemple, ajoutez un composant Conteneur, puis ajoutez un composant Bouton à l’intérieur de ce conteneur. Vous pouvez utiliser un arrière-plan spécifique pour le conteneur et un autre pour le bouton.

Bouton

Utilisez le composant Bouton pour insérer un ou plusieurs boutons dans votre e-mail et rediriger votre audience d’e-mail vers une autre page.

  1. À partir de la section Composants de contenu, faites glisser et déposez le composant Bouton dans un composant de structure.

  2. Cliquez sur le bouton nouvellement ajouté pour personnaliser le texte et accéder aux onglets Paramètres et Styles dans le volet droit du concepteur d’e-mail.

  3. Dans le menu Lien, ajoutez l’URL vers laquelle effectuer la redirection en cas de clic sur le bouton.

  4. Choisissez comment votre audience sera redirigée avec la liste déroulante Cible  :

    • Aucune  : ouvre le lien dans le même cadre que celui sur lequel l’utilisateur a cliqué (par défaut).
    • Vierge  : ouvre le lien dans une nouvelle fenêtre ou un nouvel onglet.
    • Self  : ouvre le lien dans le même cadre que celui sur lequel l’utilisateur a cliqué.
    • Parent  : ouvre le lien dans le cadre parent.
    • Haut  : ouvre le lien dans le corps complet de la fenêtre.

  5. Vous pouvez personnaliser davantage votre bouton en modifiant les attributs de style, tels que la bordure, la taille, la marge, etc. à partir du volet Paramètres des composants.

Texte

Utilisez le composant Texte pour insérer du texte dans votre e-mail et ajustez le style (bordure, taille, marge intérieure, etc.) à l’aide de l’onglet Styles.

  1. À partir des composants de contenu, faites glisser et déposez le composant de texte dans un composant de structure.

  2. Cliquez sur le composant nouvellement ajouté pour personnaliser le texte et accéder aux onglets Paramètres et Styles dans le volet droit du concepteur d’e-mail.

  3. Modifiez votre texte à l’aide des options suivantes disponibles dans la barre d’outils :

    • Modifier le style de texte  : appliquez des caractères gras, italiques, soulignés ou barrés à votre texte.
    • Modifier l'alignement  : choisissez entre l’alignement à gauche, à droite, centré ou justifié pour votre texte.
    • Créer une liste  : ajoutez une puce ou une liste numérique à votre texte.
    • Définir le titre  : ajoutez jusqu'à six niveaux d'en-tête à votre texte.
    • Taille de police  : sélectionnez la taille de police de votre texte en pixels.
    • Changer la couleur de la police  : choisissez la couleur de votre police.
    • Insérer un lien  : ajoutez n’importe quel type de lien à votre contenu.
    • Modifier l’image  : ajoutez une image ou une ressource à votre composant de texte. En savoir plus sur la gestion des ressources
    • Modifier la couleur de la police  : choisissez la couleur de votre police.
    • Ajouter une personnalisation  : ajoutez des champs de personnalisation pour personnaliser le contenu à partir des données de vos profils. En savoir plus sur la personnalisation de contenu
    • Afficher le code source  : affichez le code source de votre texte. Ceci ne peut pas être modifié.
    • Activer le contenu conditionnel  : ajoutez du contenu conditionnel pour adapter le contenu du composant aux profils ciblés. En savoir plus sur le contenu dynamique
    • Dupliquer  : ajoutez une copie de votre composant de texte.
    • Supprimer  : supprimez le composant de texte sélectionné de votre e-mail.

  4. Ajustez les autres attributs de style, tels que la couleur du texte, la famille de polices, la bordure, la marge intérieure, la marge, etc. à partir de l’onglet Styles.