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

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

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

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

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

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

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

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.

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

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.

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.

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

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.

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.

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.

À partir de Composants de contenu, faites glisser le composant HTML et déposez-le dans un composant de structure.

Cliquez sur votre nouveau composant ajouté, puis sélectionnez Afficher le code source dans la barre d’outils contextuelle pour ajouter votre code HTML.

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

À partir de Composants de contenu, faites glisser le composant Image et déposez-le dans un composant de structure.

Dans l’onglet Paramètres, cliquez sur Parcourir pour choisir un fichier image parmi vos ressources ou sur Importer un média pour charger une ressource vers Adobe Experience Manager Assets.

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

Vous pouvez également effectuer directement des recherches dans Adobe Stock à l’aide de l’option Trouver des photos Adobe Stock.

Cliquez sur le composant nouvellement ajouté et configurez les propriétés de l’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.

Vous pouvez également choisir Trouver des photos Stock similaires. En savoir plus.

Dans l’onglet Styles, ajustez les autres attributs de style, tels que la marge, la bordure, etc. ou ajoutez un lien pour rediriger votre audience vers un autre contenu à partir du volet Paramètres des composants.

À partir de Composants de contenu, faites glisser le composant Social et déposez-le dans un composant de structure.

Sélectionnez le composant nouvellement ajouté.

Dans le champ Social de l’onglet Paramètres, sélectionnez les médias sociaux à ajouter ou supprimer.

Sélectionnez la taille de vos icônes dans le champ dédié.

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

Vous pouvez également modifier les icônes de chacun de vos médias sociaux à partir de vos ressources, le cas échéant.

Ajustez les autres attributs de style tels que le style, la marge, la bordure, etc. à partir de l’onglet Styles.

À partir des composants de contenu, faites glisser et déposez le composant Décision d’offres dans un composant de structure.

Cliquez sur Ajouter pour sélectionner votre décision d’offres.

Dans la liste déroulante, sélectionnez vos emplacements. Sélectionnez ensuite la décision d’offres à ajouter à votre contenu, puis cliquez sur Ajouter.

L’onglet Décision d’offres permet de prévisualiser ou modifier l’offre insérée.