Composants d’Adobe Campaign

Dernière mise à jour : 12 avril 2024
  • Rubriques :

Créé pour :

  • Utilisateur ou utilisatrice
  • Administration
  • Développeur

Lors de l’intégration à Adobe Campaign, des composants sont disponibles pour l’utilisation de newsletters et de formulaires. Tous deux sont décrits dans ce document.

CAUTION
Les composants d’e-mail AEM ont été abandonnés. En raison de la nature de l’e-mail, en particulier son contenu et son style, les composants d’e-mail fournis prêts-à-l’emploi par AEM ne sont que rarement réutilisés par les clients car ils ont besoin d’implémenter des styles personnalisés dans les composants requis pour les projets.
Les composants d’e-mail peuvent être implémentés au niveau du projet. Les composants d’e-mail AEM obsolètes illustrent la manière dont cela peut être réalisé. Toutefois, n’utilisez pas ces composants obsolètes sur les projets.

Composants Newsletter Adobe Campaign

Tous les composants d’Adobe Campaign appliquent les méthodes recommandées décrites dans les bonnes pratiques pour les modèles d’e-mail et dépendent du langage de balisage HTL d’Adobe.

Lorsque vous ouvrez une newsletter ou un e-mail configuré de manière à être intégré à Adobe Campaign, les composants ci-dessous doivent s’afficher dans la section Newsletter Adobe Campaign  :

  • En-tête (Campaign)
  • Image (Campaign)
  • Lien (Campaign)
  • Modèle d’image Scene7 (Campaign)
  • Référence ciblée (Campaign)
  • Texte et image (Campaign)
  • Texte et personnalisation (Campaign)

Vous trouverez une description de ces composants dans la section suivante.

Les composants se présentent comme suit :

chlimage_1-43

En-tête (Campaign)

Le composant d’en-tête peut :

  • Afficher le nom de la page active en laissant vide le champ Titre.
  • Afficher un texte que vous spécifiez dans le champ Titre.

Vous modifiez directement le composant En-tête (Campagne). Laissez-le vide pour utiliser le titre de la page.

chlimage_1-44

Vous pouvez configurer les éléments suivants :

  • Titre
    Si vous souhaitez utiliser un autre nom que le titre de la page, saisissez-le ici.

  • Niveau de titre (1, 2, 3, 4)
    Niveau de titre d’après la catégorie de titre HTML 1-4.

L’exemple ci-dessous présente le composant Titre (Campaign) affiché.

chlimage_1-45

Image (Campaign)

Le composant image (campagne) affiche une image et le texte qui l’accompagne selon les paramètres spécifiés.

Vous pouvez charger une image, puis la modifier et la manipuler (par exemple, la recadrer, la faire pivoter ou y ajouter un lien/titre/texte).

Vous pouvez faire glisser et déposer une image à partir de l’explorateur de ressources directement sur le composant ou sa boîte de dialogue Configurer. Vous pouvez également charger une image à partir de la boîte de dialogue Configurer ; celle-ci contrôle également toutes les définitions, ainsi que la manipulation de l’image :

chlimage_1-46

NOTE
Pour enregistrer l’image, vous devez renseigner le champ Texte de remplacement.

Une fois l’image chargée (pas avant), vous pouvez utiliser la modification statique pour recadrer/faire pivoter l’image selon les besoins :

Barre d’outils de la modification statique

NOTE
L’éditeur statique utilise la taille et les proportions d’origine de l’image lors de l’édition. Vous pouvez également spécifier des propriétés de hauteur et de largeur. Toute restriction de taille et de proportion définie dans les propriétés est appliquée lorsque vous enregistrez vos modifications.
Selon votre instance, des restrictions minimales et maximales peuvent aussi être imposées par la conception de la page. Ces restrictions sont développées lors de la mise en œuvre du projet.

Différentes autres options sont disponibles en mode Plein écran. Par exemple, Carte et Zoom :

Mode de modification Plein écran

