23.3 Configurar uma jornada baseada em acionador - Confirmação de pedido

Faça logon no Adobe Experience Cloud acessando Adobe Experience Cloud. Clique em Adobe Journey Optimizer.

Você será redirecionado para a exibição Início no Journey Optimizer.

Antes de continuar, é necessário selecionar uma sandbox e. A sandbox a ser selecionada é chamada de --aepSandboxId--. Você pode fazer isso clicando no texto Production Prod na linha azul na parte superior da tela.

23.3.1 Criar mensagem de confirmação de pedido

No menu, clique em Messages.

Na tela Mensagens, você verá uma exibição semelhante a esta. Clique em Criar mensagem.

Dê à sua Mensagem um título seguindo esta convenção de nomenclatura ldap - Order Confirmation Email e substitua ldap por seu próprio ldap, selecione o CJM Alpha Preset e habilite o canal Email.

Clique em Criar para criar a mensagem de email de confirmação de pedido.

A próxima tela é o painel de mensagens. No lado direito estão as propriedades de Email , verifique se as 2 caixas de seleção em Optional features estão marcadas. Caso contrário, verifique se ambos estão ativados.

Clique no campo de texto Subject line.

Na área de texto, comece a escrever Obrigado pelo seu pedido,

A linha de assunto ainda não foi feita. Em seguida, é necessário trazer o token de personalização para o campo First name que está armazenado em profile.person.name.firstName. No menu esquerdo, role para baixo até encontrar o campo Pessoa > Nome completo > Nome e clique no ícone + para adicionar o token de personalização à linha de assunto. Clique em Salvar.

Então você estará de volta. Clique em Email Designer para criar o conteúdo do email.

Na próxima tela, clique em Design do zero.

No menu esquerdo, você encontrará os componentes de estrutura que podem ser usados para definir a estrutura do email (linhas e colunas).

Arraste e solte 8 vezes uma 1:1 coluna na tela, o que deve fornecer o seguinte:

Vá para Componentes de conteúdo.

Arraste e solte um componente HTML na primeira linha. Clique no componente HTML e, em seguida, clique em Show the source code.

Cole esse código aqui: <img src="{%= profile._experienceplatform.demoEnvironment.brandLogo %}" width="100px%">. Clique em Salvar.

Agora você está de volta aqui:

Vá para Componentes de conteúdo e arraste e solte um componente Image na segunda linha. Selecione o Componente de imagem, mas NÃO clique em Procurar.

Cole este URL de imagem no campo Source: https://parsefiles.back4app.com/hgJBdVOS2eff03JCn6qXXOxT5jJFzialLAHJixD9/29043bedcde632a9cbe8a02a164189c9_preparing.png. Esta imagem é hospedada fora do Adobe.

Ao alterar o escopo para outro campo, a imagem será renderizada e você verá o seguinte:

Em seguida, vá para Componentes de conteúdo e arraste e solte um componente Texto na terceira linha.

Selecione o texto padrão nesse componente Digite seu texto aqui. e substituí-lo pelo texto abaixo:

You’re one step closer!

Hi

We've received your order details!

We will also send you a separate email containing your VAT Invoice.

We'll be back in touch with you as soon as we've finished packing your package. Please read carefully the Order Information detailed below.

Coloque o cursor próximo ao texto Hi e clique em Adicionar personalização.

Navegue até o campo Pessoa > Nome completo > Nome e clique no ícone + para adicionar o token de personalização à linha de assunto. Clique em Salvar.

Você verá isso:

Em seguida, vá para Componentes de conteúdo e arraste e solte um componente Texto na quarta linha.

Selecione o texto padrão nesse componente Digite seu texto aqui. e substituí-lo pelo texto abaixo:

Order Information

Altere o tamanho da fonte para 26px e centralize o texto nessa célula. Você terá isso:

Em seguida, vá para Componentes de conteúdo e arraste e solte um componente HTML na quinta linha. Clique no componente HTML e, em seguida, clique em Show the source code.

No pop-up Editar HTML, cole este HTML:

<table><tbody><tr><td><b>Items purchased</b></td><td></td><td><b>Quantity</b></td><td><b>Subtotal</b></td></tr><tr><td colspan="4" width="500"><hr></td></tr></tbody></table>

Clique em Salvar.

Você terá isso. Clique em Save para salvar o progresso.

Volte para o painel de mensagens clicando na seta ao lado do texto da linha de assunto no canto superior esquerdo.

Você verá isso:

Clique em Publicar duas vezes para publicar sua mensagem, para que você possa usá-la em uma jornada.

Nas próximas etapas da criação da Mensagem de email de confirmação de pedido, você precisará usar dados de evento contextual. Esses dados de evento contextual são fornecidos no Jornada. Portanto, antes de adicionar esse contexto, você precisará configurar um Event para acionar a jornada e criar o Jornada. Feito isso, você retornará ao Message Designer para atualizar sua mensagem.

23.3.2 Criar seu evento

No menu, vá para Configurações e clique em Gerenciar em Eventos.

Na tela Events, você verá uma exibição semelhante a esta. Clique em Criar evento.

Em seguida, você verá uma configuração de evento vazia.

Primeiro de tudo, dê a seu Evento um Nome como este: ldapPurchaseEvent e substitua ldap por seu ldap.

Em seguida, adicione uma descrição como esta Purchase Event.

O próximo é a seleção Tipo de Evento. Selecione Unitário.

O próximo é a seleção Tipo de ID de evento. Selecione Sistema Gerado

Em seguida está a seleção Esquema. Um esquema foi preparado para este exercício. Use o esquema Demo System - Event Schema for Website (Global v1.1) v.1.

Após selecionar o Esquema, você verá vários campos sendo selecionados na seção Carga. Clique no ícone Edit/Pencil para adicionar campos adicionais a este evento.

Você verá esse pop-up. Agora é necessário marcar caixas de seleção adicionais para acessar dados adicionais quando esse evento for acionado.

Em primeiro lugar, marque a caixa de seleção na linha --aepTenantId--.

Em seguida, role para baixo e marque a caixa de seleção na linha productListItems.

Em seguida, role para baixo e marque a caixa de seleção na linha commerce.

Em seguida, clique em Ok.

Você verá que campos adicionais foram adicionados ao evento. Clique em Salvar.

O novo evento é compartilhado e você verá o evento na lista de eventos disponíveis agora.

Clique no seu evento novamente para abrir a tela Editar Evento novamente.
Passe o mouse sobre o campo Carga novamente para ver os 3 ícones novamente. Clique no ícone Exibir Carga.

Você verá um exemplo da carga esperada. Seu evento tem uma orquestration eventID exclusiva, que pode ser encontrada ao rolar para baixo na carga útil até visualizar _experience.campaign.orchestration.eventID.

A ID de evento é o que precisa ser enviado para o Adobe Journey Optimizer para acionar a jornada que você criará na próxima etapa. Anote essa eventID, pois ela será necessária em uma das próximas etapas.
"eventID": "d168c11ce1b5bb96fc793421fbcc3ec54b3116fa13242b05d9a54b1251ecb94e"

Clique em Ok, seguido por Cancelar.

Seu evento agora está configurado e pronto para ser usado.

23.3.3 Criar a jornada

No menu, vá para Jornada e clique em Criar Jornada.

Você verá isso.

Dê um nome à sua jornada. Use ldap - jornada de Confirmação de Pedido e substitua ldap pelo seu ldap. Clique em OK.

Primeiro, é necessário adicionar o evento como ponto de partida da jornada. Procure seu evento ldapPurchaseEvent e arraste e solte-o na tela. Clique em OK.

Em seguida, em Actions, pesquise a ação Message.

Arraste e solte a ação Message na tela e clique no ícone edit para selecionar sua mensagem.

Selecione a mensagem que você criou na etapa anterior, ldap - Order Confirmation Email. Clique em Selecionar.

Então você tem isso. Clique em Ok.

Procure o tipo de orquestração End e arraste e solte na tela. Clique em OK.

Clique em Publicar para publicar a jornada.

Clique em Publicar novamente.

Volte para a visão geral das Jornadas.

Sua jornada foi publicada. Antes de usar a jornada, ainda é necessário concluir a configuração da mensagem de email de confirmação de pedido. Para fazer isso, agora é necessário fornecer o contexto dessa jornada à mensagem.

23.3.4 Usar contexto de jornada na mensagem de email

Na visão geral do Jornada, abra seu ldap - jornada de confirmação de pedido novamente.

Selecione a ação Message novamente. Passe o mouse sobre o campo Message e você verá essa opção. Clique em Abra a mensagem.

Você será redirecionado aqui. Clique em Modificar.

Clique em Confirm.

Clique em Email Designer.

Você estará de volta ao Email Designer.

Vá para Componentes de conteúdo e arraste e solte um componente HTML na sexta linha. Clique no componente HTML e, em seguida, clique em Show the source code.

No pop-up Editar HTML, cole este HTML:

{{#each xxx as |item|}}<table width="500"><tbody><tr><td><img src="{{item.--aepTenantId--.core.imageURL}}" width="100"></td><td><table><tbody><tr><td><b>{{item.name}}</b><br>{{item.--aepTenantId--.core.subCategory}}<br><b>{{item.priceTotal}}</b><br>&nbsp;<br>Article no: {{item.SKU}}</td></tr></tbody></table></td><td>{{item.quantity}}</td><td><b>{{item.priceTotal}}</b></td></tr></tbody></table>{{/each}}

Você terá isso:

Agora é necessário substituir xxx por uma referência ao objeto productListItems que faz parte do evento que aciona a jornada.

Primeiro, exclua xxx em seu código HTML primeiro.

Abra a lista suspensa que diz Profile. Nessa lista suspensa, selecione Context. Esse contexto é passado para a mensagem da jornada.

Você verá isso. Clique na seta ao lado de Journey Orchestration para detalhar.

Clique na seta ao lado de Events para aprofundar.

Clique na seta ao lado de ldapPurchaseEvent para aprofundar.

Clique no ícone + ao lado de productListItems para adicioná-lo ao código HTML.

Você terá isso. Agora é necessário remover as marcas ao redor da ID do evento.

Você terá isso. Clique em Salvar.

Você estará de volta ao Email Designer agora. Clique em Save para salvar o progresso.

Em seguida, vá para Componentes de conteúdo e arraste e solte um componente HTML na sétima linha. Clique no componente HTML e, em seguida, clique em Show the source code.

No pop-up Editar HTML, cole este HTML:

<table><tbody><tr><td><b>Subtotal</b><br>Delivery charge (included)</td><td align="right"><b>xxx</b><br><b>5</b></td></tr><tr><td colspan="2" width="500"><hr></td></tr><tr><td><b>Total including VAT</b></td><td align="right"><b>xxx</b></td></tr></tbody></table>

Há 2 referências de xxx neste código HTML. Agora é necessário substituir cada xxx por uma referência ao objeto productListItems que faz parte do evento que aciona a jornada.

Primeiro, exclua xxx em seu código HTML na linha 10.

Navegue até Contexto.

Clique na seta ao lado de Journey Orchestration para detalhar.

Aprofunde-se no objeto ldapPurchaseEvent. Clique na seta ao lado de Commerce para aprofundar.

Clique na seta ao lado de Order para detalhar.

Clique no ícone + ao lado de Preço total para adicioná-lo à tela.

Exclua xxx em seu código HTML na linha 23.

Clique no ícone + ao lado de Preço Total novamente para adicioná-lo à tela.

Você também pode adicionar o campo Moeda de dentro do objeto Ordem na tela, como pode ver aqui:

Quando terminar, clique em Save para salvar as alterações.

Você estará de volta ao Email Designer. Clique em Save novamente.

Volte para o painel de mensagens clicando na seta ao lado do texto da linha de assunto no canto superior esquerdo.

Você verá isso:

Clique em Publicar duas vezes para publicar sua mensagem, para que você possa usá-la em uma jornada.

Depois de fazer uma alteração na mensagem de email, você precisa republicar a jornada para selecionar os novos campos e alterações.

Para fazer isso, vá para Jornada. Clique para abrir sua jornada ldap - jornada de Confirmação de Pedido.

Clique para abrir a lista suspensa ao lado de Duplicate e selecione Create a new version.

Clique em Criar uma nova versão novamente.

Você terá uma nova versão da sua jornada. Clique em Publicar duas vezes.

Sua jornada agora é publicada e pode ser acionada. No entanto, antes de acioná-lo, é necessário atualizar o elemento de dados na propriedade do cliente de coleta de dados do Adobe Experience Platform.

23.3.5 Atualizar a propriedade do cliente de coleta de dados do Adobe Experience Platform

Vá para https://experience.adobe.com/#/data-collection/. No menu esquerdo, verifique se você está em Client. Procure as propriedades do Cliente e abra a propriedade para Web.

Vá para Elementos de Dados. Pesquise e abra o elemento de dados rulePurchaseConfirmation.

Você verá isso. Navegue até o campo _experience.campaign.orchestration.eventID e preencha sua eventID aqui. A eventID a ser preenchida aqui é a eventID criada como parte do exercício 23.3.2.

Salve as alterações na propriedade do cliente e publique as alterações atualizando a biblioteca de desenvolvimento.

Suas alterações foram implantadas e podem ser testadas.

23.3.6 Teste o email de confirmação do pedido usando o site de demonstração

Vamos testar a jornada atualizada comprando um produto no site de demonstração.

Abra uma nova janela do navegador incognitivo e limpe e vá para https://public.aepdemo.net.

Você verá isso.

Insira a ID de configuração e clique em Carregar configuração. Sua configuração é carregada.

Role para baixo e clique em Salvar configuração.

Em seguida, você será redirecionado para a página inicial do Administrador. Vá para Selecionar LDAP. Selecione o LDAP e clique em Save.

Em seguida, você será redirecionado para a página inicial do Administrador. Vá para Selecione a Marca e selecione a marca Luma, clique em Salvar.

Em seguida, você será redirecionado para a página inicial do Administrador. Clique no logotipo Luma.

Você verá a página do Luma.

Vá para Login/Register. Preencha o formulário e clique em Criar Conta. Não se esqueça de marcar a caixa de seleção de Testar perfil.

Em alguns segundos, você receberá o novo e-mail de Criação de conta , servido pela Journey Optimizer em sua caixa de entrada, conforme configurado no exercício anterior.

Volte para a página inicial do site de demonstração e clique em qualquer produto.

Você verá a página de detalhes do produto. Clique em Adicionar ao carrinho.

Vá para o seu carrinho.

Selecione seus tipos de pagamento e preferência de entrega e clique em Compra.

Você receberá o email de confirmação do pedido em segundos.

Terminou este exercício.

Próxima etapa: 23.4 Configurar uma jornada de boletim informativo baseada em lote

Voltar ao Módulo 23

Voltar para todos os módulos