Quem assa um bolo escolhe duas coisas antes de ligar o forno: a receita e a forma. A receita decide o sabor; a forma decide como a massa se distribui. Nos exemplos de e-mail marketing acontece o mesmo. O tipo de e-mail é a receita (para quê você escreve) e o layout é a forma (como a mensagem se organiza na tela).
Este artigo reúne exemplos de e-mail marketing nas duas camadas. De um lado, os nove tipos descritos pela mLabs, de boas-vindas a usuários inativos. Do outro, os oito layouts apresentados pela LINK Mobility, de texto puro a feed dinâmico. Todos foram refeitos com a identidade do Club Martech e têm prévia, HTML pronto para copiar e um prompt para gerar a sua versão com um assistente de IA.
Antes de montar qualquer coisa, vale ler a próxima seção: ela evita o erro mais comum, que é escolher o layout bonito primeiro e descobrir depois que a mensagem não cabe nele.
Tipo e layout são duas escolhas, nessa ordem
O tipo responde para quê você escreve: acolher, anunciar, vender, confirmar, reativar. O layout responde como a mensagem se organiza: uma coluna, duas colunas, zigue-zague. A mesma boas-vindas pode sair em texto puro ou em grade, e o mesmo layout de duas colunas serve a uma newsletter e a um lançamento.
Quem inverte a ordem encaixa a mensagem na forma que já tinha. O resultado aparece rápido: uma promoção em texto puro passa despercebida, e uma confirmação de compra com banner gigante atrasa quem só queria ver o número do pedido. Primeiro o objetivo, depois o tipo, depois o layout.