Lorsqu’une image est chargée, vous pouvez configurer ce qui suit :

  • Mapper
    Pour faire correspondre une image, sélectionnez Mapper. Vous spécifiez ensuite comment créer l’image interactive (rectangle, polygone, etc.) et l’emplacement où doit pointer la zone.

  • Recadrer
    Sélectionnez cette option pour recadrer une image à l’aide de la souris.

  • Rotation
    Pour faire pivoter une image, sélectionnez Rotation, à plusieurs reprises si nécessaire.

  • Effacer
    Permet de supprimer l’image actuelle.

  • Barre de zoom (IU classique uniquement)
    Pour effectuer un zoom avant ou arrière sur l’image, utilisez le curseur situé sous l’image (au-dessus des boutons OK et Annuler).

  • Titre
    Titre de l’image.

  • Texte de remplacement
    Texte de remplacement à utiliser lors de la création de contenu accessible.

  • Lier à
    Créez un lien vers les ressources ou d’autres pages de votre site Web.

  • Description
    Description de l’image.

  • Taille
    Permet de définir la hauteur et la largeur de l’image.

NOTE
Pour enregistrer l’image, vous devez renseigner le champ Texte de remplacement dans l’onglet Avancé. Sinon, l’image n’est pas enregistrée et le message d’erreur ci-dessous s’affiche :
Validation failed. Verify the values of the marked fields.

L’exemple ci-dessous présente le composant Image (Campaign) affiché.

chlimage_1-47

Le composant Lien (Campaign) vous permet d’ajouter un lien à votre newsletter.

Vous pouvez configurer les éléments ci-dessous sur les onglets Affichage, Informations d’URL ou Avancé  :

  • Légende du lien
    Légende du lien. Il s’agit du texte que les utilisateurs voient.

  • Info-bulle du lien
    Ajoute des informations supplémentaires sur l’utilisation du lien.

  • LinkType
    Dans la liste déroulante, sélectionnez une URL personnalisée ou un Document adaptatif. Ce champ est obligatoire. Si vous sélectionnez URL personnalisée, vous pouvez fournir l’URL du lien. Si vous sélectionnez Document adaptatif, vous pouvez fournir le chemin du document.

  • Paramètre d’URL supplémentaire
    Ajoutez des paramètres d’URL supplémentaires. Cliquez sur Ajouter un élément pour ajouter plusieurs éléments.

NOTE
Pour enregistrer le composant, vous devez renseigner le champ Type de lien dans l’onglet Informations sur l’URL. Autrement, le composant n’est pas enregistré et le message d’erreur ci-dessous s’affiche :
Validation failed. Verify the values of the marked fields.

L’exemple ci-dessous présente le composant Lien (Campaign) affiché.

chlimage_1-48

Modèle d’image Dynamic Media Classic (Scene7) (Campaign)

Les modèles d’image Dynamic Media Classic (Scene7) sont des images superposées, où le contenu et les propriétés peuvent être paramétrés pour plus de variabilité. Le composant Modèle d’image permet d’utiliser des modèles Scene7 dans des newsletters et de modifier les valeurs des paramètres de modèle. De plus, vous pouvez utiliser des variables de métadonnées Adobe Campaign dans les paramètres de sorte que chaque utilisateur visualise l’image de façon personnalisée.

chlimage_1-49

Cliquez sur  Modifier  pour configurer le composant. Vous pouvez configurer les paramètres décrits dans cette section. Ce modèle d’image Scene7 est décrit en détail dans la section Composant Modèle d’image Scene7.

En outre, le panneau des paramètres répertorie tous les paramètres de modèle définis pour le modèle dans Scene7. Pour chacun de ces paramètres, vous pouvez adapter la valeur, insérer des variables ou les réinitialiser à leur valeur par défaut.

chlimage_1-50

Référence ciblée (Campaign)

Le composant Référence ciblée (Campaign) permet de créer une référence à un paragraphe ciblé.

Dans ce composant, vous accédez au paragraphe ciblé pour le sélectionner.

Cliquez sur l’icône de dossier pour accéder au paragraphe à référencer. Lorsque vous avez terminé, cliquez sur la coche.

Texte et image (Campaign)

Le composant Texte et image (Campaign) permet d’ajouter un bloc de texte et une image.

Lorsque vous cliquez pour configurer le composant, sélectionnez Texte ou Image.

chlimage_1-51

La sélection du composant Texte affiche un éditeur en ligne :

Barre d’outils Texte

La sélection du composant Image affiche l’éditeur statique pour les images :

Barre d’outils Image

Voir Composant Image (Campaign) pour plus d’informations sur l’utilisation des images. Voir Composant Texte et personnalisation (Campaign) pour plus d’informations sur l’utilisation de textes.

