6.2 Criar sua mensagem de email

Neste exercício, você configurará a jornada que precisa ser acionada quando alguém criar uma conta no site de demonstração.

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

ACOP

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

ACOP

Primeiro, certifique-se de usar a sandbox correta. A sandbox a ser usada é chamada de --aepSandboxId--. Para alterar de uma sandbox para outra, clique em PRODUCTION Prod (VA7) e selecione a sandbox da lista. Neste exemplo, a sandbox é chamada de AEP Enablement FY21.

ACOP

Em seguida, você estará na exibição Início da sandbox --aepSandboxId--.

ACOP

No menu esquerdo, 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 - Registration Email e substitua ldap pelo seu próprio ldap, selecione o CJM Alpha Preset e ative o canal Email.

Journey Optimizer

Clique no botão Create para criar a mensagem de Email de registro.

A próxima tela é o painel de mensagens, a partir daí você poderá ver a miniatura do email quando o conteúdo será fornecido.

Journey Optimizer

No lado direito estão as Propriedades de email:

  • Do email: o endereço de email de quem o recipient receberá a mensagem de email. Observe que esse valor é especificado pela predefinição fornecida na etapa anterior e é somente leitura.
  • Nome de: o nome do remetente do qual o recipient receberá a mensagem de email. Observe que esse valor é especificado pela predefinição fornecida na etapa anterior e é somente leitura.
  • Linha de assunto: o assunto obrigatório da mensagem que será editado na próxima etapa.
  • Corpo: um botão o traz ao Designer de email para criar e editar o conteúdo do email.
  • Recursos opcionais: essas duas caixas de seleção permitem desativar o rastreamento das aberturas e cliques do email e, portanto, impedir que a mensagem avalie métricas como taxa de abertura, taxa de click-through,…

Primeiro, 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 Hi

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 elemento Pessoa e clique na seta para ir um nível mais fundo.

Journey Optimizer

Agora, encontre o elemento Full name e clique na seta para ir um nível mais fundo.

Journey Optimizer

Finalmente, encontre o campo First name e clique no sinal + ao lado dele. Em seguida, você verá o token de personalização aparecer no campo de texto.

Journey Optimizer

Em seguida, adicione o texto , obrigado por se inscrever!. 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, você receberá 3 métodos diferentes para fornecer o conteúdo do email:

  • Design do zero: Comece com uma tela em branco e use o editor WYSIWYG para arrastar e soltar a estrutura e os componentes de conteúdo para criar visualmente o conteúdo do email.
  • Codifique seu próprio: Crie seu próprio modelo de email codificando-o usando HTML
  • Importar HTML: Importe um template HTML existente, que poderá ser editado.

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).

Journey Optimizer

Arraste e solte uma coluna 1:2 à esquerda do menu para a tela. Este será o espaço reservado para a imagem do logotipo.

Journey Optimizer

Arraste e solte uma coluna 1:1 abaixo do componente anterior. Este será o bloco do banner.

Journey Optimizer

Arraste e solte uma coluna 1:2 à esquerda abaixo do componente anterior. Esse será o conteúdo real com uma imagem no lado esquerdo e o texto no lado direito.

Journey Optimizer

Em seguida, arraste e solte uma coluna 1:1 abaixo do componente anterior. Este será o rodapé do email. A tela deve ficar assim:

Journey Optimizer

Em seguida, vamos usar Componentes de conteúdo para adicionar conteúdo dentro desses blocos. Clique no item de menu Componentes de conteúdo

Journey Optimizer

Arraste e solte um componente HTML na primeira célula na primeira linha.

Journey Optimizer

Clique no componente HTML e, em seguida, clique em Show the source code.

Journey Optimizer

Você verá isso:

Journey Optimizer

Cole esse código aqui: <img src="{%= %}" width="100px%">.

Journey Optimizer

Em seguida, coloque o cursor, conforme indicado na captura de tela:

Journey Optimizer

Em seguida, navegue até o campo --aepTenantId--.demoEnvironment.brandLogo. Clique no ícone + para inserir o token de personalização. Em seguida, clique em Salvar.

Journey Optimizer

Agora você configurou esse componente HTML para obter dinamicamente o URL da imagem de um campo dentro do Perfil do cliente em tempo real da Adobe Experience Platform.

Agora você está de volta aqui:

Journey Optimizer

Vá para Componentes de conteúdo e arraste e solte um componente Image na primeira célula da primeira linha.

Journey Optimizer

Clique em Procurar.

Journey Optimizer

Na janela pop-up Assets, clique duas vezes na pasta module-23. Nesta pasta, você encontrará todos os ativos preparados e carregados anteriormente pela equipe criativa.