Uma pergunta resolve a maior parte das dúvidas dessa etapa: “qual é o objetivo deste e-mail, em uma frase?” Se a resposta precisa de duas frases, provavelmente são dois e-mails.
Nove tipos de exemplos de e-mail marketing, um para cada objetivo
Cada tipo traz o objetivo, quando usar, a estrutura na ordem em que os blocos entram, um assunto de exemplo e uma dica. A prévia mostra como o modelo fica com a marca, nos modos claro e escuro, e os botões entregam o HTML e o prompt.
E-mail de boas-vindas
Objetivo. Acolher quem acabou de entrar e mostrar o que fazer primeiro.
Quando usar
Logo depois do cadastro, da compra ou da ativação. É o primeiro contato depois do sim: use a atenção para criar o hábito de abrir os próximos.
Estrutura
- Saudação com o nome e uma frase de acolhimento
- O que a pessoa encontra e onde (quatro portas do site)
- Um próximo passo, com botão
- Assinatura de quem manda
Modelo de exemplo. Assunto: Boas-vindas ao Club Martech.
Dica. Mostre o caminho, não o catálogo. Quatro opções já é o limite.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail de boas-vindas".
Objetivo: Acolher quem acabou de entrar e mostrar o que fazer primeiro.
Exemplo de uso: Assunto: Boas-vindas ao Club Martech
ESTRUTURA (nesta ordem)
1. Saudação com o nome e uma frase de acolhimento
2. O que a pessoa encontra e onde (quatro portas do site)
3. Um próximo passo, com botão
4. Assinatura de quem manda
DIREÇÃO VISUAL
Cabeçalho claro com logo. Grade 2 × 2 de cartões, cada um com objeto 3D, título, resumo e link. Faixa de comunidade e uma menção leve à formação. Assinatura com foto.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.E-mail de lançamento
Objetivo. Anunciar algo novo e aproveitar a expectativa que já existe.
Quando usar
Ferramenta, material, turma ou funcionalidade nova, depois de um aviso prévio à base.
Estrutura
- Rótulo "novo" e título que diz o que muda
- O que faz, por que importa e o que muda para você
- Data, horário ou como acessar
- Um botão
Modelo de exemplo. Assunto: Novo no site: gerador de UTMs em massa.
Dica. Se o lançamento é um evento online, coloque data e horário no primeiro bloco.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail de lançamento".
Objetivo: Anunciar algo novo e aproveitar a expectativa que já existe.
Exemplo de uso: Assunto: Novo no site: gerador de UTMs em massa
ESTRUTURA (nesta ordem)
1. Rótulo "novo" e título que diz o que muda
2. O que faz, por que importa e o que muda para você
3. Data, horário ou como acessar
4. Um botão
DIREÇÃO VISUAL
Cabeçalho claro, imagem do produto em destaque, três benefícios em linha e botão único.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.E-mail promocional
Objetivo. Vender com uma oferta clara, condição real e prazo verdadeiro.
Quando usar
Campanha com desconto, bônus ou condição especial que realmente existe.
Estrutura
- Condição da oferta em destaque
- Cupom ou código, com validade real
- O que está incluído
- Um botão
Modelo de exemplo. Assunto: [NOME_DA_CAMPANHA]: [CONDICAO] na formação.
Dica. Urgência só com prazo verdadeiro. Sem prazo real, tire a contagem.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail promocional".
Objetivo: Vender com uma oferta clara, condição real e prazo verdadeiro.
Exemplo de uso: Assunto: [NOME_DA_CAMPANHA]: [CONDICAO] na formação
ESTRUTURA (nesta ordem)
1. Condição da oferta em destaque
2. Cupom ou código, com validade real
3. O que está incluído
4. Um botão
DIREÇÃO VISUAL
Faixa de degradê violeta com a condição, caixa de cupom tracejada, lista do que está incluído e botão centralizado.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.E-mail transacional
Objetivo. Dar segurança depois de uma compra ou ação.
Quando usar
Confirmação de pedido, cobrança, acesso ou recibo: o e-mail que a pessoa espera receber.
Estrutura
- Confirmação no título
- Dados principais em linhas fáceis de achar (número, valor, data)
- Próximos passos
- Contato, sem link de cancelamento
Modelo de exemplo. Assunto: Pedido [NUMERO_DO_PEDIDO] confirmado.
Dica. É execução de contrato: não ponha oferta no meio nem trate como marketing. O rodapé não leva cancelamento.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail transacional".
Objetivo: Dar segurança depois de uma compra ou ação.
Exemplo de uso: Assunto: Pedido [NUMERO_DO_PEDIDO] confirmado
ESTRUTURA (nesta ordem)
1. Confirmação no título
2. Dados principais em linhas fáceis de achar (número, valor, data)
3. Próximos passos
4. Contato, sem link de cancelamento
DIREÇÃO VISUAL
Cabeçalho claro, cartão de dados do pedido com total em destaque, passos seguintes em lista numerada e botão para a área do cliente.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
- É um e-mail transacional: o rodapé tem identificação e contato, sem link de cancelamento. Inclua o JSON-LD do tipo Order para o Gmail, com valores iguais aos do corpo.
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.E-mail de conversão
Objetivo. Levar a pessoa a uma única ação, como baixar um material ou agendar uma conversa.
Quando usar
Material rico, demonstração ou inscrição, com um destino só.
Estrutura
- Problema em uma frase
- O que custa continuar assim
- Solução em uma frase
- Um botão, repetido uma vez no fim
Modelo de exemplo. Assunto: O sistema que você opera, mas ninguém te mostrou.
Dica. Menos é mais: um destino e poucos links, todos apontando para o mesmo lugar.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail de conversão".
Objetivo: Levar a pessoa a uma única ação, como baixar um material ou agendar uma conversa.
Exemplo de uso: Assunto: O sistema que você opera, mas ninguém te mostrou
ESTRUTURA (nesta ordem)
1. Problema em uma frase
2. O que custa continuar assim
3. Solução em uma frase
4. Um botão, repetido uma vez no fim
DIREÇÃO VISUAL
Texto curto em coluna única, título forte, uma frase de destaque em violeta-escuro e o botão duas vezes.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.E-mail informativo (newsletter)
Objetivo. Manter a relação com conteúdo útil, sem vender em toda edição.
Quando usar
Rotina semanal ou mensal de novidades, mercado e leituras.
Estrutura
- Destaque com imagem
- Três itens curtos com tema, título e link
- Assinatura
Modelo de exemplo. Assunto: UX que converte, MCP e o site operado por agentes.
Dica. Ordene pelo que mais importa para o leitor, não pelo que você publicou primeiro.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail informativo (newsletter)".
Objetivo: Manter a relação com conteúdo útil, sem vender em toda edição.
Exemplo de uso: Assunto: UX que converte, MCP e o site operado por agentes
ESTRUTURA (nesta ordem)
1. Destaque com imagem
2. Três itens curtos com tema, título e link
3. Assinatura
DIREÇÃO VISUAL
Cabeçalho claro, destaque com imagem e texto, três itens com ícone na cor do tema (pílula de tema), assinatura com foto.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.E-mail de datas especiais
Objetivo. Fortalecer a relação em uma data comemorativa.
Quando usar
Aniversário do cliente, dia da profissão, aniversário da comunidade.
Estrutura
- Felicitação com o nome
- Imagem afetiva
- Presente real (opcional)
- Botão
Modelo de exemplo. Assunto: [FELICITACAO], [PRIMEIRO_NOME].
Dica. Sem presente real, deixe só a felicitação. Presente inventado queima a confiança.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail de datas especiais".
Objetivo: Fortalecer a relação em uma data comemorativa.
Exemplo de uso: Assunto: [FELICITACAO], [PRIMEIRO_NOME]
ESTRUTURA (nesta ordem)
1. Felicitação com o nome
2. Imagem afetiva
3. Presente real (opcional)
4. Botão
DIREÇÃO VISUAL
Objeto 3D em cartão branco, rótulo da data, título curto, cartão opcional com o presente e botão.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.E-mail de vitrine (e-commerce)
Objetivo. Apresentar vários itens de forma organizada, sem misturar tudo.
Quando usar
Loja, catálogo de ferramentas ou biblioteca de conteúdo.
Estrutura
- Introdução curta
- Grupos por tema, cada um com pílula de tema
- Dois cartões por grupo com imagem, título, resumo e link
Modelo de exemplo. Assunto: Ferramentas e leituras por tema.
Dica. Agrupe por tema. Promoções temáticas funcionam melhor que uma grade de itens sem relação.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail de vitrine (e-commerce)".
Objetivo: Apresentar vários itens de forma organizada, sem misturar tudo.
Exemplo de uso: Assunto: Ferramentas e leituras por tema
ESTRUTURA (nesta ordem)
1. Introdução curta
2. Grupos por tema, cada um com pílula de tema
3. Dois cartões por grupo com imagem, título, resumo e link
DIREÇÃO VISUAL
Pílulas de tema com a cor do módulo, cartões 2 × 1 com objeto 3D, título e link. Se houver preço, use a variável [PRECO_REAL].
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.E-mail para usuários inativos
Objetivo. Reconquistar quem parou de abrir os e-mails.
Quando usar
Depois de um período sem abertura ou clique.
Estrutura
- Reconhecer o silêncio sem culpar a pessoa
- Pergunta de permissão
- Três saídas claras: continuar, mudar a frequência ou sair
Modelo de exemplo. Assunto: Ainda faz sentido a gente aparecer aqui?.
Dica. Dar a saída também limpa a base e protege a entrega.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail para usuários inativos".
Objetivo: Reconquistar quem parou de abrir os e-mails.
Exemplo de uso: Assunto: Ainda faz sentido a gente aparecer aqui?
ESTRUTURA (nesta ordem)
1. Reconhecer o silêncio sem culpar a pessoa
2. Pergunta de permissão
3. Três saídas claras: continuar, mudar a frequência ou sair
DIREÇÃO VISUAL
Carta curta, sem imagem, com três botões de resposta e a assinatura.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.Três cuidados valem para quase todos os tipos. Os de boas-vindas e de lançamento costumam sair de uma automação de marketing: o disparo nasce de uma ação da pessoa, não de uma data no calendário. Todo e-mail de marketing depende de uma base captada com consentimento, e o texto sobre opt-in e captação de contatos mostra como fazer isso sem atalho. E o e-mail para inativos funciona melhor quando você escolhe quem reativar pela recência, como no texto sobre reativação por recência, em vez de mandar o mesmo desconto para a lista inteira.
Oito layouts para organizar a mensagem
Os layouts não dizem o que escrever, e sim onde cada coisa vai. Todos empilham em uma coluna no celular e usam as mesmas peças: cartões com contorno, botão arredondado e objetos 3D.
Layout texto puro
Objetivo. Parecer uma mensagem escrita por uma pessoa.
Quando usar
Confirmações, redefinição de senha, boas-vindas e contato pessoal.
Estrutura
- Saudação com o nome
- Parágrafos curtos, com espaço entre as ideias
- Uma frase em negrito para o ponto principal
- Assinatura com foto
Modelo de exemplo. Assunto: Uma pergunta rápida, [PRIMEIRO_NOME].
Dica. Frases curtas e uma ideia por parágrafo. Negrito só no que importa.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "Layout texto puro".
Objetivo: Parecer uma mensagem escrita por uma pessoa.
Exemplo de uso: Assunto: Uma pergunta rápida, [PRIMEIRO_NOME]
ESTRUTURA (nesta ordem)
1. Saudação com o nome
2. Parágrafos curtos, com espaço entre as ideias
3. Uma frase em negrito para o ponto principal
4. Assinatura com foto
DIREÇÃO VISUAL
Sem imagens de conteúdo. Só o cabeçalho com o ícone do Marc, texto em coluna única e a assinatura com foto. Rodapé em estilo carta.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
- Rodapé em estilo carta (linha fina acima, texto pequeno).
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.Layout uma coluna
Objetivo. Dizer uma coisa só e levar a uma ação.
Quando usar
Boas-vindas, promoção e reengajamento.
Estrutura
- Imagem
- Rótulo e título
- Texto curto
- Botão
Modelo de exemplo. Assunto: Seus links de campanha, no padrão.
Dica. Sem barra lateral e sem imagem competindo com o botão. Confira no celular.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "Layout uma coluna".
Objetivo: Dizer uma coisa só e levar a uma ação.
Exemplo de uso: Assunto: Seus links de campanha, no padrão
ESTRUTURA (nesta ordem)
1. Imagem
2. Rótulo e título
3. Texto curto
4. Botão
DIREÇÃO VISUAL
Objeto 3D em cartão branco centralizado, rótulo, título de 34 px, frase de apoio e um botão centralizado.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.Layout duas colunas
Objetivo. Mostrar dois assuntos lado a lado.
Quando usar
Newsletter e atualizações com vários temas.
Estrutura
- Introdução em uma coluna
- Dois cartões lado a lado (empilham no celular)
- Cada cartão com imagem, tema, título, resumo e link
Modelo de exemplo. Assunto: Dois assuntos, um e-mail.
Dica. Posicione os links onde o olhar chega e ofereça mais de um próximo passo sem sobrecarregar.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "Layout duas colunas".
Objetivo: Mostrar dois assuntos lado a lado.
Exemplo de uso: Assunto: Dois assuntos, um e-mail
ESTRUTURA (nesta ordem)
1. Introdução em uma coluna
2. Dois cartões lado a lado (empilham no celular)
3. Cada cartão com imagem, tema, título, resumo e link
DIREÇÃO VISUAL
Cartões com raio de 16 px e fio de 1 px, objeto 3D, pílula de tema e link com seta. Na tela pequena, os cartões empilham.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.Layout híbrido
Objetivo. Abrir forte e detalhar em blocos.
Quando usar
Evento e anúncio de produto.
Estrutura
- Cabeçalho largo, em coluna única, com o assunto principal
- Bloco de data e horário
- Dois blocos em duas colunas com texto curto
- Botão
Modelo de exemplo. Assunto: Aula ao vivo: [TEMA_DA_AULA].
Dica. Visualize em computador e celular antes de enviar.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "Layout híbrido".
Objetivo: Abrir forte e detalhar em blocos.
Exemplo de uso: Assunto: Aula ao vivo: [TEMA_DA_AULA]
ESTRUTURA (nesta ordem)
1. Cabeçalho largo, em coluna única, com o assunto principal
2. Bloco de data e horário
3. Dois blocos em duas colunas com texto curto
4. Botão
DIREÇÃO VISUAL
Faixa preta com pílula, título branco e bloco de data. Abaixo, dois cartões lado a lado e botão centralizado.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.Layout pirâmide invertida
Objetivo. Entregar a informação mais forte primeiro e estreitar até a ação.
Quando usar
Oferta de um item ou destaque de um produto.
Estrutura
- Título grande ou imagem forte, de ponta a ponta
- Uma frase que constrói interesse, em coluna mais estreita
- Prazo
- Botão, na coluna mais estreita
Modelo de exemplo. Assunto: [NOME_DA_CAMPANHA]: [CONDICAO].
Dica. Um objetivo. Cada elemento reforça o botão.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "Layout pirâmide invertida".
Objetivo: Entregar a informação mais forte primeiro e estreitar até a ação.
Exemplo de uso: Assunto: [NOME_DA_CAMPANHA]: [CONDICAO]
ESTRUTURA (nesta ordem)
1. Título grande ou imagem forte, de ponta a ponta
2. Uma frase que constrói interesse, em coluna mais estreita
3. Prazo
4. Botão, na coluna mais estreita
DIREÇÃO VISUAL
Faixa de degradê violeta com título de 40 px, frase central com margens maiores e botão com margens ainda maiores.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.Layout zigue-zague
Objetivo. Alternar imagem e texto para guiar o olhar em Z.
Quando usar
Resumos semanais, dicas e lançamentos com vários itens.
Estrutura
- Título geral
- Linha 1: imagem à esquerda, texto à direita
- Linha 2: texto à esquerda, imagem à direita
- Linha 3: como a primeira
Modelo de exemplo. Assunto: Três coisas novas no site.
Dica. Coloque o mais importante no topo e use espaço em branco entre as linhas.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "Layout zigue-zague".
Objetivo: Alternar imagem e texto para guiar o olhar em Z.
Exemplo de uso: Assunto: Três coisas novas no site
ESTRUTURA (nesta ordem)
1. Título geral
2. Linha 1: imagem à esquerda, texto à direita
3. Linha 2: texto à esquerda, imagem à direita
4. Linha 3: como a primeira
DIREÇÃO VISUAL
Objetos 3D em cartões brancos de 140 px alternando de lado, com rótulo, título, texto curto e link.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.Layout padrão em F
Objetivo. Facilitar a leitura em diagonal de um e-mail com muito conteúdo.
Quando usar
Newsletters longas, resumo de blog e anúncios com várias seções.
Estrutura
- Título e resumo no topo, com botão
- Itens alinhados à esquerda, cada um com ícone, tema, título, resumo e link
- Subtítulos curtos que dizem o que vem depois
- Assinatura
Modelo de exemplo. Assunto: O que saiu no Club Martech neste mês.
Dica. A informação-chave vai no topo. Subtítulos e blocos curtos ajudam quem lê rápido.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "Layout padrão em F".
Objetivo: Facilitar a leitura em diagonal de um e-mail com muito conteúdo.
Exemplo de uso: Assunto: O que saiu no Club Martech neste mês
ESTRUTURA (nesta ordem)
1. Título e resumo no topo, com botão
2. Itens alinhados à esquerda, cada um com ícone, tema, título, resumo e link
3. Subtítulos curtos que dizem o que vem depois
4. Assinatura
DIREÇÃO VISUAL
Ícones de texto em quadrado arredondado com a cor do tema, pílula de tema, rótulo do tipo e link com seta. Tudo alinhado à esquerda.
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.Layout feed dinâmico
Objetivo. Mostrar itens atualizados automaticamente a partir de um feed.
Quando usar
Recomendações, carrinho abandonado, novidades e promoções sazonais.
Estrutura
- Cabeçalho simples e mensagem curta
- Grade 2 × 2 preenchida por variáveis do feed
- Cada item com imagem, título, resumo e link
Modelo de exemplo. Assunto: [PRIMEIRO_NOME], quatro leituras para a sua semana.
Dica. Conecte o modelo ao catálogo ou ao RSS e personalize por comportamento. Mantenha o feed atualizado.
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.
TAREFA
Crie o HTML completo de um e-mail do tipo "Layout feed dinâmico".
Objetivo: Mostrar itens atualizados automaticamente a partir de um feed.
Exemplo de uso: Assunto: [PRIMEIRO_NOME], quatro leituras para a sua semana
ESTRUTURA (nesta ordem)
1. Cabeçalho simples e mensagem curta
2. Grade 2 × 2 preenchida por variáveis do feed
3. Cada item com imagem, título, resumo e link
DIREÇÃO VISUAL
Quatro cartões iguais com objeto 3D, título, resumo e link. Os textos são merge tags do feed, como [ITEM_1_TITULO], [ITEM_1_RESUMO] e [ITEM_1_LINK].
COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".
IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.
TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.O que os layouts não resolvem: um layout de duas colunas não dá foco a uma mensagem confusa, e os mais ricos (zigue-zague, híbrido e feed) pesam mais e quebram com mais facilidade no Outlook. Na dúvida entre dois, fique com o mais simples e deixe o teste de envio decidir.
O que vale para todos os modelos
As duas referências repetem a mesma ideia: consistência. Mantenha cores, tipografia e estrutura entre as campanhas, use um botão em contraste com o fundo e deixe o espaço em branco guiar o olhar. Na construção, os modelos seguem estas regras:
- Largura de 600 px, com tabelas e CSS inline, para sobreviver a Gmail, Outlook e Apple Mail.
- Botão com VML para o Outlook de computador, com pelo menos 44 px de altura e no máximo dois botões por e-mail.
- Preheader oculto de até 90 caracteres, que completa o assunto.
- Modo escuro por prefers-color-scheme e pelos atributos do Outlook.com. O logo troca sozinho, e a prévia de cada modelo mostra os dois modos.
- Rodapé conforme o tipo. O de marketing leva o motivo do recebimento, a identificação e o cancelamento; o transacional leva identificação e contato, sem cancelamento.
- UTM nos links do site, com origem, mídia, campanha e conteúdo, e nenhum dado pessoal na URL.
- HTML abaixo de 100 KB. O limite mais citado para o Gmail cortar a mensagem é de cerca de 102 KB, mas ele varia com o cliente e o conteúdo; confirme no seu teste de envio.
- Teste em Gmail, Outlook (computador e web), Apple Mail e celular antes do envio.
Nada disso adianta se a mensagem não chega. E-mail que sai de um domínio sem SPF e DKIM configurados tende a cair no spam, por melhor que seja o HTML. O texto sobre cadência comercial e entregabilidade explica como cuidar da lista e da reputação do remetente.
Como usar o HTML e o prompt
Cada modelo tem dois caminhos de uso. A imagem abaixo ajuda a escolher o que combina com o seu momento.

