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, vous pouvez choisir de ne l’afficher que 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, 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.

{modal="regular"}

Dans le menu avancé de votre Contenu dans le volet de droite, vous pouvez facilement supprimer ou dupliquer 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 que vous venez d’ajouter 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 vous souhaitez rediriger lors d’un clic sur le bouton.

Sélectionnez l’affichage du contenu avec 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"}

Vous pouvez personnaliser davantage votre bouton en modifiant les attributs de style, tels que la bordure, la taille, la marge, etc. depuis l’onglet Styles.

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

{modal="regular"}

Cliquez sur le composant que vous venez d’ajouter 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 le style gras, italique, souligné ou barré à votre texte.
• Modifier l’alignement  : sélectionnez l’alignement gauche, droite, centré ou justifié pour votre texte.
• Créer une liste  : ajoutez une liste à 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 les autres attributs de style tels que la couleur du texte, la famille de polices, la bordure, la marge intérieure, la marge, etc. depuis 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 de 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, reportez-vous à la Documentation d’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"}

Vous pouvez ajouter un lien pour rediriger votre audience vers un autre contenu. En savoir plus

Ajustez les autres attributs de style tels que la marge, la bordure, etc. en utilisant 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"}

Vous pouvez également modifier les icônes de chaque média social si nécessaire dans le champ Source.

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