DocumentationJourney OptimizerJourney Optimizer - défis

Créer un e-mail de confirmation de commande

Last update: Fri Nov 10 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

  • Beginner
  • User
Défi
Créer un e-mail transactionnel de confirmation de commande
Utilisateurs
Gestionnaire de parcours
Compétences requises
Ressources à télécharger
Ressources de confirmation de commande

L’histoire

Luma lance sa boutique en ligne et souhaite garantir une expérience client optimale. Un e-mail de confirmation de commande est envoyé une fois qu’un client ou qu’une cliente a passé une commande.

Votre défi

Créez un parcours qui envoie un e-mail de confirmation de commande lorsqu’une personne cliente de Luma termine une commande en ligne.

Tâche

  1. Créez un parcours appelé Luma - Order Confirmation.

  2. Utilisez l’événement : LumaOnlinePurchase.

  3. Créez un e-mail transactionnel appelé Luma - Order Confirmation.

    • Avec comme objet : « Merci pour votre achat, FirstName ».

    • Utilisez le modèle Luma - Order summary et modifiez-le :

      • Supprimez les sections You may also like.

      • Ajoutez le lien de désabonnement au bas de l’e-mail.

L’e-mail doit être structuré comme suit :

table 0-row-2 1-row-2 2-row-2 3-row-2 html-authored no-header
Section d’en-tête

  • luma_logo.png

  • Un lien vers le site web luma doit être inclus : https://luma.enablementadobe.com/content/luma/us/en.html.
Section de confirmation de commande

Texte

Bonjour {firstName},

Votre commande a été passée.

Une fois votre colis envoyé, nous vous enverrons un e-mail avec un numéro de suivi afin que vous puissiez suivre votre commande.

Section Adresse de livraison

  • Le prénom et le nom proviennent du profil.

  • Remplacez l’adresse codée en dur dans le modèle par l’adresse de livraison.

  • Les détails de l’adresse sont des attributs contextuels de l’événement (rue, ville, code postal, État).

  • Supprimez la remise, le total et l’arrivée.

Adresse de livraison :

{lastName} {firstName}
{Street 1}
{City}, {State} {postalCode}

Section d’informations sur la commande

  • Ajoutez cette section sous la section Adresse de livraison.

    Conseils :

  • Utilisez le composant de structure Colonne 1:2 à gauche pour cette section.

  • Il s’agit d’informations d’événement contextuelles.

  • Utilisez la fonction helper function: Each.

  • Passez au format de l’éditeur de code pour ajouter les données contextuelles.

En-tête

Commande : {purchaseOrderNumber}

Liste des produits commandés :

Listez chaque produit de la commande avec une image, le prix et le nom.

La mise en page de chaque élément doit se présenter comme suit : commande

Ajouter le lien vers le panier.

Remplacez le numéro de commande (orderID) dans l’URL par le numéro de la commande : https://luma.enablementadobe.com/content/luma/us/en/user/account/order-history/order-details.html?orderId=90845952-c2ea-4872-8466-5289183e4607
note tip
TIP
Pour vous permettre de résoudre les problèmes de vos parcours, il est recommandé d’ajouter un autre chemin d’accès à toutes les actions de message en cas d’expiration ou d’erreur.
Critères de réussite

Déclenchez le parcours que vous avez créé en mode test et envoyez l’e-mail à vous-même :

  1. Avant de passer en mode test, remplacez les paramètres d‘e-mail pour envoyer l’email de test à votre adresse e-mail :

    1. Ouvrez la vue Détails de l’e-mail.
    2. Dans la section des paramètres de l’e-mail, cliquez sur le symbole T (activer le remplacement de paramètre).
    3. Cliquez dans le champ Adresse.
    4. Dans l’écran suivant, ajoutez votre adresse e-mail entre parenthèses : « votrenom@votredomaine » dans l’éditeur d’expression, puis cliquez sur OK.

  2. Mettez le parcours en mode test.

  3. Déclenchez l’événement avec les paramètres suivants :

    • Définissez l’identifiant de profil sur : valeur d’identité :a8f14eab3b483c2b96171b575ecd90b1
    • Type d’événement : commerce.purchases
    • Quantity : 1
    • Price Total: 69
    • Purchase Order Number: 90845952-c2ea-4872-8466-5289183e4607
    • SKU: LLMH09
    • City: San José
    • Postal Code: 95119
    • State : Californie
    • Street: 245 Park Avenue

Vous devriez recevoir l’email personnalisé de confirmation d’achat.

  • L’objet doit porter le prénom du profil de test : Leora.

  • Voici à quoi l’e-mail doit ressembler :

E-mail.

Vérifier votre travail

Parcours

Parcours

E-mail

Objet :

Merci pour votre achat, {{ profile.person.name.firstName }} !

Section Adresse de livraison :

Voici à quoi votre code doit ressembler :

code language-javascript 
{{ profile.person.name.firstName }} {{ profile.person.name.lastName }}
{{context.journey.events.454181416.commerce.shipping.address.street1}}
{{context.journey.events.454181416.commerce.shipping.address.city}}, {{context.journey.events.454181416.commerce.shipping.address.state}} {{context.journey.events.454181416.commerce.shipping.address.postalCode}}

event.45481416 sera un nombre différent pour vous.

CONSEIL : personnalisez chaque ligne séparément.

Section Détails de la commande :

Voici à quoi votre code doit ressembler :

En-tête :

code language-javascript 
Order #: {{context.journey.events.1627840522.commerce.order.purchaseOrderNumber}}

Liste des produits :

Utilisez la fonction d’assistance « each » pour créer la liste des produits. Affichez-les dans un tableau. Voici à quoi votre code doit ressembler (avec vos variables spécifiques, telles que l’identifiant de votre événement au lieu de 454181416, et l’identifiant de votre organisation au lieu de techmarketingdemos) :

code language-javascript 
{{#each context.journey.events.454181416.productListItems as |product|}}<tr> <th class="colspan33"><div class="acr-fragment acr-component image-container" data-component-id="image" style="width:100%;text-align:center;" contenteditable="false"><!--[if mso]><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td style="text-align: center;" ><![endif]--><img src="{{context.journey.events.454181416.productListItems.VYG__902489191a0a40e67f51f17f3ea9e2dfaf2dea3bd0bebe8b._techmarketingdemos.product.imageUrl}}" style="height:auto;width:100%;" height="233" width="233"><!--[if mso]></td></tr></table><![endif]--></div></th> <th class="colspan66"><div class="acr-fragment acr-component" data-component-id="text" contenteditable="false"><div class="text-container" contenteditable="true"><p><span style="font-weight:700;">{{context.journey.events.454181416.productListItems.VYG__902489191a0a40e67f51f17f3ea9e2dfaf2dea3bd0bebe8b._techmarketingdemos.product.name}}</span></p></div></div><div class="acr-fragment acr-component" data-component-id="text" contenteditable="false"><div class="text-container" contenteditable="true"><p>${{context.journey.events.454181416.productListItems.VYG__902489191a0a40e67f51f17f3ea9e2dfaf2dea3bd0bebe8b._techmarketingdemos.product.price}}.00</p></div></div></th></tr> {{/each}}

Bouton Afficher la commande :

https://luma.enablementadobe.com/content/luma/us/en/user/account/order-history/order-details.html?orderId={{context.journey.events.454181416.commerce.order.purchaseOrderNumber}}

Prix total :

Total :${{context.journey.events.1627840522.commerce.order.priceTotal}}.00

recommendation-more-help
04826c94-302b-4257-9125-eb84103f67d1