- Copiar HTML. Clique no botão, abra o editor de HTML da sua plataforma de envio e cole. Troque as variáveis entre colchetes, como [PRIMEIRO_NOME], pelas da plataforma, com valor padrão. As imagens dos modelos já estão hospedadas no Club Martech; para usar as suas, troque os endereços do atributo src.
- Copiar prompt. Cole o prompt em um assistente de IA, como ChatGPT, Claude ou Gemini. Ele devolve o HTML e a lista de variáveis a preencher. Use quando quiser a mesma estrutura com outra copy, outro produto ou outra marca: troque o objetivo e o exemplo e ajuste a identidade visual no bloco de identidade.
Texto e imagem gerados por IA passam por revisão humana antes do envio. E-mail de marketing só sai para quem aceitou receber: sem base legal e consentimento, não há disparo. Confira cada colchete antes de enviar, porque nenhum pode sobrar.
Qual modelo escolher primeiro
Comece pelo objetivo da próxima campanha e use a tabela como ponto de partida. Os layouts sugeridos são o caminho mais simples, não o único.
| Objetivo | Tipo | Layout para começar |
|---|---|---|
| Acolher quem entrou | Boas-vindas | Uma coluna ou texto puro |
| Anunciar uma novidade | Lançamento | Híbrido |
| Vender com uma oferta | Promocional | Pirâmide invertida |
| Confirmar uma ação | Transacional | Texto puro ou uma coluna |
| Levar a uma ação | Conversão | Uma coluna |
| Manter a relação | Informativo | Duas colunas ou padrão em F |
| Comemorar uma data | Datas especiais | Uma coluna |
| Mostrar vários itens | Vitrine | Feed dinâmico ou zigue-zague |
| Reativar quem sumiu | Usuários inativos | Texto puro |
Próximos passos para montar o seu primeiro e-mail
Pegue a próxima campanha que já está na sua agenda e escreva o objetivo dela em uma frase. Com a frase pronta, ache o tipo na tabela, abra o layout sugerido, copie o HTML e troque só o texto, as imagens e os links. Antes de enviar, rode o teste nos quatro clientes e confira se nenhum colchete sobrou.
Quando esse básico estiver de pé, o segundo artigo desta série mostra dez estruturas mais elaboradas: Modelos de e-mail elaborados: 10 estruturas visuais para copiar. E, se você ainda hesita sobre qual ferramenta vai enviar tudo isso, o texto sobre como escolher ferramentas inteligentes para e-mail compara os critérios.