Comme pour les composants Texte et personnalisation (Campaign) et Image (Campaign), vous pouvez configurer :

  • Texte
    Permet de saisir du texte. Utilisez la barre d’outils pour modifier la mise en forme, créer des listes et ajouter des liens.

  • Image
    Faites glisser une image à partir de l’Outil de recherche de contenu ou cliquez pour accéder à une image. Vous pouvez la recadrer ou la faire pivoter le cas échéant.

  • Propriétés de l’image (Propriétés d’image avancées)
    Permet de spécifier ce qui suit :

    • Titre
      Titre du bloc ; il s’affiche lorsque l’utilisateur ou l’utilisatrice pointe dessus avec la souris.

    • Texte de remplacement
      Texte de remplacement à afficher lorsque l’image ne peut pas être affichée.

    • Lier à
      Créez un lien vers les ressources ou d’autres pages de votre site Web.

    • Description
      Description de l’image.

    • Taille
      Permet de définir la hauteur et la largeur de l’image.

NOTE
Le champ Texte de remplacement sur l’onglet Avancé est obligatoire. Autrement, vous ne pouvez pas enregistrer le composant, et le message d’erreur ci-dessous s’affiche :
Validation failed. Verify the values of the marked fields.

L’exemple ci-dessous présente le composant Texte et image (Campaign) affiché.

chlimage_1-52

Texte et personnalisation (Campaign)

Le composant Texte et personnalisation (Campaign) permet de saisir un bloc de texte en utilisant un éditeur WYSIWYG, avec les fonctionnalités de l’éditeur de texte enrichi. De plus, ce composant permet d’utiliser des champs de contexte et des blocs de personnalisation, disponibles dans Adobe Campaign. Reportez-vous également à la section Insertion d’une personnalisation.

Une série d’icônes permet de mettre en forme le texte (attributs de police, alignement, liens, listes et mise en retrait). Les fonctionnalités sont globalement identiques dans les deux IU, même si l’affichage est différent :

chlimage_1-53

Dans l’éditeur statique, vous pouvez ajouter du texte, modifier la justification, ajouter et supprimer des liens, ajouter des champs contextuels ou des blocs de personnalisation, puis passer en mode plein écran. Une fois l’ajout de texte/la personnalisation terminé, cochez la case pour enregistrer vos modifications (ou x pour annuler). Pour plus d’informations, reportez-vous à la section Modification statique.

NOTE
  • Les champs de personnalisation disponibles dépendent du modèle Adobe Campaign auquel votre newsletter est liée.
  • Après avoir sélectionné un persona dans ContextHub, les champs de personnalisation sont remplacés automatiquement par les données du profil sélectionné.

chlimage_1-54

NOTE
Seuls les champs définis dans le schéma nms:seedMember ou l’une de ses extensions sont pris en compte. Les attributs des tables liés à nms:seedMember ne sont pas disponibles.

Composants Formulaire d’Adobe Campaign

Vous utilisez les composants Adobe Campaign pour créer un formulaire que les utilisateurs et utilisatrices remplissent pour s’abonner ou se désinscrire d’une newsletter, ou mettre à jour leurs profils utilisateur. Voir Création de formulaires Adobe Campaign pour plus d’informations.

Chaque champ de composant peut être associé à un champ de base de données Adobe Campaign. Les champs disponibles varient en fonction du type de données qu’ils contiennent, comme décrit dans la section Composants et type de données. Si vous étendez votre schéma de destinataires dans Adobe Campaign, les nouveaux champs seront disponibles dans les composants dont les types de données correspondent.

Lorsque vous ouvrez un formulaire configuré pour être intégré à Adobe Campaign, les composants ci-dessous de la section Adobe Campaign s’affichent :

  • Case à cocher (Campaign)
  • Champ de date (Campaign) et champ de date/HTML 5 (Campaign)
  • Clé primaire chiffrée (Campaign)
  • Affichage d’erreur (campagne)
  • Clé de réconciliation masquée (Campaign)
  • Champ numérique (Campaign)
  • Champ d’option (Campaign)
  • Liste de contrôle d’abonnements (Campaign)
  • Champ de texte (Campaign)

Les composants se présentent comme suit :

chlimage_1-55

Cette section décrit en détail chaque composant.