Criação de email email-authoring
Saiba como criar, personalizar e visualizar emails no novo Marketo Engage Email Designer.
Criar um email create-an-email
Emails do designer de email só podem ser criados no Design Studio e referenciados em Campanhas/Listas inteligentes, ou criados/usados diretamente em Programas de email no momento.
-
Faça logon no Marketo Engage por meio da Adobe Experience Cloud.
-
Em Meu Marketo, selecione Design Studio.
-
Na árvore, selecione Emails (Novo Editor).
-
Clique no botão Criar email.
-
Insira um nome de email e uma linha de assunto. Clique em Criar.
-
Faça logon no Marketo Engage por meio da Adobe Experience Cloud.
-
Localize e selecione (ou crie) seu programa de email.
-
Você tem duas opções para criar um novo email. Clique com o botão direito do mouse no nome do seu Programa de email e selecione Novo ativo local ou clique no botão +Novo email na caixa Email no painel. Neste exemplo, faremos o primeiro.
-
Selecione Email (Novo Editor).
-
Insira um nome de email e uma linha de assunto. Clique em Criar.
Pronto. Agora é hora de projetar seu email.
Escolha seu tipo de conteúdo choose-your-content-type
-
No email que acabou de criar, clique em Adicionar conteúdo de email.
-
A página Criar seu email é carregada. Você pode escolher entre algumas opções:
-
Criar do zero usando o editor visual de email
-
Importar seu próprio HTML por meio de um arquivo HTML ou zip
-
Selecione um modelo existente (uma de nossas amostras ou uma que você já salvou)
Criar do zero design-from-scratch
Ao começar do zero no editor de email, use as opções abaixo para definir seu conteúdo.
-
Na página Criar seu email, selecione Design do zero.
-
Adicione estrutura e conteúdo ao seu email.
-
Adicionar imagens.
-
Personalize seu conteúdo.
-
Examine os links e edite o rastreamento.
Importar HTML import-html
Você pode importar conteúdo existente do HTML para criar seu email. O conteúdo 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 as imagens
-
Na página Criar seu modelo, selecione Importar HTML.
-
Arraste e solte o arquivo HTML ou .zip desejado (ou selecione um arquivo no computador) e clique em Importar.
Você pode fazer as alterações desejadas no conteúdo importado usando as ferramentas do editor visual de email.
Escolher um modelo choose-a-template
Há dois tipos de modelos para escolher.
-
Modelos de exemplo: o Marketo Engage oferece quatro modelos de email predefinidos.
-
Modelos salvos: são modelos criados do zero usando o menu Modelos ou um email que você criou e optou por salvar como modelo.
Escolha um dos modelos prontos para uso para um head start no design do modelo de email.
-
A guia Modelos de amostra é aberta por padrão.
-
Selecione o template que deseja usar.
-
Clique em Usar este modelo.
-
Edite o conteúdo conforme desejado usando o designer de conteúdo visual.
-
Clique na guia Modelos salvos e selecione o modelo desejado.
-
Clique em Usar este modelo.
-
Edite o conteúdo conforme desejado usando o designer de conteúdo visual.
Adicionar estrutura e conteúdo add-structure-and-content
-
Para começar a criar ou modificar conteúdo, arraste e solte um item de Estruturas na tela. Edite suas configurações no painel à direita.
note tip TIP Selecione o componente de coluna n:n 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. 
note note NOTE Cada tamanho de coluna não pode ser menor que 10% da largura total do componente de estrutura. Somente colunas vazias podem ser removidas. -
Na seção Conteúdo, arraste sobre os itens desejados e solte-os em um ou mais componentes da estrutura.
-
Cada componente pode ser personalizado por meio das guias Configurações ou Estilo. Altere a fonte, o estilo do texto, a margem e muito mais.
Adicionar fragmentos add-fragments
-
Para acessar os fragmentos, selecione o ícone Fragmentos (
-
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 guia Usado por da página de detalhes do fragmento. 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 o Assets add-assets
Adicione imagens armazenadas na seção Imagens e Arquivos da instância do Marketo Engage.
-
Para acessar suas imagens, clique no ícone Seletor de ativos.
-
Arraste e solte a imagem desejada em um componente de estrutura.
note note NOTE Para substituir uma imagem existente, selecione-a e clique em Selecionar um ativo na guia Configurações à direita.
Camadas, configurações e estilos layers-settings-styles
Abra a árvore de navegação para acessar estruturas específicas e suas colunas/componentes para uma edição mais granular. Para acessar o, clique no ícone da Árvore de navegação.
O exemplo abaixo 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.
-
-
Repita essas etapas conforme necessário para ajustar o alinhamento e o preenchimento das outras colunas no componente.
-
Salve as alterações.
Personalizar conteúdo personalize-content
Os tokens funcionam no novo editor da mesma forma que no antigo, mas o ícone é diferente. O exemplo abaixo descreve a adição de um token de nome com texto de fallback.
-
Selecione o componente de texto. Coloque o cursor onde deseja que o token apareça e clique no ícone Adicionar personalização.
-
Clique no tipo de token desejado.
-
Encontre o token desejado e clique no ícone … (se você clicar no ícone +, será adicionado um token sem texto de fallback).
note note NOTE "Texto de fallback" é o novo termo do editor para o valor padrão. Exemplo: {{lead.First Name:default=Friend}}. É recomendado caso não haja valor para a pessoa no campo escolhido. -
Defina o texto de fallback e clique em Adicionar.
-
Clique em Salvar.
Editar rastreamento de URL edit-url-tracking
Às vezes, você não quer ativar o URL de rastreamento do Marketo em um link em um email. Isso é útil quando a página de destino não suporta parâmetros de URL e pode resultar em um link quebrado.
-
Clique no ícone Links para exibir todos os URLs do email.
-
Clique no ícone de lápis para editar o rastreamento dos links desejados.
-
Clique no menu suspenso Tipo de rastreamento e faça sua seleção.
table 0-row-2 1-row-2 2-row-2 html-authored no-header Rastrear sem mkt_tok Ativa o rastreamento no URL sem usar o parâmetro de sequência de consulta mkt_tok no URL de destino Rastrear com mkt_tok Ativa o rastreamento no URL com o uso do parâmetro de sequência de consulta mkt_tok no URL de destino Não rastrear Desativa o rastreamento do URL -
Como opção, você pode dar um rótulo ao URL ou adicionar tags.
-
Clique em Salvar quando terminar.
Verificar alertas check-alerts
À medida que você cria seu conteúdo, os alertas são exibidos no canto superior direito da tela quando as configurações principais estão ausentes.
Há dois tipos de alertas:
Avisos
Os avisos se referem às recomendações e práticas recomendadas, como:
- O link para opção de não participação não está presente no corpo do email: embora os links para cancelamento de inscrição sejam um requisito, a prática recomendada é adicioná-los ao corpo do email.
-
A versão de texto do HTML está vazia: você deve definir uma versão de texto do corpo do email para quando o conteúdo do HTML não puder ser exibido.
-
Um link vazio está presente no corpo do email: verifique se todos os links no seu email estão corretos.
-
O tamanho do email excedeu o limite de 100 KB: para uma entrega ideal, verifique se o tamanho do seu email não excede 100 KB.
Erros
Os erros impedem que você envie ou teste o email até que sejam resolvidos:
-
Linha de assunto ausente: é necessária uma linha de assunto de email.
-
A versão do email da mensagem está vazia: esse erro ocorre quando o conteúdo do email não foi configurado.
Testar seu email test-your-email
Quando o conteúdo da mensagem é definido, você pode usar perfis de teste para pré-visualizá-la, enviar provas e controlar a forma como ela é renderizada em clientes populares de desktop, dispositivos móveis e baseados na Web. Se você inseriu conteúdo personalizado, é possível verificar como ele é exibido na mensagem usando os dados do perfil de teste.
Para visualizar seu conteúdo de email, clique em Simular conteúdo e adicione um perfil de teste para verificar sua mensagem usando os dados do perfil de teste.
Referenciar um email reference-an-email
Os emails do Designer de email podem ser acessados em Programas de email, Engajamento, Padrão e Evento (com a única exceção dos Programas de webinário interativos). Se você criou seu email no Design Studio, ele pode ser referenciado a partir de Campanhas inteligentes e/ou Smart Lists, como você faria com qualquer outro email.
-
Faça referência a ele em uma Smart List seguindo as etapas habituais.
-
Referencie-o em uma Campanha Inteligente por seguindo as etapas habituais.