Vous consultez actuellement l'aide de la version:

Lorsque vous procédez à l’intégration à Adobe Campaign, des composants sont disponibles pour l’utilisation de newsletters et de formulaires. Ils sont tous deux décrits dans ce document.

Composant 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 de courrier électronique et dépendent du langage de balisage HTL d’Adobe.

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

  • Titre (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)

La section qui suit contient une description de ces composants.

Dans l’interface utilisateur (IU) optimisée pour les écrans tactiles, les composants s’affichent comme suit :

chlimage_1

Dans l’interface utilisateur classique, les composants se trouvent dans le sidekick :

chlimage_1

Titre (Campaign)

Le composant Titre permet d’afficher les éléments suivants :

  • Nom de la page actuelle (lorsque le champ Titre est vide)
  • Texte spécifié dans le champ Titre

 La fonctionnalité est identique dans les deux IU, même si l’affichage est différent :

  • Interface utilisateur optimisée pour les écrans tactiles

    Vous modifiez directement le composant Titre (Campaign). Laissez ce champ vide pour utiliser le titre de la page.

    chlimage_1
  • Interface utilisateur classique

    Vous modifiez directement le composant Titre (Campaign). Laissez ce champ vide pour utiliser le titre de la page.

    chlimage_1

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

Image (Campaign)

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

Vous pouvez transférer une image, puis la modifier et la manipuler (par exemple, la recadrer, la faire pivoter, y ajouter un lien/titre/texte).  La fonctionnalité est identique dans les deux IU, même si l’affichage est différent :

  • Interface utilisateur optimisée pour les écrans tactiles

    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 transférer une image à partir de la boîte de dialogue Configurer. Cette boîte de dialogue permet également de contrôler toutes les définitions et la manipulation de l’image :

    chlimage_1

    Remarque :

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

    Une fois l’image transférée (pas avant), vous pouvez utiliser la modification statique pour recadrer/faire pivoter l’image, au besoin :

    chlimage_1

    Remarque :

    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 également être imposées par la conception de la page. Ces restrictions sont déterminées lors de la mise en œuvre du projet.

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

    chlimage_1
  • IU classique

    Vous pouvez transférer une image, puis la modifier et la manipuler (par exemple, la recadrer, la faire pivoter, y ajouter un lien/titre/texte). Vous pouvez faire glisser et déposer une image à partir de l’Outil de recherche de contenu directement sur le composant ou sa boîte de dialogue d’édition. Vous pouvez également double-cliquer dans la zone centrale de la boîte de dialogue d’édition pour parcourir votre système de fichiers local et charger une image. Les deux onglets de la boîte de dialogue d’édition contrôlent également toutes les définitions, ainsi que la manipulation de l’image :

    chlimage_1

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.

Remarque :

Pour enregistrer l’image, vous devez renseigner le champ Texte de remplacement sur l’onglet Avancé. Sinon, le message d’erreur ci-dessous s’affiche :

Échec de la validation. Vérifiez les valeurs des champs marqués.

 

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

chlimage_1

Lien (Campaign)

Le composant Lien (Campaign) permet d’ajouter un lien à votre newsletter. Ce composant n’est disponible que dans l’interface utilisateur classique, mais vous pouvez en ajouter un à l’interface utilisateur optimisée pour les écrans tactiles et l’ouvrir en mode de compatibilité.

chlimage_1

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.
  • Type de lien
    Dans la liste déroulante, sélectionnez URL personnalisée ou Document adaptatif. Ce champ est obligatoire. Si vous sélectionnez l’URL personnalisée, vous pouvez indiquer l’URL du lien. Si vous sélectionnez Document adaptatif, vous pouvez préciser le chemin d’accès au 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.

Remarque :

Pour enregistrer le composant, vous devez renseigner le champ Type de lien sur l’onglet Informations sur l’URL. Autrement, le message d’erreur ci-dessous s’affiche :

Échec de la validation. Vérifiez les valeurs des champs marqués.

 

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

chlimage_1

Modèle d’image Scene7 (Campaign)

Les modèles d’image Scene7 sont des images superposées, où le contenu et les propriétés peuvent être paramétrés pour la 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

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.

De plus, le panneau 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 personnaliser la valeur, insérer des variables ou rétablir leur valeur par défaut.

