Utiliser les composants de contenu du Concepteur d’email

Lorsque vous créez à partir de zéro votre contenu d'e-mail, les composants de contenu vous permettent de personnaliser davantage votre e-mail à l’aide de composants bruts et vides que vous pouvez utiliser une fois placés dans un e-mail.
Vous pouvez ajouter autant de composants de contenu que nécessaire dans un composant de structure qui définit la disposition de votre e-mail.

Bouton

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

  1. À partir de Composants de contenu, faites glisser-déposer Bouton dans un composant de structure.

  2. Cliquez sur votre bouton nouvellement ajouté pour personnaliser le texte et accéder aux Paramètres des composants dans le volet droit du Concepteur d'email.

  3. Dans le champ Lien des Paramètres des composants, ajoutez l’URL vers laquelle vous souhaitez que votre audience soit redirigée lorsqu'elle clique 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 désormais personnaliser davantage votre bouton en modifiant, par exemple, Style, Marge et Bordure.

Texte

Utilisez le composant Texte pour insérer du texte dans votre email. Vous pouvez ajuster la couleur, le style et la taille de votre texte dans Paramètres des composants.

  1. Dans Composants de contenu, faites glisser-déposer Texte dans un composant Structure.

  2. Cliquez sur votre composant nouvellement ajouté pour personnaliser le texte et accéder aux Paramètres des composants dans le volet droit du Concepteur d'email.

  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.
    • Modifier l'image : ajoutez une image ou une ressource à votre composant de texte. En savoir plus sur la gestion des ressources numériques.
    • Afficher le code source : affichez le code source de votre texte. Ceci ne peut pas être modifié.
    • Dupliquer : ajoutez une copie de votre composant de texte.
    • Supprimer : supprimez le composant de texte sélectionné de votre e-mail.
    • 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.
  4. Pour optimiser l’expérience utilisateur, vous pouvez ajouter des champs de personnalisation pour cibler votre audience. Pour plus d’informations à ce sujet, consultez cette section.

  5. Ajustez la couleur du texte, famille de polices et taille dans les paramètres des composants.

Diviseur

Utilisez le composant Diviseur pour insérer une ligne de séparation afin d’organiser la disposition et le contenu de votre e-mail.
Vous pouvez sélectionner la couleur, le style et la taille de la ligne de rupture dans Paramètres des composants.

HTML

Utilisez HTML pour copier-coller les différentes parties de votre code HTML existant. Cela vous permet de créer des composants HTML modulaires gratuits.

Pour rendre un contenu externe compatible avec le Concepteur d’email, Adobe recommande de créer entièrement un message et de copier le contenu de votre email existant dans des composants.

  1. Dans Composants de contenu, faites glisser-déposer HTML dans un composant de structure.

  2. Cliquez sur votre nouveau composant ajouté, puis Afficher le code source pour ajouter votre code HTML.

  3. Copiez-collez le code HTML à ajouter à votre e-mail et cliquez sur Enregistrer.

  4. Vous pouvez désormais personnaliser davantage votre code HTML en modifiant le style, la marge et la bordure par exemple ou en ajoutant un lien pour rediriger votre audience vers un autre contenu.

Image

Utilisez le composant Image pour insérer un fichier image de votre ordinateur dans votre e-mail.

  1. Dans Composants de contenu, faites glisser-déposer une image dans un composant de structure.

  2. Cliquez sur Parcourir pour choisir un fichier image dans vos ressources.

    Pour en savoir plus sur Assets Essentials, consultez la documentation Adobe Experience Manager Assets Essentials.

  3. Cliquez sur le composant que vous venez d'ajouter pour configurer vos composants de contenu et pour accéder aux Paramètres des composants dans le volet droit du Concepteur d'email.

  4. Configurez vos propriétés d’image :

    • Titre d'image vous permet de définir un titre pour votre image.
    • Text alt vous permet de définir la légende liée à votre image. Cela correspond à l’attribut alt en HTML.

  5. Vous pouvez désormais personnaliser davantage votre image en modifiant le style, la marge et la bordure par exemple ou en ajoutant un lien pour rediriger votre audience vers un autre contenu.

Vidéo

Utilisez le composant Vidéo pour insérer une vidéo dans votre e-mail via un lien URL.

  1. Dans Composants de contenu, faites glisse-déposer une vidéo dans un composant de tructure.

  2. Cliquez sur le composant que vous venez d'ajouter pour configurer vos composants de contenu et pour accéder aux Paramètres des composants dans le volet droit du Concepteur d'email.

  3. Dans le champ Lien vidéo des Paramètres des composants, ajoutez votre URL de vidéo.

  4. Vous pouvez ajouter une image d’illustration à votre vidéo pour spécifier une image à afficher jusqu’à ce que votre audience clique sur le bouton de lecture.

  5. Vous pouvez désormais personnaliser davantage votre image en modifiant, par exemple, Style, Marge et Bordure.

Social

Utilisez le composant Social pour insérer des liens vers des pages de réseaux sociaux dans votre e-mail.

  1. Dans Composants de contenu, faites glisser-déposer l'élément Social dans un composant de structure.

  2. Cliquez sur le composant que vous venez d'ajouter pour configurer vos composants de contenu et pour accéder aux Paramètres des composants dans le volet droit du Concepteur d'email.

  3. Dans le champ Social des Paramètres des composants, sélectionnez le réseau social que vous souhaitez ajouter ou supprimer.

  4. Sélectionnez la taille de vos icônes dans le champ Taille des images.

  5. Cliquez sur chacune des icônes de vos réseaux sociaux pour configurer l'URL vers laquelle votre audience sera redirigée.

  6. Vous pouvez également modifier les icônes de chacun de vos réseaux sociaux si nécessaire dans le champ Image.

  7. Vous pouvez désormais personnaliser davantage vos icônes de réseaux sociaux en modifiant les paramètres Style, Marge et Bordure.

Décision d'offre

Utilisez le composant Décision d’offre pour insérer des décisions dans vos messages. Les décisions s’appuient sur la gestion de décision pour choisir la meilleure offre à fournir à vos clients.

Rubriques connexes :

Sur cette page