Como Criar um Template de E-mail Reutilizável

Criar um e-mail do zero toda vez que precisa enviar uma campanha ou comunicação é perda de tempo e gera inconsistência visual. Templates reutilizáveis resolvem ambos os problemas: você monta uma vez, salva e reutiliza quantas vezes quiser, mantendo a identidade da marca em cada envio. Neste tutorial, você vai criar seu primeiro template profissional na Marketek.

Pré-requisitos

• Acesso à Marketek com permissão de marketing
• Logo da empresa em alta resolução (PNG com fundo transparente, mínimo 200px de largura)
• Paleta de cores da marca (códigos hexadecimais)
• Conteúdo de exemplo para preencher o template

Passo 1: Acesse o Editor de Templates

Navegue até Marketing > E-mail > Templates > Criar Novo. Você verá duas opções:

• Começar do zero: uma tela em branco para criar livremente
• Usar template existente: modelos prontos que você pode personalizar

Para este tutorial, selecione Começar do zero para entender todas as etapas.

Passo 2: Configure as Definições Gerais

Antes de começar a montar o e-mail, configure as propriedades gerais:

1. Nome do template: dê um nome descritivo para identificação interna (ex.: “Newsletter mensal”, “E-mail de boas-vindas”)
2. Cor de fundo: defina a cor que aparece atrás do conteúdo do e-mail (cinza claro #F5F5F5 é uma escolha segura)
3. Largura do conteúdo: mantenha em 600px (padrão que funciona na maiória dos clientes de e-mail)
4. Fonte padrão: selecione a fonte principal para todo o e-mail

Passo 3: Monte o Cabeçalho com Logo

O cabeçalho é a primeira coisa que o destinatário vê e deve transmitir profissionalismo imediatamente.

1. Arraste um bloco de Imagem para o topo da área de edição
2. Faça upload do logo da empresa
3. Defina a largura da imagem (150-250px é ideal para logos)
4. Centralize a imagem
5. Adicione um link na imagem apontando para seu site principal
6. Opcionalmente, adicione uma cor de fundo ao bloco do cabeçalho para destacá-lo

💡 Dica: se o logo tem fundo transparente, escolha uma cor de fundo para o cabeçalho que garanta boa visibilidade.

Passo 4: Crie as Seções de Conteúdo

Monte as seções principais do e-mail. Uma estrutura eficaz inclui:

Seção 1 — Destaque principal:
1. Arraste um bloco de Texto com o título principal (H1, 24-28px, negrito)
2. Abaixo, adicione um parágrafo de introdução (16px)
3. Se apropriado, inclua uma imagem de destaque

Seção 2 — Corpo do conteúdo:
1. Use blocos de texto para o conteúdo principal
2. Organize em colunas se tiver múltiplos itens (ex.: 2 colunas para dois produtos)
3. Use divisores entre seções para clareza visual

Seção 3 — Chamada para ação:
1. Arraste um bloco de Botão
2. Configure o texto do botão (ex.: “Ver oferta completa”, “Agendar agora”)
3. Insira o URL de destino
4. Estilize com a cor principal da marca e texto branco
5. Centralize o botão e garanta tamanho adequado (mínimo 44px de altura)

Passo 5: Adicione Campos Dinâmicos

Personalize o template com dados do destinatário:

1. No bloco de texto, posicione o cursor onde deseja inserir o campo dinâmico
2. Clique no ícone de Merge Fields na barra de ferramentas do texto
3. Selecione o campo desejado (ex.: {{contact.first_name}})
4. O campo aparece como tag destacada no editor

Exemplo de uso comum no corpo:

Olá {{contact.first_name}},

Temos novidades especiais para você nesta semana!

Passo 6: Estilize de Forma Consistente

Revise todo o template para garantir consistência visual:

• Títulos: mesma fonte, cor e tamanho em todas as seções
• Corpo de texto: mesma fonte e tamanho em todo o conteúdo
• Links: mesma cor em todos os links
• Botões: mesmo estilo (cor, bordas, tamanho) em todos os CTAs
• Espaçamento: padding uniforme entre seções (20-30px)

Passo 7: Configure o Rodapé

Todo e-mail profissional precisa de um rodapé com:

1. Arraste o bloco de Rodapé para o final do e-mail (ou monte manualmente com blocos de texto)
2. Inclua:
   – Nome da empresa e endereço físico (obrigatório por lei em muitos países)
   – Link de descadastramento (inserido automaticamente pelo bloco de rodapé da Marketek)
   – Links para redes sociais (use o bloco Social)
   – Informações de contato

Passo 8: Teste e Salve

1. Clique em Preview para visualizar em desktop e mobile
2. Clique em Enviar Teste para receber uma cópia no seu e-mail
3. Verifique renderização, links, merge fields e imagens
4. Quando estiver satisfeito, clique em Salvar Template
5. Organize o template em uma pasta (ex.: “Newsletters”, “Transacionais”, “Promoções”)

Passo 9: Use em Campanhas e Workflows

Seu template agora está disponível para uso em:

Campanhas de e-mail:
1. Acesse Marketing > E-mail > Campanhas > Nova Campanha
2. Na etapa de conteúdo, selecione Usar Template Existente
3. Escolha o template criado
4. Faça ajustes específicos para a campanha (texto, imagens, links)

Workflows automatizados:
1. Em Automações > Workflows, adicione a ação Enviar E-mail
2. Selecione o template como base
3. Os campos dinâmicos serão preenchidos com os dados do contato que entrar no workflow

Dicas para Templates Eficientes

• Crie templates modulares: em vez de um template para cada situação, crie um template base que pode ser adaptado rapidamente
• Mantenha uma biblioteca organizada: use pastas claras e nomes descritivos
• Atualize periodicamente: revise templates trimestralmente para atualizar informações, preços e links
• Crie variações para teste A/B: tenha versões diferentes de templates para testar qual converte melhor

Artigos Relacionados:
– E-mails Profissionais: Guia do Editor Drag-and-Drop
– E-mail Quebrando no Mobile? 5 Correções Rápidas