chlimage_1

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. La fonctionnalité est identique dans les deux IU, même si l’affichage est différent :

  • Interface utilisateur optimisée pour les écrans tactiles

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

    chlimage_1
  • IU classique

    Cliquez sur le menu déroulant pour accéder au paragraphe à référencer. Une fois que vous avez terminé, cliquez sur OK.

    chlimage_1

L’exemple ci-dessous présente le composant Référence ciblée (Campaign) affiché.

chlimage_1

Texte et image (Campaign)

Le composant Texte et image (Campaign) permet d’ajouter un bloc de texte et une image. La fonctionnalité est identique dans les deux IU, même si l’affichage est différent :

  • Interface utilisateur optimisée pour les écrans tactiles

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

    chlimage_1

    Sélectionnez Texte pour afficher un éditeur intégré :

    chlimage_1

    Sélectionnez Image pour afficher l’éditeur statique pour les images :

    chlimage_1

    Pour plus d’informations sur l’utilisation des images, reportez-vous à la section Composant Image (Campaign). Pour plus d’informations sur l’utilisation de texte, reportez-vous à la section Composant Texte et personnalisation (Campaign).

  • IU classique

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

    chlimage_1

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 de texte ; il s’affiche lorsque l’utilisateur 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.

Remarque :

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 :

Échec de la validation. Vérifiez les valeurs des champs marqués.

 

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

chlimage_1

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 retrait).  La fonctionnalité est identique dans les deux IU, même si l’affichage est différent :

  • Interface utilisateur optimisée pour les écrans tactiles

    chlimage_1

    Dans l’éditeur statique, vous pouvez ajouter du texte, modifier l’alignement, ajouter et supprimer des liens, ajouter des champs de contexte ou des blocs de personnalisation et passer en mode Plein écran. Une fois que vous avez fini d’ajouter du texte/une personnalisation, sélectionnez la coche pour enregistrer vos modifications (ou cliquez sur « x » pour annuler). Pour plus d’informations, reportez-vous à la section Modification statique

    Remarque :

    • 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é.

    Reportez-vous à la section Insertion d’une personnalisation.

    chlimage_1
  • IU classique

    Ajoutez du texte comme vous le feriez normalement dans l’éditeur de texte enrichi. Ajoutez la personnalisation en la sélectionnant dans la liste déroulante Adobe Campaign et en sélectionnant les champs en fonction de vos besoins.

    chlimage_1

    Vous ajoutez des champs de texte et de contexte ou des blocs de personnalisation pour créer du contenu. Ensuite, sélectionnez ClientContext pour tester les données dans les profils du persona. Après avoir sélectionné un persona, les champs de personnalisation sont remplacés automatiquement par les données du profil sélectionné.

    chlimage_1

Remarque :

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 des composants Adobe Campaign pour créer un formulaire que les utilisateurs remplissent pour s’abonner à une newsletter, s’en désabonner ou mettre à jour leur profil utilisateur. Pour plus d’informations, reportez-vous à la section Création de formulaires Adobe Campaign.

Chaque champ d’un composant peut être associé à un champ de base de données Adobe Campaign. Les champs disponibles varient selon le type de données qu’ils contiennent, comme indiqué dans la section Composants et type de données. Si vous étendez le schéma de destinataire dans Adobe Campaign, les nouveaux champs sont disponibles dans les composants dont les types de données concordent.

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/HTML5 (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)

Dans l’interface utilisateur (IU) optimisée pour les écrans tactiles, les composants s’affichent comme suit :

chlimage_1

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

Composants et type de données

Le tableau ci-dessous décrit les composants disponibles pour afficher et modifier des données de profil Adobe Campaign. Chaque composant peut être associé à un champ de profil Adobe Campaign pour afficher sa valeur et mettre à jour le champ lorsque le formulaire est envoyé. Les différents composants ne peuvent être associés qu’aux champs d’un type de données approprié.

Composant

Type de données d’un champ Adobe Campaign

Exemple de champ

Case à cocher (Campaign)

booléen

Plus un contact (par n’importe quel canal)

Champ de date (Campaign)

Champ de date/HTML 5 (Campaign)

date

Date de naissance

Champ numérique (Campaign)

numérique (octet, court, long, double)

Âge

Champ d’option (Campaign)

octet avec des valeurs associées

Sexe

Champ de texte (Campaign)

chaîne

Courrier électronique

Paramètres communs à la plupart des composants

Les composants Adobe Campaign possèdent des paramètres communs à tous les composants (à l’exception des composants Clé primaire chiffrée et Clé de rapprochement masquée).

