Criação de modelo de email email-template-authoring
Para um processo de design acelerado e aprimorado, é possível criar modelos de email independentes para reutilizar facilmente o conteúdo personalizado.
Criar um modelo de email create-an-email-template
-
Faça logon no Marketo Engage por meio da Adobe Experience Cloud.
-
Em Meu Marketo, selecione Design Studio.
-
Na árvore, selecione Modelos de email (Novo editor).
-
Clique no botão Criar modelo.
-
Insira um nome de template e uma descrição opcional. Clique em Criar.
Criar seu modelo design-your-template
Na página Criar seu modelo, você pode escolher entre algumas opções. Criar do zero, importar seu próprio HTML ou selecionar um modelo existente (uma de nossas amostras ou uma que você já salvou).
Criar do zero design-from-scratch
Defina o conteúdo adicionando e movendo elementos estruturais com ações simples de arrastar e soltar.
-
Na página Criar seu modelo, selecione Criar do zero.
-
Adicionar estrutura e conteúdo.
Importar seu HTML import-your-html
Você pode importar conteúdo existente do HTML para criar seus modelos de 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.
note note NOTE Quando o conteúdo do HTML for carregado, o conteúdo estará no modo Compatibilidade. Nesse modo, você só pode personalizar seu texto, adicionar links ou adicionar ativos ao seu conteúdo. -
Para aproveitar os componentes de conteúdo do Email Designer, clique na guia Conversor de HTML e em Converter.
note caution CAUTION 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.
Agora você pode personalizar o arquivo importado, conforme necessário, com o 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 ativos 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.
Exibir opções view-options
Aproveite as opções de exibição e validação de conteúdo disponíveis no editor visual de email.
-
Aumente/diminua o zoom do conteúdo usando as opções de zoom predefinidas.
-
Visualizar o conteúdo na área de trabalho, dispositivo móvel ou somente texto/texto simples.
-
Clique no ícone de exibição em tempo real (olho) para pré-visualização de conteúdo em todos os dispositivos.
-
Selecione um dos dispositivos prontos para uso ou insira dimensões personalizadas para visualizar seu conteúdo.
-
Mais opções more-options
Nas opções Mais do editor de conteúdo, você pode realizar as seguintes ações:
-
Redefinir modelo: selecione essa opção para limpar a tela do designer de email visual em branco e reiniciar a criação de conteúdo.
-
Alterar seu design: volte para a página Criar seu modelo. Aqui, você pode executar qualquer ação descrita na seção Criar seu modelo.
-
Exportar HTML: baixe o conteúdo na tela visual para o sistema local no formato HTML empacotado como um arquivo zip.
Exibir detalhes do modelo view-template-details
Na página de listagem Modelos de email, clique no nome de um modelo de email para exibir seus detalhes.
Detalhes básicos como nome e descrição podem ser editados. Clique fora do campo que você editou para salvar suas alterações.
Clique em Mais para excluir ou duplicar rapidamente seu modelo.
Se houver alertas ativos (erros/avisos para o modelo de email), clique em Alertas para exibir as informações.
Exibir modelo de email usado por referências email-template-used-by-references
No resumo do modelo de email, clique na guia Usado por para exibir detalhes sobre onde esse modelo de email foi usado no Marketo Engage.
Editar modelos de email edit-email-templates
Esta ação pode ser tomada a partir de:
- Na guia de detalhes - Clique em Editar modelo de email.
Esta ação direciona você à página Criar modelo ou à página do editor de conteúdo visual com base no último status salvo do modelo de email. Aqui, você pode editar o conteúdo do seu modelo de email conforme necessário. Consulte Criar modelos de email para obter informações sobre as opções de edição.
Modelos de email duplicados duplicate-email-templates
Há duas maneiras de duplicar um template de email:
-
Nos detalhes do modelo de email à direita, clique em Mais e selecione Duplicar.
-
Na página de listagem Modelos de email, clique no ícone Mais ações (três pontos) do modelo de email desejado e escolha Duplicar.
Na caixa de diálogo, digite um nome exclusivo e uma descrição opcional. Clique em Duplicar quando terminar.
O modelo de email duplicado aparece na página de listagem Modelos de email.
Excluir modelos de email delete-email-templates
Há duas maneiras de excluir um template de email.
-
Nos detalhes do modelo de email à direita, clique em Mais e selecione Excluir.
-
Na página de listagem Modelos de email, clique no ícone Mais ações (três pontos) do modelo de email desejado e escolha Excluir.
Ações em massa bulk-actions
Na página de listagem Modelos de email, selecione vários modelos marcando as caixas de seleção à esquerda. Um banner é exibido na parte inferior.
Excluir: é possível excluir no máximo 20 modelos de cada vez. Uma caixa de diálogo de confirmação permite suspender a ação ou confirmar a exclusão.