Documentação Journey Optimizer B2B Documentação do Journey Optimizer edição B2B

Criação de email

Última atualização: 6 de março de 2025

Use o Adobe Journey Optimizer B2B edition para enviar mensagens de email aos seus clientes. Você pode criar, personalizar e visualizar mensagens no designer visual.

Adicionar uma ação de email em uma jornada de conta

Você pode configurar entregas de email em uma Jornada de conta ao adicionar um nó Realizar uma ação e fazer o seguinte:

Para o destino Ação em, escolha Pessoas.
Para a Ação sobre pessoas, escolha Enviar email.
Para a origem do email, escolha Criar novo email.

Como alternativa, você também pode selecionar a opção Selecionar email do Adobe Marketo Engage para usar um dos emails pré-criados no Marketo Engage e enviá-lo como parte da Jornada de Conta.

NOTE
Se estiver criando um email pela primeira vez, verifique se o canal de email está configurado no Adobe Marketo Engage. Para saber mais, consulte Garantir a capacidade de entrega de emails na documentação do Marketo Engage.
Na parte inferior do painel Realizar uma ação, clique em Criar email.
Na caixa de diálogo, insira um Nome exclusivo para o email e uma Linha de assunto.
Clique em Criar.

Na seção Propriedades de email da página de conteúdo de email, os campos Do email e Responder para endereço já estão configurados. Você pode inserir valores para os campos De nome e Descrição (opcional).

Criar o conteúdo do email

Clique em Adicionar conteúdo de email na parte superior do painel de visualização do Email.

Clique em Adicionar conteúdo de email

Essa ação inicia o Designer de email, onde você pode escolher como deseja criar seu email a partir das seguintes opções:

Crie o email do zero usando a interface Designer de email.
Importe conteúdo existente do HTML de um arquivo ou de uma pasta .zip.
Selecione um modelo existente em uma lista de modelos de email predefinidos ou personalizados.

Para configurar e personalizar a linha de assunto com o editor de expressão, clique no ícone Personalization e adicione qualquer um dos tokens do Marketo Engage.

Após criar e personalizar o conteúdo do email, você pode exportar o conteúdo para validação ou para uso posterior. Clique em Exportar HTML para salvar o conteúdo como um arquivo .zip que inclui seu HTML e seus ativos.

TIP

Use o Assistente de IA no Adobe Journey Optimizer B2B edition, viabilizado pela IA gerativa, para elevar seu conteúdo ao próximo nível. O Assistente de IA pode ajudá-lo a otimizar o impacto de seus deliveries, gerando emails inteiros, conteúdo de texto direcionado e obtendo recomendações do Assistente de IA para imagens que refletem em seu público-alvo. Saiba mais

Criar email do zero

Use o editor de conteúdo visual para definir a estrutura do conteúdo de email. Ao adicionar e mover componentes estruturais com ações simples de arrastar e soltar, você pode criar a forma do conteúdo de email reutilizável em segundos.

Na página inicial Criar seu modelo, selecione a opção Criar do zero.
Adicionar estrutura e conteúdo à mensagem de email.
Adicionar ativos de imagem à mensagem de email.
Personalizar o conteúdo do email.
Examinar e atualizar links.

Quando o conteúdo estiver concluído, clique em Simular conteúdo na parte superior para verificar a renderização. Você pode escolher a visualização de desktop ou móvel.

Quando estiver satisfeito com o conteúdo, clique em Salvar.

Importar conteúdo existente do HTML

O conteúdo importado pode ser:

Um arquivo HTML com uma folha de estilos incorporada
Um arquivo .zip que inclui um arquivo HTML, a folha de estilos (.css) e imagens

NOTE
Não há restrições na estrutura do arquivo .zip. No entanto, as referências devem ser relativas e se encaixar na estrutura de árvore da pasta .zip. As imagens são sempre carregadas no repositório de ativos do Marketo Engage conectado. Caso queira gerenciar os arquivos de imagem no Experience Manager Assets, faça upload deles separadamente na interface do aplicativo e altere os links de imagem no designer de email.

Para importar um arquivo com conteúdo HTML:

Na página inicial Criar seu modelo, selecione a opção Importar HTML.
Arraste e solte o arquivo HTML ou .zip que contém o conteúdo HTML e clique em Importar.

importar conteúdo html em um arquivo zip

NOTE

Usar uma marca <table> como a primeira camada em um arquivo do HTML pode causar perda de estilo, incluindo configurações de plano de fundo e largura na marca de camada superior.

Você pode personalizar o conteúdo importado conforme necessário com as ferramentas do editor visual de email.

Selecione um modelo

Você pode escolher entre:

Modelos de exemplo. A interface do Journey Optimizer oferece 20 modelos de email prontos para uso que você pode escolher.
Modelos salvos. Use um modelo personalizado salvo que você criou do zero usando o menu Modelos ou salvou de um email em uma jornada usando a opção Salvar como modelo de conteúdo.

Use a seção Selecionar modelo de design para começar a criar o conteúdo a partir de um modelo. Você pode usar um modelo de amostra ou um modelo de email personalizado salvo da instância do Journey Optimizer B2B Edition.

Modelos salvos

Na página inicial Criar seu modelo, a guia Modelos de amostra é selecionada por padrão. Para usar um modelo personalizado, selecione a guia Modelos salvos.

A lista de todos os modelos de email criados na sandbox atual é exibida. Você pode classificá-los por Nome, Última modificação e Última criação.

Escolher um modelo salvo

Selecione o template desejado na lista.

Após a seleção, é exibida uma pré-visualização do modelo. No modo de visualização, você pode navegar entre todos os modelos de uma categoria (amostra ou salva, dependendo da seleção) usando as setas para a direita e para a esquerda.

Visualizar o modelo salvo

Quando a exibição corresponder ao que você deseja usar, clique em Usar este modelo na parte superior direita da janela de visualização.

Essa ação copia o conteúdo no designer de conteúdo visual, onde você pode editar o conteúdo conforme necessário.

Modelos de exemplo

O Adobe Journey Optimizer B2B Edition oferece uma seleção de modelos de email oferecidos prontos para uso, que podem ser usados para criar emails e modelos de email.

Escolha um modelo fornecido pelo Adobe

NOTE

Os modelos salvos podem ter configurações de governança (bloqueio de conteúdo) aplicadas a um ou mais componentes. O designer visual fornece diretrizes sobre componentes bloqueados quando você cria um email a partir de um modelo controlado.

Adicionar estrutura e conteúdo

Para iniciar o design do conteúdo, arraste um item das Estruturas e solte-o na tela.

Adicione quantos itens de Estruturas forem necessários e edite as configurações para cada um no painel à direita.

TIP
Selecione o componente n:n coluna para definir o número de colunas de sua escolha (entre três e 10). Você também pode definir a largura de cada coluna movendo as setas abaixo dela.

Cada tamanho de coluna não pode ser menor que 10% da largura total do componente de estrutura. Somente colunas vazias podem ser removidas.
Expanda a seção Conteúdo e adicione quantos elementos forem necessários em um ou mais componentes da estrutura.
Se necessário, você pode fazer personalizações adicionais para cada componente nas guias Configurações ou Estilo.

Por exemplo, é possível alterar o estilo do texto, o preenchimento ou a margem de cada componente.
Para adicionar conteúdo condicional e adaptar o conteúdo aos perfis direcionados com base em regras condicionais, selecione um componente de conteúdo e clique no ícone Habilitar conteúdo condicional na barra de ferramentas do componente.

Para obter mais informações, consulte Conteúdo condicional.

Adicionar fragmentos

Um fragmento visual é um componente de design reutilizável que pode ser referenciado por vários ativos de conteúdo no Adobe Journey Optimizer B2B edition. Geralmente, é um bloco de conteúdo que pode ser pré-criado e inserido rapidamente para tornar a criação mais rápida e consistente.

O exemplo a seguir descreve as etapas para adicionar fragmentos à medida que você cria seu conteúdo.

Para abrir a lista de fragmentos, selecione o ícone Fragmentos ( ).

É possível:
- Classifique a listagem.
- Procurar, pesquisar ou filtrar a listagem.
- Alternar entre as visualizações em miniatura e em lista.
- Atualize a lista para refletir qualquer um dos fragmentos criados recentemente.
Arraste e solte qualquer um dos fragmentos no componente estrutural.

