23.3 Configuration d’un parcours basé sur un déclencheur - Confirmation de commande

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

Journey Optimizer

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

Journey Optimizer

Avant de continuer, vous devez sélectionner un environnement de test. L’environnement de test à sélectionner est nommé --aepSandboxId--. Pour ce faire, cliquez sur le texte Production Prod dans la ligne bleue en haut de votre écran.

Journey Optimizer

23.3.1 Création du message de confirmation de commande

Dans le menu, 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 - Commande Confirmation Email 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 Créer pour créer votre message électronique de confirmation de commande.

L'écran suivant est le tableau de bord du message. Sur le côté droit se trouvent les propriétés de l'email, vérifiez que les 2 cases à cocher 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 Merci pour votre commande,

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 le champ Personne > Nom complet > Prénom et cliquez sur l’icône + pour ajouter le jeton de personnalisation à la ligne d’objet. 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, 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).

Faites glisser et déposez 8 fois une colonne 1:1 sur la zone de travail, ce qui doit vous donner :

Journey Optimizer

Accédez à Composants du contenu.

Journey Optimizer

Faites glisser et déposez un composant HTML sur la première ligne. Cliquez sur le composant HTML, puis sur Afficher le code source.

Journey Optimizer

Collez ce code ici : <img src="{%= profile._experienceplatform.demoEnvironment.brandLogo %}" width="100px%">. Cliquez sur Enregistrer.

Journey Optimizer

Vous êtes maintenant de retour ici :

Journey Optimizer

Accédez à Composants du contenu et faites glisser et déposez un composant Image sur la deuxième ligne. Sélectionnez le composant Image mais NE CLIQUEZ PAS sur Parcourir.

Journey Optimizer

Collez cette URL d’image dans le champ Source : https://parsefiles.back4app.com/hgJBdVOS2eff03JCn6qXXOxT5jJFzialLAHJixD9/29043bedcde632a9cbe8a02a164189c9_preparing.png. Cette image est hébergée en dehors de l’Adobe.

Journey Optimizer

Lorsque vous définissez la portée sur un autre champ, l’image est rendue et vous verrez ceci :

Journey Optimizer

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

Journey Optimizer

Sélectionnez le texte par défaut dans ce composant Saisissez votre texte ici. et remplacez-le par le texte ci-dessous :

You’re one step closer!

Hi

We've received your order details!

We will also send you a separate email containing your VAT Invoice.

We'll be back in touch with you as soon as we've finished packing your package. Please read carefully the Order Information detailed below.

Journey Optimizer

Placez le curseur en regard du texte Bonjour et cliquez sur Ajouter la personnalisation.

Journey Optimizer

Accédez au champ Personne > Nom complet > Prénom et cliquez sur l’icône + pour ajouter le jeton de personnalisation dans la ligne d’objet. Cliquez sur Enregistrer.

Journey Optimizer

Vous verrez alors :

Journey Optimizer

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

Journey Optimizer

Sélectionnez le texte par défaut dans ce composant Saisissez votre texte ici. et remplacez-le par le texte ci-dessous :

Order Information

Définissez la taille de la police sur 26px et centrez votre texte dans cette cellule. Vous obtiendrez alors ce qui suit :

Journey Optimizer

Ensuite, accédez à Composants du contenu et faites glisser et déposez un composant HTML sur la cinquième ligne. Cliquez sur le composant HTML, puis sur Afficher le code source.

Journey Optimizer

Dans la fenêtre contextuelle Modifier HTML, collez ce code HTML :

<table><tbody><tr><td><b>Items purchased</b></td><td></td><td><b>Quantity</b></td><td><b>Subtotal</b></td></tr><tr><td colspan="4" width="500"><hr></td></tr></tbody></table>

Cliquez sur Enregistrer.

Journey Optimizer

Vous aurez alors ceci. Cliquez sur Enregistrer pour enregistrer la progression.

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 verrez alors :

Journey Optimizer

Cliquez deux fois sur Publier pour publier votre message afin que vous puissiez l’utiliser dans un parcours.

Journey Optimizer

Dans les étapes suivantes de la création de votre message électronique de confirmation de commande, vous devrez utiliser les données d’événement contextuelles. Ces données d’événement contextuelles sont fournies dans le Parcours. Avant de pouvoir ajouter ce contexte, vous devez configurer un événement pour déclencher le parcours et créer le Parcours. Une fois que vous avez terminé, revenez à Concepteur de message pour mettre à jour votre message.

23.3.2 Création de votre événement

Dans le menu, accédez à Configurations et cliquez sur Gérer sous Événements.

Journey Optimizer

Sur l’écran Événements, une vue similaire s’affiche. Cliquez sur Créer un événement.

Journey Optimizer

Une configuration d’événement vide s’affiche alors.

Journey Optimizer

Tout d’abord, attribuez un nom à votre événement comme suit : ldapPurchaseEvent et remplacez ldap par votre ldap.

Journey Optimizer

Ajoutez ensuite une description comme celle-ci Purchase Event.

Journey Optimizer

La sélection suivante correspond au Type d’événement. Sélectionnez Unitary.

Journey Optimizer

La sélection suivante correspond au Type d’ID d’événement. Sélectionnez Généré par le système

Journey Optimizer

La sélection de schéma suivante s’affiche. Un schéma a été préparé pour cet exercice. Utilisez le schéma Demo System - Event Schema for Website (Global v1.1) v.1.

Journey Optimizer

Après avoir sélectionné le schéma, plusieurs champs sont sélectionnés dans la section Payload. Cliquez sur l’icône Modifier/Crayon pour ajouter des champs supplémentaires à cet événement.

Journey Optimizer

Vous verrez alors cette fenêtre contextuelle. Vous devez maintenant cocher des cases supplémentaires pour accéder à des données supplémentaires lorsque cet événement est déclenché.

Journey Optimizer

Tout d’abord, cochez la case sur la ligne --aepTenantId--.

Journey Optimizer

Faites ensuite défiler l’écran vers le bas et cochez la case sur la ligne productListItems.

Journey Optimizer

Faites ensuite défiler l’écran vers le bas et cochez la case sur la ligne commerce.

Journey Optimizer

Cliquez ensuite sur Ok.

Vous verrez ensuite que des champs supplémentaires ont été ajoutés à l’événement. Cliquez sur Enregistrer.

Journey Optimizer

Votre nouvel événement est ensuite partagé et vous verrez maintenant votre événement dans la liste des événements disponibles.

Cliquez à nouveau sur votre événement pour ouvrir à nouveau l’écran Modifier l’événement .
Passez la souris sur le champ Payload pour afficher à nouveau les 3 icônes. Cliquez sur l’icône Afficher la charge utile .

Journey Optimizer

Vous verrez maintenant un exemple de la charge utile attendue. Votre événement possède un eventID d’orchestration unique, que vous pouvez trouver en faisant défiler la page vers le bas dans cette payload jusqu’à ce que _experience.campaign.orchestration.eventID s’affiche.

Journey Optimizer

L’identifiant d’événement est ce qui doit être envoyé à Adobe Journey Optimizer pour déclencher le parcours que vous allez créer à l’étape suivante. Notez cet eventID, car vous en aurez besoin lors de l’une des étapes suivantes.
"eventID": "d168c11ce1b5bb96fc793421fbcc3ec54b3116fa13242b05d9a54b1251ecb94e"

Cliquez sur Ok, puis sur Annuler.

Votre événement est maintenant configuré et prêt à être utilisé.

23.3.3 Création de votre parcours

Dans le menu, accédez à Parcours et cliquez sur Créer un Parcours.

Journey Optimizer

Vous verrez alors ceci.

Journey Optimizer

Donnez un nom à votre parcours. Utilisez ldap - parcours de confirmation de commande et remplacez ldap par votre ldap. Cliquez sur OK.

Journey Optimizer

Tout d’abord, vous devez ajouter votre événement comme point de départ de votre parcours. Recherchez votre événement ldapPurchaseEvent et faites-le glisser sur la zone de travail. Cliquez sur OK.

Journey Optimizer

Ensuite, sous Actions, recherchez l’action Message.

Journey Optimizer

Faites glisser l’action Message sur la zone de travail, puis cliquez sur l’icône modifier pour sélectionner votre message.

Journey Optimizer

Sélectionnez le message que vous avez créé à l’étape précédente, ldap - Order Confirmation Email. Cliquez sur Sélectionner.

Journey Optimizer

Vous avez ensuite ceci. Cliquez sur OK.

Journey Optimizer

Recherchez le type d’orchestration Fin et faites-le glisser sur la zone de travail. Cliquez sur OK.

Journey Optimizer

Cliquez sur Publier pour publier le parcours.

Journey Optimizer

Cliquez à nouveau sur Publier.

Journey Optimizer

Revenez à la présentation des Parcours.

Journey Optimizer

Votre parcours est maintenant publié. Avant de pouvoir utiliser le parcours, vous devez terminer la configuration de votre message électronique de confirmation de commande. Pour ce faire, vous devez maintenant fournir le contexte de ce parcours à votre message.

23.3.4 Utiliser le contexte du parcours dans un message électronique

Dans la présentation des Parcours, ouvrez à nouveau ldap - Order Confirmation parcours .

Journey Optimizer

Sélectionnez à nouveau l’action Message . Passez la souris sur le champ Message pour afficher cette option. Cliquez sur Ouvrir le message.

Journey Optimizer

Vous serez alors redirigé ici. Cliquez sur Modifier.

Journey Optimizer

Cliquez sur Confirmer.

Journey Optimizer

Cliquez sur Concepteur d’email.

Journey Optimizer

Vous serez alors de retour dans le Concepteur d'email.

Journey Optimizer

Accédez à Composants du contenu et faites glisser et déposez un composant HTML sur la sixième ligne. Cliquez sur le composant HTML, puis sur Afficher le code source.

Journey Optimizer

Dans la fenêtre contextuelle Modifier HTML, collez ce code HTML :

{{#each xxx as |item|}}<table width="500"><tbody><tr><td><img src="{{item.--aepTenantId--.core.imageURL}}" width="100"></td><td><table><tbody><tr><td><b>{{item.name}}</b><br>{{item.--aepTenantId--.core.subCategory}}<br><b>{{item.priceTotal}}</b><br>&nbsp;<br>Article no: {{item.SKU}}</td></tr></tbody></table></td><td>{{item.quantity}}</td><td><b>{{item.priceTotal}}</b></td></tr></tbody></table>{{/each}}

Vous obtiendrez alors ce qui suit :

Journey Optimizer

Vous devez maintenant remplacer xxx par une référence à l’objet productListItems qui fait partie de l’événement qui déclenche le parcours.

Journey Optimizer

Tout d’abord, supprimez xxx dans votre code HTML.

Journey Optimizer

Ouvrez la liste déroulante qui indique Profil. Dans cette liste déroulante, sélectionnez Contexte. Ce contexte est transmis au message depuis le parcours.

Journey Optimizer

Vous verrez alors ceci. Cliquez sur la flèche en regard de Journey Orchestration pour approfondir l’analyse.

Journey Optimizer

Cliquez sur la flèche en regard de Événements pour effectuer une analyse plus approfondie.

Journey Optimizer

Cliquez sur la flèche en regard de ldapPurchaseEvent pour approfondir l’analyse.

Journey Optimizer

Cliquez sur l’icône + en regard de productListItems pour l’ajouter au code HTML.

Journey Optimizer

Vous aurez alors ceci. Vous devez maintenant supprimer les coches autour de l’ID d’événement.

Journey Optimizer

Vous aurez alors ceci. Cliquez sur Enregistrer.

Journey Optimizer

Vous serez de retour dans le Concepteur d'email maintenant. Cliquez sur Enregistrer pour enregistrer la progression.

Journey Optimizer

Ensuite, accédez à Composants du contenu et faites glisser et déposez un composant HTML sur la septième ligne. Cliquez sur le composant HTML, puis sur Afficher le code source.

Journey Optimizer

Dans la fenêtre contextuelle Modifier HTML, collez ce code HTML :

<table><tbody><tr><td><b>Subtotal</b><br>Delivery charge (included)</td><td align="right"><b>xxx</b><br><b>5</b></td></tr><tr><td colspan="2" width="500"><hr></td></tr><tr><td><b>Total including VAT</b></td><td align="right"><b>xxx</b></td></tr></tbody></table>

Il existe 2 références de xxx dans ce code HTML. Vous devez maintenant remplacer chaque xxx par une référence à l’objet productListItems qui fait partie de l’événement qui déclenche le parcours.

Journey Optimizer

Tout d’abord, supprimez xxx dans votre code HTML à la ligne 10.

Journey Optimizer

Accédez à Contexte.

Journey Optimizer

Cliquez sur la flèche en regard de Journey Orchestration pour approfondir l’analyse.

Journey Optimizer

Explorez plus en détail l’objet ldapPurchaseEvent. Cliquez sur la flèche en regard de Commerce pour approfondir l’analyse.

Journey Optimizer

Cliquez sur la flèche en regard de Commande pour effectuer une analyse plus approfondie.

Journey Optimizer

Cliquez sur l’icône + en regard de Total du prix pour l’ajouter à la zone de travail.

Journey Optimizer

Supprimez xxx dans votre code HTML à la ligne 23.

Journey Optimizer

Cliquez de nouveau sur l’icône + en regard de Total du prix pour l’ajouter à la zone de travail.

Journey Optimizer

Vous pouvez également ajouter le champ Devise depuis l’objet Commande sur la zone de travail, comme vous pouvez le voir ici :

Journey Optimizer

Une fois que vous avez terminé, cliquez sur Enregistrer pour enregistrer vos modifications.

Vous serez alors de retour dans le Concepteur d'email. Cliquez à nouveau sur Enregistrer.

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 verrez alors :

Journey Optimizer

Cliquez deux fois sur Publier pour publier votre message afin que vous puissiez l’utiliser dans un parcours.

Journey Optimizer

Après avoir apporté une modification au message électronique, vous devez republier le parcours afin qu’il sélectionne les nouveaux champs et les modifications.

Pour ce faire, accédez à Parcours. Cliquez pour ouvrir votre parcours ldap - parcours de confirmation de commande.

Journey Optimizer

Cliquez pour ouvrir la liste déroulante en regard de Dupliquer et sélectionnez Créer une version.

Journey Optimizer

Cliquez à nouveau sur Créer une nouvelle version.

Journey Optimizer

Vous aurez alors une nouvelle version de votre parcours. Cliquez deux fois sur Publier.

Journey Optimizer

Votre parcours est maintenant publié et peut être déclenché. Avant de pouvoir le déclencher, vous devez toutefois mettre à jour l’élément de données dans la propriété Client de collecte de données Adobe Experience Platform.

23.3.5 Mise à jour de la propriété du client de collecte de données Adobe Experience Platform

Accédez à https://experience.adobe.com/#/data-collection/. Dans le menu de gauche, vérifiez que vous êtes dans Client. Recherchez les propriétés du client et ouvrez la propriété Web.

Journey Optimizer

Accédez à Éléments de données. Recherchez et ouvrez l’élément de données rulePurchaseConfirmation.

Journey Optimizer

Vous verrez alors ceci. Accédez au champ _experience.campaign.orchestration.eventID et renseignez votre eventID ici. L’eventID à remplir ici est l’eventID que vous avez créé dans le cadre de l’exercice 23.3.2.

Journey Optimizer

Enregistrez vos modifications dans la propriété Client, puis publiez vos modifications en mettant à jour votre bibliothèque de développement.

Journey Optimizer

Vos modifications sont maintenant déployées et peuvent être testées.

23.3.6 Testez votre email de confirmation de commande à l’aide du site web de démonstration.

Testons le parcours mis à jour en achetant un produit sur le site web de démonstration.

Ouvrez une nouvelle fenêtre de navigateur incognito propre et accédez à https://public.aepdemo.net.

Vous verrez alors ceci.

Configuration de Launch

Saisissez votre ID de configuration et cliquez sur Charger la configuration. Votre configuration est ensuite chargée.

Configuration de Launch

Faites défiler l’écran vers le bas et cliquez sur Enregistrer la configuration.

Configuration de Launch

Vous serez ensuite redirigé vers la page d’accueil Admin. Accédez à Sélectionnez LDAP. Sélectionnez votre LDAP et cliquez sur Enregistrer.

Configuration de Launch

Vous serez ensuite redirigé vers la page d’accueil Admin. Accédez à Sélectionner la marque et sélectionnez la marque Luma, cliquez sur Enregistrer.

Configuration de Launch

Vous serez ensuite redirigé vers la page d’accueil Admin. Cliquez sur le logo Luma .

Configuration de Launch

Vous verrez ensuite la page d’accueil de Luma.

Configuration de Launch

Accédez à Connexion/enregistrement. Remplissez le formulaire et cliquez sur Créer un compte. N’oubliez pas de cocher la case Profil de test.

Journey Optimizer

Dans quelques secondes, vous recevrez le nouvel e-mail de création de compte fourni par Journey Optimizer dans votre boîte de réception comme vous l’avez configuré dans l’exercice précédent.

Journey Optimizer

Revenez à la page d’accueil du site web de démonstration et cliquez sur n’importe quel produit.

Journey Optimizer

Vous verrez ensuite la page des détails du produit. Cliquez sur Ajouter au panier.

Journey Optimizer

Va dans ton panier.

Journey Optimizer

Sélectionnez votre type de paiement et préférence de livraison, puis cliquez sur Achat.

Journey Optimizer

Vous recevrez ensuite votre email de confirmation de commande dans les secondes.

Journey Optimizer

Vous avez terminé cet exercice.

Étape suivante : 23.4 Configuration d’un parcours de newsletter basé sur un lot

Revenir au module 23

Revenir à tous les modules

Sur cette page