23.1 Introdução ao Adobe Journey Optimizer: criar uma mensagem de email

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.

A parte superior da página inicial mostra os objetos recentes em que você tem trabalhado para que possa voltar rapidamente para um objeto específico.

O lado esquerdo mostra o menu de navegação que o direcionará para diferentes locais no Journey Optimizer.

• Início: A página em que você está no momento.
• Jornadas: Visão geral das jornadas existentes, criar novas jornadas
• Mensagens: Visão geral das mensagens existentes (email, push,…), criar novas mensagens e encontrar uma visão geral da execução da mensagem nas últimas 24 horas.
• Ativos: Redireciona você para o Adobe Experience Manager Assets Essentials, onde arquivos como imagens podem ser carregados para serem usados em mensagens.
• Segmentos: Acesse e crie segmentos.
• Conjuntos de dados e esquemas: Fornece uma visão geral de todos os esquemas e conjuntos de dados.
• Configurações: Gerencie eventos personalizados, fontes de dados externas e ações a serem usadas nas jornadas.

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 - 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:

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

Você verá isso:

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://www.optout.adobe.com. Clique em Salvar.

O email de confirmação de registro agora tem conteúdo, para fins de entrega (práticas recomendadas para 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: 23.2 Configurar uma jornada baseada em disparador - Criação de conta

Voltar ao Módulo 23

Voltar para todos os módulos

Recursos de Business.Adobe.com