DocumentaçãoJourney OptimizerJourney Optimizer - Desafios

Criar email de confirmação de pedido

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

Criado para:

  • Iniciante
  • Usuário
Desafio
Criar um email transacional de confirmação de pedido
Perfil
Gerenciador de Jornadas
Competências necessárias
Ativos para baixar
Ativos de confirmação de pedido

A história

A Luma está lançando sua loja online e deseja garantir uma boa experiência ao cliente. Eles enviam um email de confirmação do pedido assim que o cliente realiza a compra.

Seu desafio

Crie uma jornada que envia um email de confirmação de pedido quando um cliente da Luma conclui um pedido online.

Tarefa

  1. Criar uma jornada chamada Luma - Order Confirmation.

  2. Use o evento: LumaOnlinePurchase.

  3. Crie um email transacional chamado Luma - Order Confirmation.

    • Com a linha de assunto “Obrigado por sua compra, FirstName”

    • Use o modelo Luma - Order summary e modifique-o:

      • Remova as seções You may also like

      • Adicione o link para cancelar inscrição na parte inferior do email

O email deve ser estruturado da seguinte maneira:

table 0-row-2 1-row-2 2-row-2 3-row-2 html-authored no-header
Seção do cabeçalho

  • luma_logo.png

  • Ele deve levar ao site do Luma: https://luma.enablementadobe.com/content/luma/us/en.html
Seção de confirmação de pedido

Texto

Olá, {firstName},

Seu pedido foi feito.

Quando o pacote for enviado, enviaremos um email com um número de rastreamento para que você possa rastrear seu pedido.

Seção Enviar para

  • O nome e o sobrenome são do perfil

  • Substitua o endereço fixo no modelo pelo endereço de entrega

  • Os detalhes do endereço são atributos contextuais do evento (rua 1, cidade, CEP, estado)

  • Remova Desconto, Total, Chegando

Enviar para:

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

Seção de detalhes do pedido

  • Adicione esta seção abaixo da seção Enviar para.

    Dicas:

  • Usar o componente de estrutura Coluna 1:2 à esquerda para esta seção

  • Essas são informações de evento contextual.

  • Use a helper function: Each

  • Alterne para o formato do editor de códigos para adicionar os dados contextuais.

Cabeçalho

Pedido: {purchaseOrderNumber}

Lista de produtos encomendados:

Liste cada produto do pedido com uma imagem, o preço e o nome.

O layout de cada item deve ter esta aparência: pedido

Adicione o link para o carrinho

Substitua a ID do pedido no URL pelo número do pedido 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 permitir solucionar problemas em suas jornadas, a prática recomendada é adicionar um caminho alternativo a todas as ações de mensagem se houver um tempo limite ou ocorrer um erro.
Critérios de sucesso

Acione a jornada criada no modo de teste e envie o email para você mesmo:

  1. Antes de alternar para o modo de teste, substitua os parâmetros de email para enviar o email de teste para seu endereço de email:

    1. Abra a visualização de detalhes do email.
    2. Na seção Parâmetros de email, clique no ícone T (habilitar a substituição de parâmetros
    3. Clique no campo Endereço
    4. Na próxima tela, adicione o seu endereço de email entre parênteses: "seunome@seudominio" no editor de expressão e clique em OK.

  2. Coloque a jornada no modo de teste

  3. Acione o evento com os seguintes parâmetros:

    • Defina o identificador do perfil para: Valor de identidade:a8f14eab3b483c2b96171b575ecd90b1
    • Tipo de evento: Compras de comércio
    • Quantity: 1
    • Price Total: 69
    • Purchase Order Number: 90845952-c2ea-4872-8466-5289183e4607
    • SKU: LLMH09
    • City:San Jose
    • Postal Code: 95119
    • State: CA
    • Street: Park Avenue, 245

Você deve receber o email de confirmação de compra personalizado.

  • A linha de assunto deve ter o nome do perfil de teste: Leora

  • O corpo do email deve ter essa aparência:

Email

Verifique o seu trabalho

Jornada

Jornada

Email

Linha de assunto:

Obrigado por sua compra, {{ profile.person.name.firstName }}.

Seção Enviar para:

É assim que o código deveria parecer:

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 será um número diferente para você.

DICA: Personalize cada linha separadamente

Seção Detalhes do pedido:

É assim que o código deveria parecer:

Cabeçalho:

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

Lista de produtos:

Use a função auxiliar “cada” para criar a lista de produtos. Mostre-lhes em uma tabela. O seu código deve ter esta aparência (com suas variáveis específicas, como a ID do evento em vez de 454181416 e sua organização em vez 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ão Exibir pedido:

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

Preço total:

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

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