DokumentationJourney OptimizerJourney Optimizer – utmaningar

Skapa ett e-postmeddelande med orderbekräftelse

Last update: Wed Jul 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Ämnen:

Skapat för:

  • Nybörjare
  • Användare
Utmaning
Skapa en orderbekräftelsetransaktion via e-post
Persona
Resechef
Nödvändiga färdigheter
Assets att ladda ned
Beställa bekräftelseresurser

Artikeln

Luma lanserar sin webbutik och vill säkerställa en bra kundupplevelse. De skickar en orderbekräftelse via e-post när kunden har lagt en order.

Utmaningen

Skapa en resa som skickar ett e-postmeddelande med en orderbekräftelse när en Luma-kund slutför en onlinebeställning.

Uppgift

  1. Skapa en resa med namnet Luma - Order Confirmation.

  2. Använd händelsen: LumaOnlinePurchase.

  3. Skapa ett transaktionellt-e-postmeddelande med namnet Luma - Order Confirmation.

    • Ämnesraden"Tack för ditt köp, FirstName"

    • Använd mallen Luma - Order summary och ändra den:

      • Ta bort You may also like-avsnitten

      • Lägg till länken för att avbryta prenumerationen längst ned i e-postmeddelandet

E-postmeddelandet ska struktureras på följande sätt:

table 0-row-2 1-row-2 2-row-2 3-row-2 html-authored no-header
Sidhuvudsavsnittet

  • luma_logo.png

  • Den ska länka till lumas webbplats: https://luma.enablementadobe.com/content/luma/us/en.html
Bekräftelsesektion för beställning

Text

Hej {firstName},

Din beställning har lagts.

När ditt paket har skickats skickar vi ett e-postmeddelande med ett spårningsnummer så att du kan spåra din beställning.

Leverera till sektion

  • Förnamn och efternamn kommer från profilen

  • Ersätt den hårdkodade adressen i mallen med leveransadressen

  • Adressinformationen är sammanhangsberoende attribut från evenemanget (gata 1, ort, postnummer, delstat)

  • Ta bort rabatt, summa, ankomst

Leverera till:

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

Avsnittet med beställningsinformation

  • Lägg till det här avsnittet under avsnittet Leverera till.

    Tips:

  • Använd strukturkomponenten 1:2 kolumn till vänster för det här avsnittet

  • Det här är sammanhangsbaserad händelseinformation.

  • Använd hjälpfunktionen : each

  • Växla till kodredigeringsformatet för att lägga till kontextdata.

Sidhuvud

Ordning: {purchaseOrderNumber}

Lista över beställda produkter:

Visa en lista över varje produkt i beställningen med en bild, pris och namn.

Layouten för varje objekt ska se ut så här: beställa

Lägg till länken i kundvagnen

Ersätt order-ID i URL:en med inköpsordernummer: https://luma.enablementadobe.com/content/luma/us/en/user/account/order-history/order-details.html?orderId=90845952-c2ea-4872-8466-5289183e4607
note tip
TIP
För att du ska kunna felsöka dina resor är det bästa sättet att lägga till en alternativ sökväg till alla meddelandeåtgärder om det finns en tidsgräns eller ett fel.
Slutförandevillkor

Trigga den resa du skapade i testläge och skicka e-postmeddelandet till dig själv:

  1. Innan du växlar till testläge åsidosätter du e-postparametrarna som ska skickas till testmeddelandet till din e-postadress:

    1. Öppna vyn för e-postinformation.
    2. Klicka på T-symbolen (aktivera åsidosättning av parameter) i avsnittet E-postparametrar
    3. Klicka i adressfältet
    4. På nästa skärm lägger du till din e-postadress inom parentes: "yourname@yourdomain" i uttrycksredigeraren och klickar på OK.

  2. Testa resan

  3. Utlös händelsen med följande parametrar:

    • Ange profilidentifieraren till: Identitetsvärde:a8f14eab3b483c2b96171b575ecd90b1
    • Händelsetyp: commerce.purchase
    • Quantity: 1
    • Price Total: 69
    • Purchase Order Number: 90845952-c2ea-4872-8466-5289183e4607
    • SKU: LLMH09
    • City:San Jose
    • Postal Code: 95119
    • State: CA
    • Street: 245 Park Avenue

Du bör få en personlig inköpsbekräftelse via e-post.

  • Ämnesraden ska ha testprofilens förnamn: Leora

  • Så här ska din e-postbrödtext se ut:

E-post

Kontrollera ditt arbete

Resa

Resa

E-post

Ämnesrad:

Tack för ditt köp, {{ profile.person.name.firstName }}!

Leverera till sektion:

Så här ska koden se ut:

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 är ett annat nummer för dig.

TIPS: Anpassa varje rad separat

Avsnittet Orderinformation:

Så här ska koden se ut:

Sidhuvud:

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

Produktlista:

Använd hjälpfunktionen "each" för att skapa produktlistan. Visa dem i en tabell. Så här ska din kod se ut (med dina specifika variabler som ditt händelse-ID - i stället för 454181416 och din organisations-ID i stället för 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}}

Knappen Visa ordning:

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

Prissumma:

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

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