Composant Page d’e-mail

Le composant Page d’e-mail est un composant de page extensible conçu pour fonctionner avec l’éditeur de modèles. Il permet d’assembler des composants d’en-tête/de pied de page et de structure avec l’éditeur de modèles, le tout adapté à la création de contenu Adobe Campaign.

Utilisation

Le composant Page d’e-mail constitute la base de toutes les pages conçues avec les composants principaux d’e-mail ainsi que les modèles modifiables. Grâce au composant Page d’e-mail, les en-têtes, les pieds de page et la structure de la page peuvent être définis dans un modèle à l’aide des autres composants principaux d’e-mail.

• Grâce à la boîte de dialogue de conception, les bibliothèques côté client personnalisées peuvent être définies pour la page.
• Contrairement aux autres composants dont la boîte de dialogue de modification est accessible directement à partir de ceux-ci, puisque le composant Page d’e-mail est la page elle-même, la boîte de dialogue de modification du composant Page d’e-mail est la fenêtre Propriétés de la page.

Version et compatibilité

La version actuelle du composant Page 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.

Pour plus d’informations sur les versions et les publications des composants principaux d’e-mail, voir le document sur les versions des composants principaux d’e-mail.

Détails techniques

La documentation technique la plus récente sur le composant Page se trouve sur GitHub.

Vous trouverez plus d’informations sur le développement des composants principaux dans la documentation destinée aux développeurs de composants principaux.

Boîte de dialogue de modification

Étant donné que le composant représente la page entière, les paramètres qui seraient normalement dans une boîte de dialogue de modification se trouvent dans la fenêtre Propriétés de la page.

Onglet Services cloud

Afin que les composants principaux d’e-mail puissent récupérer les données et les variables de campagne, la page doit être liée à une configuration Adobe Campaign.

Sous l’en-tête Configuration du service Cloud, dans la liste déroulante, sélectionnez Ajouter la configuration.

Sous l’en-tête Adobe Campaign, sélectionnez la configuration de votre intégration à Adobe Campaign.

Pour plus d’informations sur la configuration des composants principaux d’e-mail, voir le document Utilisation des composants principaux d’e-mail.

Onglet E-mail

L’onglet E-mail définit les propriétés des e-mails envoyés via Adobe Campaign en fonction du contenu de cette page, tel que l’objet du message et le contenu en texte brut.

• Objet : objet de l’e-mail envoyé par Adobe Campaign sur la base de cette page.
  • 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.
• Pré-en-tête
  • 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.
• Texte brut : la version en texte brut de l’e-mail envoyé par Adobe Campaign.
  • 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.
• URL de référence

Boîte de dialogue de conception

Étant donné que le composant représente la page entière, la boîte de dialogue de conception est accessible via Informations sur la page -> Stratégie de page lors de la modification du modèle de page.

Onglet Propriétés

À l’aide de la fenêtre Conception de page, vous pouvez définir les bibliothèques clientes à charger ainsi que la bibliothèque de ressources web pour la page.

• Bibliothèques clientes : cette option définit les catégories de bibliothèques clientes à charger. JavaScript est ajouté à la fin du corps et le CSS est ajouté à l’en-tête de la page.
• En-tête de page JavaScript des bibliothèques clientes : cette option définit les catégories de bibliothèques clientes JavaScript à charger dans l’en-tête de la page.
  • Les catégories définies ici et qui sont aussi présentes dans le champ Bibliothèques clientes ont le code JavaScript chargé dans l’en-tête de la page et non dans la fin du corps.
  • Aucun CSS ne sera chargé, sauf si la catégorie est également présente dans le champ Bibliothèques clientes.
• Chargement asynchrone des bibliothèques JavaScript : si cette option est activée, les bibliothèques JavaScript personnalisées sont chargées de manière asynchrone.
• Bibliothèque cliente des ressources web : catégorie de bibliothèque cliente utilisée pour distribuer des ressources web telles que des favicons.
• Passer au sélecteur d’élément de contenu principal : utilisé comme fonction d’accessibilité pour passer directement au contenu principal de la page.

Les bibliothèques peuvent être configurées pour les champs Bibliothèques clientes et En-tête de page JavaScript des bibliothèques clientes de la manière suivante :

• Pour ajouter un nouveau champ, appuyez ou cliquez sur le bouton Ajouter sous les champs.
• Pour supprimer un champ, appuyez ou cliquez sur l’icône de corbeille située en regard du champ à supprimer.
• Pour réorganiser l’ordre de chargement, cliquez ou appuyez sur la poignée située en regard du champ à déplacer et faites-la glisser.

Pour plus d’informations sur l’utilisation des bibliothèques côté client, voir Utilisation de bibliothèques côté client.

Onglet Styles

Le composant Page prend en charge le système de style AEM.