Journey Optimizer

Selecione module23-thank-you-new.png e clique em Select.

Journey Optimizer

Você terá isso:

Journey Optimizer

Selecione a imagem e, no menu direito, role para baixo até visualizar o componente do controle deslizante de largura Size.

Journey Optimizer

Use o controle deslizante para alterar a largura para f.i. 60%.

Journey Optimizer

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

Journey Optimizer

Selecione o texto padrão Digite seu texto aqui. como faria com qualquer editor de texto. Em vez disso, escreva Prezado. Observe a barra de ferramentas de texto exibida quando você está no modo de texto.

Journey Optimizer

Na barra de ferramentas, clique no ícone Add personalization.

Journey Optimizer

Em seguida, é necessário trazer o token de personalização First name que é armazenado em profile.person.name.firstName. No menu , encontre o elemento Pessoa, detalhe para o elemento Nome completo e clique no ícone + para adicionar o campo Nome ao editor de expressão.

Clique em Salvar.

Journey Optimizer

Agora você perceberá como o campo de personalização foi adicionado ao texto.

Journey Optimizer

No mesmo campo de texto, pressione Enter duas vezes para adicionar duas linhas e gravar Obrigado por se inscrever para.

Journey Optimizer

Clique em Adicionar personalização novamente.

Journey Optimizer

Em seguida, é necessário trazer o token de personalização Brand Name que é armazenado em --aepTenantId--.demoEnvironment.brandName. Na lista do lado esquerdo, encontre o elemento --aepTenantId-- e clique na seta para ir um nível mais fundo.

Journey Optimizer

Em seguida, encontre o elemento demoEnvironment e clique na seta para ir um nível mais fundo.

Journey Optimizer

Finalmente, encontre o campo brandName e clique no sinal + ao lado dele. Em seguida, você verá o token de personalização aparecer no campo de texto. Clique em Salvar.

Journey Optimizer

Agora você perceberá como o campo de personalização foi adicionado ao texto.

Journey Optimizer

No menu esquerdo, volte para Componentes da estrutura.

Arraste e solte uma coluna 1:1 abaixo do componente anterior. Este será o bloco do banner.

Journey Optimizer

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

Journey Optimizer

Substitua o texto padrão por Não está mais interessado? Cancele a assinatura instantaneamente.

Journey Optimizer

Em seguida, selecione a palavra Unsubscribe e clique no ícone Insert link na barra de ferramentas.

Journey Optimizer

Na lista suspensa Link type , selecione Unsubscription link e coloque o seguinte url dentro do campo de texto Unsubscription page URL https://public.aepdemo.net/unsubscribe.html. Clique em Salvar.

Journey Optimizer

O email de confirmação de registro agora tem conteúdo. Para fins de deliverability (práticas recomendadas em relação ao envio de email para garantir que eles chegam à caixa de correio do recipient em vez da pasta de spam), também é importante que esse email tenha uma versão de texto.

Clique no botão Plain text na parte superior do Designer de email para ver como o Journey Optimizer sincronizou automaticamente o HTML com a versão de texto, para que não seja necessário gravar o texto mais uma vez.

Journey Optimizer

A verificação final a ser executada para garantir que seu email esteja pronto é visualizá-lo, clique no botão Preview.

Journey Optimizer

Comece identificando qual perfil você deseja usar para a visualização. Selecione o namespace email clicando no ícone ao lado do campo Inserir namespace de identidade.

Journey Optimizer

Na lista de namespaces de identidade, selecione o namespace Email. Clique em Selecionar.

Journey Optimizer

No campo Identity value, insira o endereço de email de um perfil de demonstração anterior que já está armazenado no Perfil de cliente em tempo real. Por exemplo woutervangeluwe+31052021-10@gmail.com e clique no botão Localizar perfil de teste

Journey Optimizer

Quando o perfil for exibido na tabela, clique na guia Preview para acessar a tela de visualização.

Quando a visualização estiver pronta, valide se a personalização está correta na linha de assunto, o texto do corpo e o link de unsubscription são destacados como um hiperlink.

Clique em Fechar para fechar a visualização.

Journey Optimizer

Clique em Save para salvar a mensagem.

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ê concluiu a versão de rascunho do email de registro. Clique em Publicar para publicar sua mensagem e usá-la em uma jornada.

Journey Optimizer

Clique em Publicar novamente.

Journey Optimizer

Aguarde até que você veja um pop-up de confirmação verde na parte inferior da tela, indicando que a mensagem foi publicada.

Journey Optimizer

Terminou este exercício.

Próxima etapa: 6.3 Journey Optimizer: Configurar Jornada

Voltar ao Módulo 6

Voltar para todos os módulos

Nesta página