O editor renderiza o fragmento na seção/elemento da estrutura de email.

TIP
Para adicionar o fragmento de forma que ele ocupe o layout horizontal inteiro no email, adicione uma estrutura de coluna 1:1 e arraste e solte o fragmento nele.

O conteúdo do fragmento é atualizado dinamicamente na estrutura para mostrar como o conteúdo aparece no conteúdo.

recommendation-more-help

Campos editáveis

Um fragmento visual pode incluir campos editáveis que você pode personalizar. Campos personalizados permitem modificar parâmetros ao incorporar o fragmento ao conteúdo e criar uma experiência personalizada sem afetar o fragmento original. Se um fragmento incluído contiver componentes com campos editáveis, é possível alterar os valores padrão.

Selecione o componente de fragmento.

As Configurações exibidas à direita incluem e editam campos com os valores padrão.
Altere qualquer campo editável, conforme necessário.

Depois que o email for salvo, ele aparecerá na página de detalhes do fragmento ao selecionar a guia Usado por no resumo.

Adicionar ativos

No editor de conteúdo visual, selecione o ícone do Marketo Engage Assets ( ) ou o ícone do Experience Manager Assets ( ) na barra de navegação esquerda. No seletor de ativos, você pode selecionar ativos diretamente armazenados na biblioteca de origem.

NOTE

Se você tiver provisionado com o Adobe Experience Manager as a Cloud Service, terá acesso aos repositórios do Marketo Engage Design Studio e do Adobe Experience Manager Assets as a Cloud Service quando sua conta de usuário tiver as permissões necessárias. Esses repositórios estão separados e não estão sincronizados. Você pode usar ativos de imagem de qualquer origem.

Adicione um novo ativo arrastando e soltando o ativo de imagem em um componente de estrutura.
Substitua um ativo de imagem existente selecionando-o na tela e clique em Selecionar um ativo nas ferramentas de origem de imagem.

Para obter mais informações sobre o uso de ativos do seu tipo de origem, consulte Usar ativos para criação de conteúdo.

Navegar pelas camadas, configurações e estilos

Conforme você trabalha com o conteúdo no designer visual, pode acessar as camadas/containers e elementos usando a árvore Navegação. Clique no ícone Navegação para exibir a árvore à esquerda da tela.

Acessar as camadas de conteúdo

O exemplo a seguir descreve as etapas para ajustar o preenchimento e o alinhamento vertical dentro de um componente de estrutura composto por colunas.

Selecione a coluna no componente de estrutura diretamente na tela ou usando a Árvore de navegação exibida à esquerda.
Na barra de ferramentas da coluna, clique na ferramenta Selecionar uma coluna e escolha a que deseja editar.

Também é possível selecioná-la na árvore de estrutura. Os parâmetros editáveis para essa coluna são exibidos nas guias Configurações e Estilos à direita.
Para editar as propriedades da coluna, clique na guia Estilos à direita e altere-os de acordo com suas necessidades:
- Para Plano de fundo, altere a cor do plano de fundo conforme necessário.
  
  Desmarque a caixa de seleção para um plano de fundo transparente. Habilite a configuração Imagem de plano de fundo para usar uma imagem como plano de fundo em vez de uma cor sólida.
- Para o Alinhamento, selecione o ícone Superior, Meio ou Inferior.
- Para Preenchimento, defina o preenchimento para todos os lados.
  
  Selecione Preenchimento diferente para cada lado se desejar ajustar o preenchimento. Clique no ícone Bloquear para interromper a sincronização.
- Expanda a seção Avançado para definir estilos embutidos para a coluna.
Se necessário, repita essas etapas para ajustar o alinhamento e o preenchimento das outras colunas no componente.
Salve as alterações.

Personalizar conteúdo

O Journey Optimizer B2B edition usa uma sintaxe simples em linha que permite criar expressões com conteúdo personalizado delimitado por chaves duplas {}. É possível adicionar várias expressões no mesmo conteúdo ou campo sem restrições.

Exemplos:

Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}
Hello {{profile.person.name.fullName}}