Dans la plupart des composants, vous pouvez configurer les éléments suivants :

Titre et texte

chlimage_1
  • Titre
    Si vous souhaitez utiliser un autre nom que le nom de l’élément, saisissez-le ici.
  • Masquer le titre
    Cochez cette case si vous ne voulez pas afficher le titre.
  • Description
    Ajoutez une description dans le champ pour indiquer des informations supplémentaires pour les utilisateurs.
  • N’afficher que la valeur
    Affiche uniquement la valeur, le cas échéant.

Adobe Campaign

Vous pouvez configurer les éléments suivants :

  • Correspondance
    Sélectionnez un champ de personnalisation Adobe Campaign, si cela est approprié.
  • Clé de réconciliation
    Cochez cette case si ce champ fait partie de la clé de réconciliation.
chlimage_1

Contraintes

  • Obligatoire
    Cochez cette case pour que ce composant soit obligatoire. En d’autres termes, les utilisateurs doivent saisir une valeur.
  • Message obligatoire
    Si vous le souhaitez, ajoutez un message indiquant que le champ est obligatoire.
chlimage_1

Style

  • CSS
    Indiquez les classes CSS à utiliser pour ce composant.
chlimage_1

Case à cocher (Campaign)

Le composant Case à cocher (Campaign) permet à l’utilisateur de modifier les champs de profil Adobe Campaign de type données booléennes. Par exemple, vous pouvez créer un composant Case à cocher (Campaign) qui permet au destinataire d’indiquer qu’il ne souhaite être contacté par aucun canal. 

Vous pouvez configurer les paramètres communs à la plupart des composants Adobe Campaign dans le composant Case à cocher (Campaign).

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

chlimage_1

Champ de date (Campaign) et champ de date/HTML5 (Campaign)

Utilisez le champ de date pour permettre aux destinataires d’indiquer une date. Par exemple, vous souhaitez peut-être que les destinataires indiquent leur date de naissance. Le format de date correspond au format utilisé dans votre instance Adobe Campaign.

Outre les paramètres communs à la plupart des composants Adobe Campaign, vous pouvez configurer les éléments suivants :

  • Liste déroulante Contraintes – Contrainte
    Vous pouvez sélectionner Aucun ou Date pour ajouter une contrainte de date ou aucune contrainte. Si vous sélectionnez la date, la réponse que les utilisateurs renseignent dans le champ doit correspondre à un format de date.
  • Message de contrainte
    De plus, vous pouvez ajouter un message de contrainte afin que les utilisateurs sachent quel format suivre pour leur réponse.
  • Style – Largeur
    Ajustez la largeur du champ en cliquant ou en appuyant sur les icônes « + » et « - » ou saisissez un nombre.

L’exemple ci-dessous présente le composant Champ de date (Campaign), dont la largeur ajustée, affiché.

chlimage_1

Clé primaire chiffrée (Campaign)

Ce composant définit le nom du paramètre d’URL qui contient l’identifiant d’un profil Adobe Campaign (Identifiant de ressource principal ou Clé primaire chiffrée respectivement dans Adobe Campaign Standard et Adobe Campaign 6.1).

Chaque formulaire affichant et modifiant des données de profil Adobe Campaign doit comporter un composant Clé primaire chiffrée.

Vous pouvez configurer les éléments ci-dessous dans le composant Clé primaire chiffrée (Campaign) :

  • Titre et texte – Nom d’élément
    Par défaut, la valeur encryptedPK est proposée. Il suffit de modifier le nom d’élément lorsqu’il crée un conflit avec le nom d’un autre élément sur le formulaire. Deux champs de formulaire ne peuvent pas porter le même nom d’élément.
  • Adobe Campaign – Paramètre d’URL
    Ajoutez le paramètre d’URL de l’EPK. Par exemple, vous pouvez utiliser la valeur epk.

L’exemple ci-dessous présente le composant Clé primaire chiffrée (Campaign) affiché.

chlimage_1

Affichage d’erreur (campagne)

Ce composant permet d’afficher les erreurs du système principal. La gestion des erreurs du formulaire doit être définie vers l’avant pour que le composant fonctionne correctement.

L’exemple ci-dessous présente le composant Affichage d’une erreur (Campaign) affiché.

chlimage_1

Clé de réconciliation masquée (Campaign)

Le composant Clé de réconciliation masquée (Campaign) permet d’ajouter des champs masqués dans le cadre de la clé de réconciliation d’un formulaire. 

