DocumentaciónJourney OptimizerJourney Optimizer: Retos

Crear un correo electrónico de confirmación del pedido

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

Creado para:

  • Principiante
  • Usuario
Reto
Crear un correo electrónico transaccional de confirmación de pedido
Grupo de usuarios
Administrador de recorridos
Capacidades necesarias
Recursos que se van a descargar
Recursos de confirmación de pedido

La historia

Luma va a lanzar su tienda en línea y quiere garantizar una buena experiencia del cliente. Proporcionan un correo electrónico de confirmación de pedido una vez que un cliente ha realizado un pedido.

Su reto

Crear un recorrido que envíe un correo electrónico de confirmación de pedido cuando un cliente de Luma complete un pedido en línea.

Tarea

  1. Cree un recorrido llamado Luma - Order Confirmation.

  2. Utilice el evento: LumaOnlinePurchase.

  3. Cree un correo electrónico transaccional llamado Luma - Order Confirmation.

    • La línea de asunto "Gracias por su compra, FirstName"

    • Utilice la plantilla Luma - Order summary y modifíquela:

      • Quite las secciones You may also like

      • Añada el vínculo de cancelación de suscripción en la parte inferior del correo electrónico

El correo electrónico debe estructurarse de la siguiente manera:

table 0-row-2 1-row-2 2-row-2 3-row-2 html-authored no-header
Sección de encabezado

  • luma_logo.png

  • Debe tener un vínculo al sitio web de luma: https://luma.enablementadobe.com/content/luma/us/en.html
Sección de confirmación de pedido

Texto

Hola {firstName},

Se ha hecho el pedido.

Cuando el paquete se envíe, le mandaremos un correo electrónico con un número de seguimiento para que pueda hacer un seguimiento del pedido.

Enviar a sección

  • El nombre y los apellidos proceden del perfil

  • Reemplace la dirección codificada de forma rígida en la plantilla con la dirección de envío

  • Los detalles de la dirección son atributos contextuales del evento (calle 1, ciudad, código postal, estado)

  • Quitar el descuento, el total, la llegada

Enviar a:

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

Sección de Detalles del pedido

  • Agregue esta sección debajo de Enviar a para obtener más información.

    Sugerencias:

  • Uso del componente de estructura 1:2 columna izquierda para esta sección

  • Se trata de información contextual del evento.

  • Utilice la helper function: Each

  • Cambie al formato del editor de código para añadir los datos contextuales.

Encabezado

Pedido: {purchaseOrderNumber}

Lista de productos pedidos:

Enumere cada producto en el orden con una imagen, el precio y el nombre.

El diseño de cada elemento debería tener este aspecto: pedido

Agregar el vínculo al carro de compras

Sustituya el ID de pedido de la dirección URL por el número de orden de compra: https://luma.enablementadobe.com/content/luma/us/en/user/account/order-history/order-details.html?orderId=90845952-c2ea-4872-8466-5289183e4607
note tip
TIP
Para permitirle solucionar problemas sobre sus recorridos, la práctica recomendada es añadir una ruta alternativa a todas las acciones de mensajes en caso de tiempo de espera o error.
Requisitos de éxito

Active el recorrido que ha creado en el modo de prueba y envíeselo a sí mismo por correo electrónico:

  1. Antes de cambiar al modo de prueba, anule los parámetros de correo electrónico para enviar al correo electrónico de prueba a su dirección de correo electrónico:

    1. Abra la vista de detalles del correo electrónico.
    2. En la sección de Parámetros de correo electrónico, haga clic en el símbolo T (habilitar anulación de parámetros)
    3. Haga clic en el campo Dirección
    4. En la siguiente pantalla, añada su dirección de correo electrónico entre paréntesis: "yourname@yourdomain" en el editor de expresiones y haga clic en OK.

  2. Poner el recorrido en modo de prueba

  3. Active el evento con estos parámetros:

    • Establezca el identificador de perfil en: Valor de identidad:a8f14eab3b483c2b96171b575ecd90b1
    • Tipo de 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

Debe recibir el correo electrónico de confirmación de compra personalizado.

  • La línea de asunto debe tener el nombre del perfil de prueba: Leora

  • Este es el aspecto que debería tener el cuerpo del correo electrónico:

Correo electrónico

Compruebe su trabajo

Recorrido

Recorrido

Correo electrónico

Línea de asunto:

¡Gracias por su compra, {{ profile.person.name.firstName }}!

Enviar a la sección:

Este es el aspecto que debería tener el código:

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 es un número diferente para usted.

SUGERENCIA: Personalice cada línea por separado

Sección de detalles del pedido:

Este es el aspecto que debería tener el código:

Encabezado:

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

Lista de productos:

Utilice la función de ayuda “cada uno” para crear la lista de productos. Visualizarlos en una tabla. Este es el aspecto que debería tener el código (con variables específicas como su ID de evento, en lugar de 454181416 y su ID de organización en lugar 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}}

Botón Ver orden:

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

Precio total:

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

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