DocumentazioneJourney OptimizerJourney Optimizer - Sfide

Creare un messaggio e-mail di conferma dell’ordine

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

Creato per:

  • Principiante
  • Utente
Sfida
Crea un messaggio e-mail transazionale di conferma dell’ordine
Persona
Gestione del percorso
Competenze richieste
Risorse da scaricare
Risorse di conferma dell’ordine

Il contesto

Luma sta lanciando il suo negozio online e vuole garantire un'ottima esperienza del cliente. Una volta che un cliente ha effettuato un ordine, gli viene inviata un’e-mail di conferma.

La tua sfida

Crea un percorso che invia un’e-mail di conferma dell’ordine quando un cliente Luma completa un ordine online.

Attività

  1. Crea un percorso denominato Luma - Order Confirmation.

  2. Utilizza l’evento: LumaOnlinePurchase.

  3. Crea un’e-mail transazionale denominata Luma - Order Confirmation.

    • L’oggetto “Grazie per il tuo acquisto, FirstName”

    • Utilizza il modello Luma - Order summary e modificalo:

      • Rimuovi le sezioni You may also like

      • Aggiungi il collegamento per annullare l’abbonamento nella parte inferiore dell’e-mail

L’e-mail deve essere strutturata nel modo seguente:

table 0-row-2 1-row-2 2-row-2 3-row-2 html-authored no-header
Sezione Intestazione

  • luma_logo.png

  • Deve avere un collegamento al sito web luma: https://luma.enablementadobe.com/content/luma/us/en.html
Sezione Conferma dell’ordine

Testo

Ciao {firstName},

Il tuo ordine è stato effettuato.

Una volta spedito il tuo pacchetto, ti invieremo un’e-mail con un numero di tracciamento in modo da poter tenere traccia del tuo ordine.

Sezione spedizione

  • Il nome e il cognome provengono dal profilo

  • Sostituisci l’indirizzo codificato nel modello con l’indirizzo di spedizione

  • I dettagli dell’indirizzo sono attributi contestuali dell’evento (via 1, città, codice postale, stato)

  • Rimuovi sconto, totale, arrivo

Spedisci a:

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

Sezione Dettagli ordine

  • Aggiungi questa sezione sotto la sezione Spedisci a.

    Suggerimenti:

  • Utilizza il componente della struttura Colonna 1:2 a sinistra per questa sezione

  • Si tratta di informazioni contestuali sull’evento.

  • Utilizza la helper function: Each

  • Passa al formato dell’editor di codice per aggiungere i dati contestuali.

Intestazione

Ordine: {purchaseOrderNumber}

Elenco dei prodotti che sono stati ordinati:

Elenca ogni prodotto nell’ordine con un’immagine, il prezzo e il nome.

Il layout di ciascun elemento deve essere simile al seguente: ordine

Aggiungi il collegamento al carrello

Sostituisci l’ID ordine nell’URL con il numero dell’ordine di acquisto: https://luma.enablementadobe.com/content/luma/us/en/user/account/order-history/order-details.html?orderId=90845952-c2ea-4872-8466-5289183e4607
note tip
TIP
Per consentire la risoluzione dei problemi dei percorsi, è consigliabile aggiungere un percorso alternativo a tutte le azioni del messaggio in caso di timeout o errore.
Criteri di successo

Attiva il percorso creato in modalità di test e invia l’e-mail a te stesso:

  1. Prima di passare alla modalità di prova, sovrascrivi i parametri e-mail da inviare all’e-mail di prova al tuo indirizzo e-mail:

    1. Apri la visualizzazione dei dettagli dell’e-mail.
    2. Nella sezione dei parametri e-mail fai clic sul simbolo T (abilita sostituzione parametro)
    3. Fai clic sul campo Indirizzo
    4. Nella schermata successiva aggiungi il tuo indirizzo e-mail tra parentesi: “yourname@yourdomain” nell’editor di espressioni e fai clic su ok.

  2. Metti il percorso in modalità di test

  3. Attiva l’evento con i seguenti parametri:

    • Imposta l’identificatore del profilo su: Valore identità:a8f14eab3b483c2b96171b575ecd90b1
    • Tipo evento: commerce.purchases
    • 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

Dovresti ricevere l’e-mail di conferma dell’acquisto personalizzata.

  • L’oggetto deve avere il nome del profilo di test: Leora

  • Il corpo della tua e-mail dovrebbe essere così:

E-mail

Verifica il tuo lavoro

Percorso

Percorso

E-mail

Oggetto:

Grazie per l’acquisto, {{ profile.person.name.firstName }}!

Sezione spedizione:

Ecco come dovrebbe apparire il tuo codice:

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 sarà un numero diverso per te.

SUGGERIMENTO: personalizza separatamente ogni riga

Sezione dettagli ordine:

Ecco come dovrebbe apparire il tuo codice:

Intestazione:

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

Elenco dei prodotti:

Utilizza la funzione “ciascuno” per creare l’elenco dei prodotti. Visualizzale in una tabella. Il codice dovrebbe essere così (con le variabili specifiche come l’ID evento - invece di 454181416 e la tua organizzazione I anziché 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}}

Pulsante Visualizza ordine:

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

Totale prezzo:

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

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