Vous pouvez configurer les éléments ci-dessous dans le composant Clé de réconciliation masquée (Campaign) :

  • Titre et texte – Nom d’élément
    Par défaut, reconcilKey est proposé.  Il suffit de modifier le nom d’élément lorsqu’il crée un conflit avec le nom d’un autre élément sur le formulaire. Deux champs de formulaire ne peuvent pas porter le même nom d’élément.
  • Adobe Campaign – Mappage
    Associez-la à un champ de personnalisation Adobe Campaign.

L’exemple ci-dessous présente le composant Clé de réconciliation masquée (Campaign) affiché.

chlimage_1

Champ numérique (Campaign)

Utilisez le champ numérique pour permettre aux destinataires de saisir des nombres, comme leur âge. 

Outre les paramètres communs à la plupart des composants Adobe Campaign, vous pouvez configurer les éléments suivants :

  • Liste déroulante Contraintes – Contrainte
    Vous pouvez sélectionner Aucune ou Numérique pour ajouter une contrainte de nombre ou aucune contrainte. Si vous sélectionnez Nombre, la réponse saisie par les utilisateurs dans le champ doit être numérique.
  • Message de contrainte
    De plus, vous pouvez ajouter un message de contrainte afin que les utilisateurs sachent quel format suivre pour leur réponse.
  • Style – Largeur
    Ajustez la largeur du champ en cliquant ou en appuyant sur les icônes « + » et « - » ou saisissez un nombre.

L’exemple ci-dessous présente le composant Champ numérique (Campaign), dont la largeur est configurée, affiché.

chlimage_1

Champ d’option (Campaign)

Cette liste déroulante permet de sélectionner une option. Par exemple, le sexe ou le statut d’un destinataire.

Vous pouvez configurer les paramètres communs à la plupart des composants Adobe Campaign dans le composant Champ d’option (Campaign). Pour remplir la liste déroulante, sélectionnez le champ approprié dans les champs de personnalisation d’Adobe Campaign en cliquant ou en appuyant sur le symbole Adobe Campaign et en accédant au champ.

chlimage_1

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

chlimage_1

Liste de contrôle d’abonnements (Campaign)

Utilisez le composant Liste de contrôle d’abonnements (Campaign) pour modifier les abonnements associés à un profil Adobe Campaign.

Lorsque vous ajoutez ce composant à un formulaire, il affiche tous les abonnements disponibles sous forme de cases à cocher et permet à l’utilisateur de sélectionner les abonnements souhaités. Lorsque les utilisateurs envoient le formulaire, ce composant abonne l’utilisateur aux services sélectionnés ou l’en désabonne en fonction du type d’action de formulaire (Adobe Campaign : S’abonner à des services ou Adobe Campaign : Se désabonner de services).

Remarque :

Le composant ne vérifie pas les services auxquels l’utilisateur est déjà abonné/dont il est désabonné.

Vous pouvez configurer les paramètres communs à la plupart des composants Adobe Campaign dans le composant Liste de contrôle d’abonnements (Campaign). (Il n’y a pas de configuration Adobe Campaign disponible pour ce composant.)

L’exemple ci-dessous présente le composant Liste de contrôle d’abonnements (Campaign) affiché.

chlimage_1

Champ de texte (Campaign)

Le composant Champ de texte (Campaign) qui vous permet de saisir des données de type chaîne, comme un prénom, un nom de famille, une adresse, une adresse électronique, etc.

Outre les paramètres communs à la plupart des composants Adobe Campaign, vous pouvez configurer les éléments suivants :

  • Liste déroulante Contraintes – Contrainte
    Vous pouvez sélectionner Aucune, Courrier électronique ou Nom (pas de trémas) pour ajouter une contrainte d’adresse électronique, de nom ou aucune contrainte. Si vous sélectionnez l’option Courrier électronique, la réponse saisie par les utilisateurs dans le champ doit correspondre à une adresse électronique. Si vous sélectionnez Nom, il doit s’agit d’un nom (les trémas ne sont pas autorisés). 
  • Message de contrainte
    De plus, vous pouvez ajouter un message de contrainte afin que les utilisateurs sachent quel format suivre pour leur réponse.
  • Style – Largeur
    Ajustez la largeur du champ en cliquant ou en appuyant sur les icônes « + » et « - » ou saisissez un nombre.

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

chlimage_1

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne