Le composant Teaser d’e-mail peut afficher une image, un titre, un texte enrichi et éventuellement un lien vers du contenu supplémentaire.
Utilisation
Le composant Teaser d’e-mail permet à l’auteur de contenu de créer facilement un teaser à l’aide d’une image, d’un titre ou d’un texte enrichi et de lier du contenu supplémentaire ou d’autres actions.
L’auteur du modèle peut utiliser la boîte de dialogue de conception pour définir si les options permettant de créer des appels à l’action et d’ajouter des liens sont disponibles, ainsi que pour désactiver diverses options d’affichage.
L’auteur de contenu peut utiliser la boîte de dialogue de configuration pour définir une image, des CTA, des titres et descriptions et configurer des liens vers le teaser individuel.
La version actuelle du composant Teaser d’e-mail est v1. Celle-ci a été introduite avec la version X des composants principaux d’e-mail en octobre 2022. Elle est décrite dans ce document.
Le tableau ci-après présente en détail toutes les versions prises en charge du composant, les versions AEM avec lesquelles les versions du composant sont compatibles et les liens vers la documentation pour les versions précédentes.
Version du composant
AEM 6.5
AEM as a Cloud Service
v1
Compatible
-
Détails techniques
La documentation technique la plus récente sur le composant Teaser d’e-mail se trouve sur GitHub.
L’auteur du contenu peut utiliser la boîte de dialogue de configuration pour définir les propriétés du teaser individuel. Il existe également une boîte de dialogue de modification pour modifier l’image de teaser si celle-ci est sélectionnée.
Onglet Liens
Le titre, la description et l’image du teaser peuvent être hérités du contenu lié ou du contenu lié dans le premier appel à l’action. Si aucun lien ni appel à l’action n’est spécifié, le titre, la description et l’image seront hérités du contenu actuel.
Lien : ce fichier établit un lien vers du contenu, une URL externe ou une ancre.
Cliquez sur l’icône Campagne pour ouvrir la boîte de dialogue Sélectionner la variable Adobe Campaign. Vous pouvez alors insérer du contenu dynamique depuis Adobe Campaign.
Appels à l’action : cette option permet de créer des liens vers plusieurs destinations.
La page liée dans le premier appel à l’action est utilisée pour hériter du titre, de la description ou de lʼimage du teaser.
Cliquez sur l’icône Campagne pour ouvrir la boîte de dialogue Sélectionner la variable Adobe Campaign et insérer du contenu dynamique depuis Adobe Campaign.
Onglet Texte
Prétitre : s’affiche avant le titre du teaser.
Titre : titre à afficher comme titre du teaser.
Cliquez sur l’icône Campagne pour ouvrir la boîte de dialogue Sélectionner la variable Adobe Campaign et insérer du contenu dynamique depuis Adobe Campaign.
Obtenir le titre depuis la page liée : lorsque cette option est cochée, le titre de la page liée est utilisé comme titre.
Description : définit une description à afficher sous forme de sous-titre du teaser.
Cliquez sur l’icône Sélectionner la variable Adobe Campaign pour ouvrir la boîte de dialogue Sélectionner la variable Adobe Campaign et insérer du contenu dynamique depuis Adobe Campaign.
Obtenir la description depuis la page liée : lorsque cette option est cochée, la description de la page liée est utilisée comme description.
ID : cette option permet de contrôler l’identifiant unique du composant dans le code HTML.
Si rien n’est indiqué, un ID unique est généré automatiquement pour vous. Vous le trouverez en examinant le contenu obtenu.
Si un ID est spécifié, il incombe à l’auteur de s’assurer qu’il est unique.
La modification de l’ID peut avoir un impact sur CSS.
Onglet Contenu
Hériter l’image en vedette de la page : utilisez l’image définie dans les propriétés de page de la page liée ou de la page active si aucune image n’est trouvée.
Ressource image : déposez un fichier depuis l’explorateur de ressources ou appuyez sur l’option parcourir pour effectuer un chargement à partir d’un système de fichiers local.
Appuyez ou cliquez sur Effacer pour désélectionner l’image actuellement sélectionnée.
Texte secondaire pour l’accessibilité : ce champ vous permet de fournir une description de l’image pour les utilisateurs souffrant de déficience visuelle.
Hériter le texte secondaire de la page : cette option utilise la description secondaire de la valeur de la ressource liée des métadonnées dc:description dans la gestion des ressources numériques (DAM) ou de la page active si aucune ressource n’est liée.
Ne pas fournir de texte secondaire : cette option marque lʼimage afin quʼelle soit ignorée par les technologies dʼassistance, comme les lecteurs dʼécran, dans les cas où lʼimage existe à des fins dʼillustration et ne comporte pas de signification particulière.
Le composant Teaser d’e-mail prend en charge le système de style AEM.
Utilisez la liste déroulante pour sélectionner les styles à appliquer au composant. Les sélections effectuées dans la boîte de dialogue de modification ou dans la barre d’outils du composant ont le même effet.
Le composant Teaser d’e-mail délègue le rendu d’image au composant Image. Par conséquent, la boîte de dialogue Modifier du composant Image est accessible pour permettre à l’auteur du contenu de manipuler l’image de teaser.
Boîte de dialogue de conception
La boîte de dialogue de conception permet à l’auteur du modèle de définir les options de teaser que l’auteur du contenu a définies lors de l’utilisation de ce composant.
Onglet Teaser
Éléments d’en-tête autorisés : utilisez la liste déroulante pour définir les éléments HTML d’en-tête qui peuvent être sélectionnés par un auteur pour le type de titre du teaser.
Élément d’en-tête par défaut du titre : l’élément HTML d’en-tête par défaut utilisé pour le type de titre du teaser.
Appels à l’action
Désactiver les appels à l’action : masque l’option Appels à l’action pour les auteurs de contenu.
Éléments
Masquer le prétitre : masque l’option Prétitre pour les auteurs de contenu.
Masquer le titre : masque l’option Titre pour les auteurs de contenu.
Lorsque cette option est sélectionnée, le Type de titre est masqué.
Afficher le type de titre
Masquer la description : masque l’option Description pour les auteurs de contenu.
Délégué d’image : affichage d’informations indiquant à quel composant le teaser d’e-mail délègue la gestion des images.
Onglet Styles
Le composant Teaser d’e-mail prend en charge le système de style AEM.