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.

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

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.

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

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

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.

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.

Clique no campo de texto Subject line.

Na área de texto, comece a escrever Hi

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.

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

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.

Em seguida, adicione o texto , obrigado por se inscrever!. Clique em Salvar.

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

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.

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 uma coluna 1:2 à esquerda do menu para a tela. Este será o espaço reservado para a imagem do logotipo.

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

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.

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

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

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

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

Você verá isso:

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

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

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

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:

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

Clique em Procurar.

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.

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

Você terá isso:

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

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

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

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.

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

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.

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

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

Clique em Adicionar personalização novamente.

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.

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

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.

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

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.

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

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

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

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.

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.

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

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.

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

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

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.

Clique em Save para salvar a mensagem.

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

Você concluiu a versão de rascunho do email de registro. Clique em Publicar para publicar sua mensagem e usá-la em uma jornada.

Clique em Publicar novamente.

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

Terminou este exercício.

Próxima etapa: 6.3 Journey Optimizer: Configurar Jornada

Voltar ao Módulo 6

Voltar para todos os módulos

Recursos de Business.Adobe.com