Een bevestigingsbericht voor een bestelling maken

Uitdaging
Transactie-e-mail voor bevestiging van bestelling maken
Persona
Reismanager
Vereiste vaardigheden
Te downloaden middelen
Bevestigingsmiddelen bestellen

Het artikel

Luma lanceert hun online opslag en wil een goede klantenervaring verzekeren. Ze geven een bevestigingsbericht voor bestellingen wanneer een klant een bestelling heeft geplaatst.

Uw uitdaging

Maak een reis die een bevestigingsbericht voor bestellingen verzendt wanneer een klant van een Luma een online bestelling voltooit.

Taak
  1. Een reis maken die Luma - Order Confirmation.

  2. Gebruik de gebeurtenis: LumaOnlinePurchase.

  3. Een transactie email geroepen Luma - Order Confirmation.

    • De onderwerpregel "Bedankt voor uw aankoop, FirstName"

    • Gebruik de Luma - Order summary sjabloon en wijzigen:

      • Verwijder de You may also like secties

      • Voeg de koppeling voor afmelden onder aan de e-mail toe

De e-mail moet als volgt worden gestructureerd:

table 0-row-2 1-row-2 2-row-2 3-row-2 html-authored no-header
Sectie Koptekst
  • luma_logo.png

  • De link naar de luma-website: https://luma.enablementadobe.com/content/luma/us/en.html

Sectie voor bevestiging van bestelling

Tekst

Hé {firstName},

Uw bestelling is geplaatst.

Zodra uw pakket is verzonden, sturen we u een e-mail met een trackingnummer, zodat u uw bestelling kunt volgen.

Naar sectie

  • Voornaam en achternaam zijn afkomstig uit het profiel

  • Vervang het hard-gecodeerde adres in het malplaatje met verzendadres

  • De adresdetails zijn contextafhankelijke kenmerken van de gebeurtenis (straat 1, plaats, postcode, staat)

  • Verwijderen Korting, totaal, aanschaffen

Verzenden naar:

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

Sectie Bestelgegevens

  • Deze sectie toevoegen onder de sectie Verzenden naar sectie.

    Tips:

  • De structuurcomponent gebruiken 1:2, kolom links voor deze sectie

  • Dit is contextuele gebeurtenisinformatie.

  • Gebruik de hulpfunctie : each

  • Schakel over naar de indeling van de code-editor om de contextuele gegevens toe te voegen.

Koptekst

Volgorde: {purchaseOrderNumber}

Lijst met bestelde producten:

Geef elk product in de volgorde weer met een afbeelding, de prijs en de naam.

De lay-out van elk item moet er als volgt uitzien: bestellen

De koppeling naar het winkelwagentje toevoegen

Vervang de bestellings-id in de URL door het inkoopordernummer: https://luma.enablementadobe.com/content/luma/us/en/user/account/order-history/order-details.html?orderId=90845952-c2ea-4872-8466-5289183e4607

note tip
TIP
Om u toe te staan om uw reizen problemen op te lossen, beste praktijken moeten een alternatieve weg aan alle berichtacties toevoegen als er een onderbreking of een fout is.
Succescriteria

Trigger de Reis die u in testwijze creeerde en verzend e-mail naar me:

  1. Voordat u overschakelt naar de testmodus, overschrijft u de parameters voor e-mail die u naar het teste-mailadres wilt verzenden.

    1. Open de weergave E-maildetails.
    2. Klik in het gedeelte E-mailparameters op het T-symbool (parameteroverschrijving inschakelen)
    3. Klik in het veld Adres
    4. Voeg uw e-mailadres tussen haakjes toe op het volgende scherm: "yourname@yourdomain" in de uitdrukkingsredacteur en klik o.k.
  2. Het traject in de testmodus zetten

  3. De gebeurtenis activeren met de volgende parameters:

    • Stel de profiel-id in op: Identiteitswaarde:a8f14eab3b483c2b96171b575ecd90b1
    • Type gebeurtenis: 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

Je ontvangt het bevestigingsbericht voor een persoonlijke aankoop.

  • De onderwerpregel moet de voornaam van het testprofiel hebben: Leora

  • Zo ziet het e-mailadres eruit:

E-mail

Uw werk controleren

Reis

Reis

E-mail

Onderwerpregel:

Bedankt voor uw aankoop, {{ profile.person.name.firstName }}!

Naar sectie verzenden:

Zo ziet uw code eruit:

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 Dit is een ander nummer voor jou.

TIP: elke regel afzonderlijk aanpassen

Sectie met orderdetails:

Zo ziet uw code eruit:

Koptekst:

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

Lijst van producten:

Gebruik de hulpfunctie "each" om de lijst met producten te maken. Geef deze weer in een tabel. Zo moet uw code eruit zien (met specifieke variabelen zoals uw gebeurtenis-id) in plaats van 454181416 en uw organisatie I in plaats van 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}}

Knop voor weergavevolgorde:

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

Totaalprijs:

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

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