Utiliser les composants de contenu content-components
Lorsque vous créez le contenu de votre e-mail, les composants de contenu vous permettent de personnaliser davantage votre e-mail à l’aide des composants bruts et vides que vous pouvez utiliser une fois placés dans un e-mail.
Vous pouvez ajouter autant de contenus que nécessaire dans une structure, ce qui permet de définir la disposition de votre e-mail.
Ajouter des composants de contenu add-content-components
Pour ajouter des composants de contenu à votre e-mail et les ajuster selon vos besoins, suivez les étapes ci-dessous.
-
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.
note note NOTE Vous pouvez ajouter plusieurs composants dans une seule structure et dans chaque colonne d’une structure. -
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.
-
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.
Conteneur container
Vous pouvez ajouter un conteneur simple à l’intérieur duquel vous ajouterez un autre composant de contenu. Vous pouvez ainsi appliquer un style spécifique au conteneur, qui est différent du composant utilisé à l’intérieur.
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 buttons
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.
-
À partir de la liste Contenu, faites glisser et déposez le composant de bouton dans un composant de structure.
-
Cliquez sur le bouton que vous venez d’ajouter pour personnaliser le texte et accéder aux onglets Paramètres et Styles.
-
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.
-
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.
Texte text
Utilisez le composant Texte pour insérer du texte dans votre e-mail et ajuster le style (bordure, taille, marge intérieure, etc.) en utilisant les onglets Paramètres et Styles.
-
Dans le menu Contenu, faites glisser et déposez du texte dans un composant de structure.
-
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 :
- 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.
Diviseur divider
Utilisez le composant Diviseur pour insérer une ligne de séparation afin d’organiser la disposition et le contenu de l’e-mail.
Vous pouvez ajuster les attributs de style, tels que le style, la hauteur et la couleurs des lignes depuis l’onglet Styles.
HTML HTML
Utilisez le composant HTML pour copier-coller les différentes parties de votre code HTML existant. Vous pouvez ainsi créer des composants HTML modulaires autonomes afin de réutiliser du contenu externe.
-
À partir des Composants, faites glisser et déposez le composant HTML dans une structure.
-
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.
Image image
Utilisez le composant Image pour insérer un fichier image de votre ordinateur dans l’e-mail.
-
Dans le menu Contenu, faites glisser et déposez Image dans un composant de structure.
-
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.
-
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.
-
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.
-
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.
Social social
Utilisez le composant Social pour insérer des liens vers des pages de réseaux sociaux dans le contenu de l’e-mail.
-
À 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.
-
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.
-
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.