6.2 Création de votre message électronique

Dans cet exercice, vous allez configurer le parcours qui doit être déclenché lorsqu’une personne crée un compte sur le site web de démonstration.

Connectez-vous à Adobe Journey Optimizer en vous rendant à Adobe Experience Cloud. Cliquez sur Journey Optimizer.

ACOP

Vous serez redirigé vers la vue Accueil dans Journey Optimizer.

ACOP

Tout d’abord, assurez-vous d’utiliser l’environnement de test approprié. L’environnement de test à utiliser est appelé --aepSandboxId--. Pour passer d’un environnement de test à un autre, cliquez sur Production Prod (VA7) et sélectionnez l’environnement de test dans la liste. Dans cet exemple, l’environnement de test est nommé AEP Enablement FY21.

ACOP

Vous vous trouvez ensuite dans la vue Accueil de votre environnement de test --aepSandboxId--.

ACOP

Dans le menu de gauche, cliquez sur Messages.

Sur l’écran Messages, une vue similaire s’affiche. Cliquez sur Créer un message.

Journey Optimizer

Donnez un titre à votre message en suivant cette convention d’affectation des noms ldap - Email d’enregistrement et remplacez ldap par votre propre ldap, sélectionnez le paramètre prédéfini CJM Alpha et activez le canal Email.

Journey Optimizer

Cliquez sur le bouton Créer pour créer votre message Email d’enregistrement.

L'écran suivant est le tableau de bord des messages. Vous pouvez alors voir la miniature de l'email lorsque le contenu sera fourni.

Journey Optimizer

Sur le côté droit se trouvent les propriétés Email :

  • Dans l’email : adresse électronique à partir de laquelle le destinataire recevra le message électronique. Notez que cette valeur est spécifiée par le paramètre prédéfini donné à l’étape précédente et est en lecture seule.
  • Du nom : nom de l’expéditeur duquel le destinataire recevra le message électronique. Notez que cette valeur est spécifiée par le paramètre prédéfini donné à l’étape précédente et est en lecture seule.
  • Objet : l'objet obligatoire du message qui sera édité à l'étape suivante.
  • Corps : un bouton permet d'accéder au Concepteur d'email pour créer et éditer le contenu de l'email.
  • Fonctionnalités facultatives : ces deux cases à cocher permettent de désactiver le suivi des ouvertures et clics de l’email et donc d’empêcher le message de mesurer des mesures telles que le taux d’ouverture, le taux de clics publicitaires, etc.

Tout d’abord, assurez-vous que les 2 cases sous Fonctionnalités facultatives sont cochées. Dans le cas contraire, vérifiez qu’elles sont toutes deux activées.

Journey Optimizer

Cliquez sur le champ de texte Objet .

Journey Optimizer

Dans la zone de texte, commencez à écrire Bonjour

Journey Optimizer

L’objet n’est pas encore terminé. Vous devez ensuite importer le jeton de personnalisation pour le champ Prénom stocké sous profile.person.name.firstName. Dans le menu de gauche, faites défiler l’écran vers le bas pour trouver l’élément Personne et cliquez sur la flèche pour aller plus loin.

Journey Optimizer

Recherchez maintenant l’élément Nom complet et cliquez sur la flèche pour aller plus loin.

Journey Optimizer

Enfin, recherchez le champ Prénom et cliquez sur le signe + en regard de celui-ci. Le jeton de personnalisation apparaît alors dans le champ de texte.

Journey Optimizer

Ajoutez ensuite le texte , merci de vous être inscrit !. Cliquez sur Enregistrer.

Journey Optimizer

Vous serez alors de retour ici. Cliquez sur Concepteur d’email pour créer le contenu de l’email.

Journey Optimizer

Dans l’écran suivant, vous serez invité à utiliser 3 méthodes différentes pour fournir le contenu de l’email :

  • Conception à partir de zéro : Commencez par un canevas vierge et utilisez l’éditeur WYSIWYG pour faire glisser et déposer la structure et les composants de contenu afin de créer visuellement le contenu de l’email.
  • Codez vos propres : Créez votre propre modèle d'email en le codant au format HTML.
  • Importer du code HTML : Importez un modèle HTML existant que vous pourrez éditer.

Cliquez sur Conception de A à Z.

Journey Optimizer

Dans le menu de gauche, vous trouverez les composants de structure que vous pouvez utiliser pour définir la structure de l'email (lignes et colonnes).

Journey Optimizer

Faites glisser et déposez une colonne 1:2 Gauche du menu dans la zone de travail. Il s’agit de l’espace réservé de l’image du logo.

Journey Optimizer

Faites glisser et déposez une colonne 1:1 sous le composant précédent. Ce sera le bloc de bannière.

Journey Optimizer

Faites glisser et déposez une colonne 1:2 Gauche sous le composant précédent. Il s’agit du contenu réel avec une image sur le côté gauche et du texte sur le côté droit.

Journey Optimizer

Faites ensuite glisser et déposez une colonne 1:1 sous le composant précédent. Il s’agit du pied de page de l’email. Votre zone de travail doit maintenant ressembler à ceci :

Journey Optimizer

Utilisons ensuite les composants de contenu pour ajouter du contenu à l’intérieur de ces blocs. Cliquez sur l’option de menu Composants du contenu .

Journey Optimizer

Faites glisser et déposez un composant HTML dans la première cellule de la première ligne.

Journey Optimizer

Cliquez sur le composant HTML, puis sur Afficher le code source.

Journey Optimizer

Vous verrez alors :

Journey Optimizer

Collez ce code ici : <img src="{%= %}" width="100px%">.

Journey Optimizer

Positionnez ensuite le curseur, comme indiqué dans la capture d'écran :

Journey Optimizer

Ensuite, accédez au champ --aepTenantId--.demoEnvironment.brandLogo. Cliquez sur l’icône + pour insérer le jeton de personnalisation. Cliquez ensuite sur Enregistrer.

Journey Optimizer

Vous avez maintenant configuré ce composant HTML pour extraire dynamiquement l’URL de l’image d’un champ dans Adobe Experience Platform Real-time Customer Profile.

Vous êtes maintenant de retour ici :

Journey Optimizer

Accédez à Composants du contenu et faites glisser et déposez un composant Image dans la première cellule de la première ligne.

Journey Optimizer

Cliquez sur Parcourir.

Journey Optimizer

Dans la fenêtre contextuelle Ressources, double-cliquez sur le dossier module-23. Dans ce dossier, vous trouverez toutes les ressources précédemment préparées et chargées par l’équipe créative.

Journey Optimizer

Sélectionnez module23-thankyou-new.png et cliquez sur Sélectionner.

Journey Optimizer

Vous obtiendrez alors ce qui suit :

Journey Optimizer

Sélectionnez votre image et, dans le menu de droite, faites défiler l’écran vers le bas jusqu’à ce que le composant de curseur de largeur Taille s’affiche.

Journey Optimizer

Utilisez le curseur pour définir la largeur sur f.i. 60 %.

Journey Optimizer

Ensuite, accédez à Composants du contenu et faites glisser et déposez un composant Texte dans le composant de structure sur la quatrième ligne.

Journey Optimizer

Sélectionnez le texte par défaut Veuillez saisir votre texte ici. comme vous le feriez avec n’importe quel éditeur de texte. Écrivez Cher à la place. La barre d’outils de texte s’affiche lorsque vous êtes en mode texte.

Journey Optimizer

Dans la barre d’outils, cliquez sur l’icône Ajouter une personnalisation .

Journey Optimizer

Ensuite, vous devez importer le jeton de personnalisation Prénom stocké sous profile.person.name.firstName. Dans le menu, recherchez l’élément Personne, recherchez l’élément Nom complet, puis cliquez sur l’icône + pour ajouter le champ Prénom à l’éditeur d’expression.

Cliquez sur Enregistrer.

Journey Optimizer

Vous remarquerez maintenant comment le champ de personnalisation a été ajouté à votre texte.

Journey Optimizer

Dans le même champ de texte, appuyez deux fois sur Entrée pour ajouter deux lignes et écrivez Merci de vous être inscrit à.

Journey Optimizer

Cliquez à nouveau sur Ajouter la personnalisation.

Journey Optimizer

Ensuite, vous devez importer le jeton de personnalisation Nom de la marque stocké sous --aepTenantId--.demoEnvironment.brandName. Dans la liste de gauche, recherchez l’élément --aepTenantId-- et cliquez sur la flèche pour aller plus loin.

Journey Optimizer

Recherchez ensuite l’élément demoEnvironment et cliquez sur la flèche pour aller plus loin.

Journey Optimizer

Enfin, recherchez le champ brandName et cliquez sur le signe + situé à côté. Le jeton de personnalisation apparaît alors dans le champ de texte. Cliquez sur Enregistrer.

Journey Optimizer

Vous remarquerez maintenant comment le champ de personnalisation a été ajouté à votre texte.

Journey Optimizer

Dans le menu de gauche, revenez à Composants de structure.

Faites glisser et déposez une colonne 1:1 sous le composant précédent. Ce sera le bloc de bannière.

Journey Optimizer

Ensuite, accédez à Composants du contenu et faites glisser et déposez un composant Texte dans la cinquième ligne.

Journey Optimizer

Remplacez le texte par défaut par Plus intéressé ? Désabonnez-vous immédiatement.

Journey Optimizer

Sélectionnez maintenant le mot Se désabonner et cliquez sur l’icône Insérer un lien dans la barre d’outils.

Journey Optimizer

Dans la liste déroulante Type de lien , sélectionnez Lien de désabonnement et placez l’URL suivante dans le champ de texte URL de la page de désabonnement https://public.aepdemo.net/unsubscribe.html. Cliquez sur Enregistrer.

Journey Optimizer

L’email de confirmation d’enregistrement comporte désormais du contenu. Pour la délivrabilité (bonnes pratiques relatives à l'envoi d'emails pour s'assurer qu'ils arrivent dans la boîte aux lettres du destinataire au lieu du dossier Spam), il est également important que cet email ait une version texte.

Cliquez sur le bouton Texte simple en haut du Concepteur d’email pour voir comment Journey Optimizer a automatiquement synchronisé le code HTML avec la version texte, de sorte que vous n’ayez plus à écrire le texte une fois de plus.

Journey Optimizer

La dernière vérification à effectuer pour vous assurer que votre email est prêt est de le prévisualiser, cliquez sur le bouton Aperçu.

Journey Optimizer

Commencez par identifier le profil que vous souhaitez utiliser pour la prévisualisation. Sélectionnez l’espace de noms email en cliquant sur l’icône en regard du champ Entrer l’espace de noms de l’identité.

Journey Optimizer

Dans la liste des espaces de noms d’identité, sélectionnez l’espace de noms Email. Cliquez sur Sélectionner.

Journey Optimizer

Dans le champ Valeur d’identité, saisissez l’adresse électronique d’un précédent profil de démonstration qui est déjà stocké dans Real-time Customer Profile. Par exemple, woutervangeluwe+31052021-10@gmail.com et cliquez sur le bouton Rechercher le profil de test

Journey Optimizer

Une fois votre profil affiché dans le tableau, cliquez sur l’onglet Aperçu pour accéder à l’écran de prévisualisation.

Lorsque l’aperçu est prêt, vérifiez que la personnalisation est correcte dans la ligne d’objet. Le texte du corps ainsi que le lien de désinscription sont mis en surbrillance sous la forme d’un lien hypertexte.

Cliquez sur Fermer pour fermer l’aperçu.

Journey Optimizer

Cliquez sur Enregistrer pour enregistrer votre message.

Journey Optimizer

Revenez au tableau de bord du message en cliquant sur la flèche en regard de l’objet du texte dans le coin supérieur gauche.

Journey Optimizer

Vous avez terminé la version préliminaire de votre courrier électronique d’enregistrement. Cliquez sur Publier pour publier votre message afin que vous puissiez l’utiliser dans un parcours.

Journey Optimizer

Cliquez à nouveau sur Publier.

Journey Optimizer

Patientez jusqu’à ce que la fenêtre contextuelle de confirmation verte s’affiche en bas de l’écran pour indiquer que le message est publié.

Journey Optimizer

Vous avez terminé cet exercice.

Étape suivante : 6.3 Journey Optimizer : Configuration du Parcours

Revenir au module 6

Revenir à tous les modules

Sur cette page