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.

Journey Optimizer

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

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.

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

Clique no campo de texto Subject line.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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:

Journey Optimizer

Vá para Componentes de conteúdo.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

Agora você está de volta aqui:

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

Você verá isso:

Journey Optimizer

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

Journey Optimizer

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:

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

Você verá isso:

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

Em seguida, clique em Ok.

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

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

Você verá isso.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

Clique em Publicar para publicar a jornada.

Journey Optimizer

Clique em Publicar novamente.

Journey Optimizer

Volte para a visão geral das Jornadas.

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

Você será redirecionado aqui. Clique em Modificar.

Journey Optimizer

Clique em Confirm.

Journey Optimizer

Clique em Email Designer.

Journey Optimizer

Você estará de volta ao Email Designer.

Journey Optimizer

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.

Journey Optimizer

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:

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

Clique na seta ao lado de Events para aprofundar.

Journey Optimizer

Clique na seta ao lado de ldapPurchaseEvent para aprofundar.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

Você terá isso. Clique em Salvar.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

Navegue até Contexto.

Journey Optimizer

Clique na seta ao lado de Journey Orchestration para detalhar.

Journey Optimizer

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

Journey Optimizer

Clique na seta ao lado de Order para detalhar.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

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

Journey Optimizer

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

Journey Optimizer

Você verá isso:

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

Clique em Criar uma nova versão novamente.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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.

Configuração do Launch

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

Configuração do Launch

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

Configuração do Launch

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

Configuração do Launch

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.

Configuração do Launch

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

Configuração do Launch

Você verá a página do Luma.

Configuração do Launch

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.

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

Vá para o seu carrinho.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Nesta página