Criação de email
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 note 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. {width="700" modal="regular"}
-
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.
{width="400"}
-
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.
{width="700" modal="regular"}
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.
-
Importar conteúdo de HTML existente 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 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.
Criar email do zero design-from-scratch
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.
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 de HTML existente
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 note 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.
{width="500"}
<table>
como a primeira camada em um arquivo de 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.
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.
{width="800" modal="regular"}
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.
{width="800" modal="regular"}
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.
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.
{width="800" modal="regular"}
Adicionar estrutura e conteúdo structure-content
-
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.
note tip 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. {width="800" modal="regular"}
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.
{width="800" modal="regular"}
-
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
No editor de conteúdo visual, o ícone Fragmentos é exibido à esquerda. O exemplo a seguir descreve as etapas para adicionar fragmentos ao conteúdo do modelo.
-
Para abrir a lista de fragmentos, clique no í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.
{width="700" modal="regular"}
-
Arraste e solte qualquer um dos fragmentos no espaço reservado do componente estrutural.
O editor renderiza o fragmento na seção/elemento da estrutura de email.
O conteúdo do fragmento é atualizado dinamicamente na estrutura para mostrar como o conteúdo aparece no email.
Depois que o email for salvo, ele aparecerá na página de detalhes do fragmento ao selecionar a guia Usado por no resumo. Os fragmentos adicionados a um modelo de email não são editáveis no modelo — o fragmento de origem define o conteúdo.
Adicionar ativos
No editor de conteúdo visual, selecione o ícone do Assets ( ) que é exibido à esquerda.
O exemplo a seguir descreve as etapas para adicionar ativos ao conteúdo do modelo:
-
Para abrir a biblioteca de ativos, clique no ícone Assets.
No seletor de ativos, você pode selecionar ativos diretamente armazenados na biblioteca de origem.
-
Adicione um novo ativo arrastando e soltando o ativo de imagem em um componente de estrutura.
{width="800" modal="regular"}
Para obter mais informações sobre como usar os ativos do seu tipo de origem, consulte Adicionar ativos ao seu conteúdo.
-
Substitua um ativo de imagem existente selecionando-o na tela e clique em Selecionar um ativo nas ferramentas de origem de imagem.
{width="600" modal="regular"}
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.
{width="800" modal="regular"}
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.
{width="800" modal="regular"}
-
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.
{width="700" modal="regular"}
-
-
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 a mensagem (email e SMS), 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.
{width="600"}
Esta ação abre a caixa de diálogo Editar Personalization.
-
Clique em + ou … para adicionar um token ao espaço em branco.
{width="700" modal="regular"}
-
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 (lápis) e modifique o Tipo de Rastreamento ou o Rótulo.
Você também pode adicionar Marcas para um link.
{width="500"}
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:
{width="500"}
- 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 note 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 preview-test
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.
{width="700" modal="regular"}