Ao processar o conteúdo, o Journey Optimizer B2B edition substitui a expressão pelos dados contidos no banco de dados Experience Platform. Assim, o primeiro exemplo torna-se Olá, John Doe.

O exemplo a seguir descreve as etapas para personalizar o conteúdo usando atributos de lead/conta e tokens de sistema.

Selecione o componente de texto e clique no ícone Adicionar personalização na barra de ferramentas.

Esta ação abre a caixa de diálogo Editar Personalization.
Clique em + ou … para adicionar um token ao espaço em branco.
Clique em Salvar.

Editar rastreamento de URL vinculado

Clique no ícone Links à esquerda para exibir todas as URLs do seu conteúdo a ser rastreado.
Se necessário, clique no ícone Editar ( ) e modifique o Tipo de Rastreamento ou o Rótulo.

Você também pode adicionar Marcas para um link.

Clique no ícone Editar para acessar o rastreamento de links

Exibir opções

Aproveite as opções de exibição e validação de conteúdo disponíveis no editor visual de email.

Aumentar/diminuir o zoom do conteúdo nas opções de zoom predefinidas.
Alternar a exibição do conteúdo na área de trabalho, dispositivo móvel ou somente texto/texto sem formatação.
- Clique no ícone Exibir para visualizar o conteúdo entre dispositivos.
- Selecione um dos dispositivos prontos para uso ou insira dimensões personalizadas para visualizar o conteúdo.

Mais opções

No menu Mais…, na parte superior do designer de email, você pode realizar as seguintes ações:

Clique em Mais para acessar as ações do modelo

Redefinir email - Clique nesta opção para limpar a tela do designer de email visual em branco e reiniciar a criação do conteúdo.
Salvar como fragmento - Salve todo o email ou partes dele como um fragmento a ser reutilizado em vários emails ou modelos de email. Forneça um nome e uma descrição para o fragmento e salve-o na lista de fragmentos disponíveis.
Alterar seu design - Retorne à página Criar seu email. A partir daí, você pode escolher outro modelo para reiniciar o processo de design ou optar por projetar o conteúdo do zero em uma tela preta.\
Salvar como modelo de conteúdo - Salve o corpo do email como um modelo de email a ser reutilizado em vários emails ou modelos de email. Forneça um nome e uma descrição para o modelo e salve-o na lista de modelos de email salvos.
Exportar HTML - Baixe o conteúdo na tela visual para o sistema local no formato HTML empacotado como um arquivo zip.

Verificar alertas

À medida que você cria o conteúdo da sua mensagem de email, os alertas são exibidos na interface (canto superior direito da página) quando as principais configurações estão ausentes.

Se você não vir esse botão, não há problemas detectados.

Dois tipos de alertas podem ser detectados:

Avisos que se referem a recomendações e práticas recomendadas, como:
- The opt-out link is not present in the email body: adicionar um link de cancelamento de assinatura ao corpo do email é uma prática recomendada.
  
  NOTE
  As mensagens de email de estilo de marketing devem incluir um link para opção de não participação, que não é necessário para mensagens transacionais.
- Text version of HTML is empty: não se esqueça de definir uma versão de texto do corpo do email, que é usada quando o conteúdo do HTML não pode ser exibido.
- Empty link is present in email body: verifique se todos os links no seu email estão corretos.
- Email size has exceeded the limit of 100KB: para uma entrega ideal, verifique se o tamanho do seu email não excede 100KB.
Erros que impedem que você teste ou ative a jornada/campanha enquanto não forem resolvidos, como:
- The subject line is missing: a linha de assunto do email é obrigatória.
- The email version of the message is empty: este erro é exibido quando o conteúdo do email não foi configurado.

Verificar e testar o email

Quando o conteúdo da mensagem é definido, você pode usar perfis de teste para pré-visualizá-la, enviar provas e controlar sua renderização em clientes populares de desktop, móveis e baseados na Web. Se você inseriu conteúdo personalizado, é possível visualizar como esse conteúdo é exibido na mensagem usando os dados do perfil de teste.

Para visualizar o conteúdo do email, clique em Simular conteúdo e adicione um perfil de teste para verificar sua mensagem usando os dados do perfil de teste.

Simular o conteúdo do email para verificar seu design