Utiliser les composants de contenu content-components

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

Faites glisser et déposez le contenu de votre choix dans les structures appropriées.

{modal="regular"}

Ajustez les options de chaque composant en utilisant l’onglet Paramètres contextuels. Par exemple, choisissez de l’afficher uniquement sur les ordinateurs de bureau ou les appareils mobiles, ou les deux. Vous pouvez également gérer les options de lien à partir de cet onglet. En savoir plus sur la gestion des liens

Ajustez les attributs de style de chaque composant à l’aide de l’onglet Style. Par exemple, modifiez 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.

{modal="regular"}

Dans le menu avancé de votre Contenu dans le volet de droite, supprimez ou dupliquez n’importe quel composant de contenu, si nécessaire.

À partir de la liste Contenu, faites glisser et déposez le composant de bouton dans un composant de structure.

{modal="regular"}

Cliquez sur le bouton nouvellement ajouté pour personnaliser le texte et accéder aux onglets Paramètres et Styles.

{modal="regular"}

Depuis l’onglet Paramètres , dans le champ URL, ajoutez l’URL vers laquelle rediriger lors d’un clic sur le bouton.

Choisissez le mode d’affichage du contenu à l’aide de la liste déroulante Cible :

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

{modal="regular"}

Personnalisez davantage votre bouton en modifiant les attributs de style, tels que Bordure, Taille, Marge, etc., à partir de l’onglet Styles.

Dans le menu Contenu, faites glisser et déposez du texte dans un composant de structure.

{modal="regular"}

Cliquez sur votre composant nouvellement ajouté pour personnaliser le texte et accéder aux onglets Paramètres et Styles.

Modifiez votre texte avec les options suivantes disponibles dans la barre d’outils contextuelle :

{modal="regular"}

• 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 des listes à puces ou à nombres à votre texte.
• Définir un titre  : ajoutez jusqu’à six niveaux de titre à 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.
• Afficher le code source  : affichez le code source de votre texte. Impossible d’effectuer une modification.
• 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 des données de vos profils.
• Activer le contenu conditionnel : ajoutez du contenu conditionnel pour adapter le contenu du composant aux profils ciblés.

Ajustez d’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.

{modal="regular"}

À partir des Composants, faites glisser et déposez le composant HTML dans une structure.

{modal="regular"}

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

{modal="regular"}

Dans le menu Contenu, faites glisser et déposez Image dans un composant Structure.

{modal="regular"}

Cliquez sur Parcourir pour choisir un fichier image parmi vos ressources. Vous pouvez également choisir d’importer votre contenu multimédia.

Pour en savoir plus sur le chargement et l’ajout de ressources dans Adobe Experience Manager, consultez la documentation Adobe Experience Manager as a Cloud Service.

{modal="regular"}

Parcourez vos dossiers pour localiser la ressource spécifique dont vous avez besoin ou utilisez la barre de recherche pour la chercher efficacement.

Une fois que vous avez trouvé la ressource recherchée, cliquez sur Sélectionner.

{modal="regular"}

Cliquez sur le composant que vous venez d’ajouter et configurez les propriétés de l’image à l’aide de l’onglet Paramètres  :

• Titre de l’image permet de définir le titre de l’image.
• Texte alternatif permet de définir la légende associée à votre image. Cela correspond à l’attribut HTML alternatif.

{modal="regular"}

Ajoutez un lien pour rediriger votre audience vers un autre contenu. En savoir plus

Ajustez d’autres attributs de style, tels que la marge, la bordure et d’autres à l’aide de l’onglet Styles.

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

Cliquez sur le composant que vous venez d’ajouter.

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

{modal="regular"}

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

Cliquez sur chaque icône de réseau social pour configurer l’URL vers laquelle votre audience est redirigée.

{modal="regular"}

Si nécessaire, modifiez les icônes de chacun de vos réseaux sociaux dans le champ Source.

Ajustez d’autres attributs de style, tels que le style, la marge, la bordure et d’autres depuis l’onglet Styles.