Um excelente design de e-mail não se trata de ser sofisticado. Trata-se de escolher um layout que torne o próximo passo óbvio: clicar, responder, reservar, comprar, registar-se ou descarregar.
Neste guia, encontrará 10 receitas de layout de e-mail comprovadas que pode construir rapidamente utilizando um construtor de e-mail (texto, imagem, botão, divisor, espaçador, botões sociais, contagem decrescente, formulários e blocos mistos). Cada receita inclui: a estrutura do bloco, o melhor caso de uso e um exemplo que pode copiar.
Se estiver a construir no Mailpro, comece aqui: Construtor de E-mail. Se quiser avançar mais rápido, escolha um design pronto a usar: Mais de 500 Modelos de E-mail.
Como usar estas receitas
Cada receita é escrita como um plano de construção. Verá:
- Estrutura do Bloco (a ordem dos blocos a empilhar)
- Ideal para (em que tipo de e-mail este layout se destaca)
- Exemplo (título + texto curto + texto de CTA que pode adaptar)
- Dicas de conversão (pequenos ajustes que fazem uma grande diferença)
Se preferir um início mais rápido, abra um modelo e substitua o conteúdo: Modelos de E-mail Mailpro.
1) Hero + CTA Única (O "E-mail de Objetivo Único")
Ideal para: promoções, anúncios, ofertas por tempo limitado, um único produto/serviço, conteúdo do tipo "leia isto".
Estrutura do Bloco
- Espaçador
- Logótipo / cabeçalho da marca (Imagem)
- Título (Texto)
- Subtítulo (Texto)
- Imagem Hero (Imagem)
- CTA Principal (Botão)
- Parágrafo curto de apoio (Texto)
- Divisor
- Rodapé: endereço + cancelar subscrição + redes sociais (Texto + Botões Sociais)
Exemplo
Título: Novo: A forma mais rápida de criar a sua próxima newsletter
Subtítulo: Escolha um layout, insira o seu conteúdo e envie em minutos.
Botão: Experimente o Construtor de E-mail
Texto de apoio: Prefere começar a partir de um design pronto? Escolha um modelo e personalize-o rapidamente.
Dicas de conversão
- Apenas um botão principal. Se adicionar uma segunda CTA, coloque-a como um link de texto abaixo.
- Mantenha o foco no primeiro ecrã: o título + imagem + CTA devem aparecer rapidamente.
- Use texto de CTA específico ("Obter o guia", "Reservar o meu lugar") em vez de genérico ("Clique aqui").
Se o seu botão não for visualmente forte o suficiente, use uma ferramenta de CTA dedicada: Botões de Chamada para Ação.
2) A Pirâmide Invertida (Para cliques sem pressão)
Ideal para: marketing de conteúdo, promoções de blog, e-mails educativos, etapas de integração (onboarding).
Estrutura do Bloco
- Logótipo (Imagem)
- Título (Texto)
- Introdução curta (Texto)
- Imagem principal ou visual (Imagem)
- CTA Principal (Botão)
- Tópicos: o que vão aprender / receber (Texto)
- CTA secundária como link (Texto)
- Rodapé (Texto + Botões Sociais)
Exemplo
Título: 10 layouts de e-mail que fazem as pessoas clicar
Introdução: Se os seus e-mails parecem "bons" mas não convertem, o layout é muitas vezes a peça que falta.
Botão: Ver as 10 receitas
Tópicos: Receberá esquemas de layout para promoções, eventos, atualizações de produtos, inquéritos e muito mais.
Dicas de conversão
- Faça a introdução com no máximo 2–3 linhas. O objetivo é afunilar a atenção para a CTA.
- Adicione tópicos sobre "o que está lá dentro" abaixo do botão para reduzir a hesitação.
3) Grelha de Produtos (2–3 itens, limpa e fácil de ler)
Ideal para: e-commerce, "escolhas principais", novidades, pacotes, upgrades.
Estrutura do Bloco
- Cabeçalho (Imagem/logótipo)
- Título + introdução curta (Texto)
- Linha de item 1: Imagem + Texto + Botão (use blocos mistos)
- Linha de item 2: Imagem + Texto + Botão
- Linha 3 opcional (apenas se necessário)
- Divisor
- Snippet de confiança: envio / garantia / suporte (Texto)
- Rodapé (Texto + Botões Sociais)
Exemplo
Título: 3 favoritos dos clientes esta semana
Estrutura do item: Imagem do produto → benefício de 1 linha → preço ou detalhe chave → "Comprar agora"
Dicas de conversão
- Limite-se a 2–3 produtos se quiser cliques. Demasiadas escolhas reduzem a ação.
- Mantenha a descrição de cada produto em 1 linha de benefício, não num parágrafo.
- Se precisar de mais itens, coloque um link para "ver todos" no final.
4) História → Prova → CTA (O construtor de confiança)
Ideal para: ofertas de preço mais elevado, serviços, B2B, renovações, e-mails de "por que nos escolher".
Estrutura do Bloco
- Cabeçalho (Imagem/logótipo)
- Título (Texto)
- História curta / contexto (Texto)
- Bloco de prova (Texto): testemunho, estatística, mini caso de estudo
- CTA (Botão)
- Mini secção de FAQ (Texto)
- Rodapé (Texto + Botões Sociais)
Exemplo
Título: "Simplificámos os nossos e-mails... e os cliques aumentaram."
História: O layout antigo tinha três botões concorrentes e uma introdução longa. As pessoas não sabiam o que fazer.
Prova: Após mudar para uma CTA principal e secções mais claras, o e-mail tornou-se mais fácil de ler.
Botão: Ver o layout
Dicas de conversão
- A prova funciona melhor quando é específica (o que mudou, como ajudou).
- Mantenha a CTA logo após a prova: é aí que a motivação atinge o pico.
5) Layout de Evento / Webinar (Agenda + oradores + inscrição)
Ideal para: webinars, eventos, demonstrações ao vivo, workshops, sessões de formação.
Estrutura do Bloco
- Cabeçalho (Imagem/logótipo)
- Título do evento + data/hora (Texto)
- Imagem Hero (Imagem)
- CTA Principal (Botão)
- Agenda (Texto com tópicos curtos)
- Oradores (Blocos de Imagem-Texto)
- CTA de lembrete (Botão ou link de Texto)
- Rodapé (Texto + Botões Sociais)
Exemplo
Título: Formação ao vivo: Layouts de e-mail que aumentam os cliques
Data: Quinta-feira, 14:00 (seu horário)
Botão: Reservar o meu lugar
Tópicos da agenda: Checklist de 10 minutos • 3 trocas de layout • Perguntas e Respostas
Dicas de conversão
- Coloque o botão de inscrição acima da agenda. As pessoas decidem cedo.
- Repita a CTA após a secção dos oradores para quem lê por alto.
6) Layout de "Lançamento de Funcionalidade" (Notas de atualização que as pessoas realmente leem)
Gostou desses layouts? Os planos do Mailpro incluem um editor de blocos de arrastar e soltar — monte qualquer receita em minutos, sem código.
Ideal para: atualizações de produtos, anúncios de SaaS, newsletters de "o que há de novo".
Estrutura do Bloco
- Cabeçalho (Imagem/logótipo)
- Título (Texto)
- Introdução curta "por que isto importa" (Texto)
- Funcionalidade 1: Imagem + Texto + link (Bloco Imagem-Texto)
- Funcionalidade 2: Imagem + Texto + link
- Funcionalidade 3: Imagem + Texto + link
- CTA Principal (Botão)
- Rodapé (Texto + Botões Sociais)
Exemplo
Título: Novidades este mês: construção mais rápida, layouts mais limpos
Introdução: Três atualizações que tornam a sua próxima campanha mais fácil de criar e mais rápida de ler.
CTA: Explorar as atualizações
Dicas de conversão
- Para cada funcionalidade: use 1 linha de benefício + 1 linha de "como ajuda".
- Ligue cada título de funcionalidade a uma página relevante, mas mantenha um botão principal de "experimentar" no final.
7) Venda Flash + Contagem Decrescente (Urgência sem caos)
Ideal para: vendas flash, ofertas por tempo limitado, ofertas de recuperação de carrinho, promoções sazonais.
Estrutura do Bloco
- Cabeçalho (Imagem/logótipo)
- Título (Texto)
- Bloco de Temporizador de Contagem Decrescente
- Imagem Hero (Imagem)
- Detalhes da oferta (Texto)
- CTA (Botão)
- Letras pequenas (Texto)
- Rodapé (Texto + Botões Sociais)
Exemplo
Título: Oferta de 24 horas: Poupe 20% hoje
Detalhes da oferta: Use o código SAVE20 • Termina hoje à noite
Botão: Reclamar o meu desconto
Dicas de conversão
- Mantenha a urgência limpa: contagem decrescente + uma oferta + uma CTA.
- Coloque a contagem decrescente perto do topo para ser vista cedo.
Se quiser adicionar urgência da forma correta, use: Temporizador de Contagem Decrescente.
8) Layout de Marcação / Reserva (Simples, baseado em serviços)
Ideal para: salões, clínicas, consultores, serviços locais, confirmações + nova marcação.
Estrutura do Bloco
- Cabeçalho (Imagem/logótipo)
- Título (Texto)
- 3 benefícios rápidos (Tópicos de texto)
- CTA (Botão)
- Opcional: Imagem (equipa / localização / serviço)
- CTA secundária (Link de texto)
- Rodapé com informações de contacto (Texto)
Exemplo
Título: Pronto para a sua próxima marcação?
Tópicos: Reserva rápida • Horários flexíveis • Suporte amigável
Botão: Reservar um horário
Dicas de conversão
- Foque a CTA na ação ("Reservar") e não no negócio ("Saiba mais").
- Mantenha os benefícios curtos; está a reduzir a fricção, não a explicar tudo.
9) Layout de Lead Magnet (Download + caminho de acompanhamento)
Ideal para: guias, checklists, ebooks, modelos, toolkits, testes gratuitos.
Estrutura do Bloco
- Cabeçalho (Imagem/logótipo)
- Título (Texto)
- O que vai receber (Tópicos de texto)
- Imagem Hero (maquete da capa) (Imagem)
- CTA (Botão)
- "O que acontece a seguir" (Texto)
- Rodapé (Texto + Botões Sociais)
Exemplo
Título: Checklist gratuita: 25 verificações de QA de e-mail antes de enviar
Tópicos: Verificações de layout • Verificações de links • Verificações móveis • Noções básicas de entregabilidade
Botão: Descarregar a checklist
A seguir: Após o download, receberá 2 e-mails curtos com exemplos que pode copiar.
Dicas de conversão
- Faça o lead magnet parecer "pequeno e imediato" (checklists convertem bem).
- Explique "o que acontece a seguir" para reduzir a ansiedade e as queixas de spam.
10) Layout de Inquérito / Formulário (E-mail de feedback de baixa fricção)
Ideal para: inquéritos de feedback, perguntas de integração, feedback pós-compra, registos rápidos.
Estrutura do Bloco
- Cabeçalho (Imagem/logótipo)
- Título (Texto)
- Motivo em uma frase (Texto)
- Bloco de Formulário incorporado OU Botão para formulário (Formulário ou Botão)
- Linha de confiança (Texto): "Demora 30 segundos" / "Sem login"
- Opcional: incentivo (Texto)
- Rodapé (Texto)
Exemplo
Título: Pergunta rápida (30 segundos)
Motivo: A sua resposta ajuda-nos a melhorar a próxima atualização.
Botão: Responder às 3 perguntas
Linha de confiança: Sem login. Um minuto. É só isto.
Dicas de conversão
- Peça o mínimo (3–5 perguntas). Pode sempre fazer o acompanhamento mais tarde.
- Diga o tempo que demora. "30 segundos" é frequentemente o melhor gatilho de conversão.
Se quiser construir e partilhar um formulário rapidamente, comece aqui: Construtor de Formulários e Partilhar Formulários.
Como fazer os layouts converterem (sem redesenhar tudo)
1) Um e-mail = uma ação principal
Pode incluir links de apoio, mas escolha sempre uma ação principal. Quando tudo é importante, nada recebe cliques.
2) Coloque a CTA onde a decisão acontece
Para promoções/eventos: CTA cedo. Para ofertas que exigem confiança: CTA após a prova. Para e-mails longos: repita a CTA uma vez.
3) Desenhe para quem lê por alto
A maioria dos leitores lê por alto: título, imagem, frases em negrito, botão. Use parágrafos curtos, cabeçalhos claros e divisores/espaçadores.
4) Mantenha os blocos consistentes
O e-mail parece "mais fácil" quando os elementos repetidos têm o mesmo aspeto (mesmo estilo de botão, mesmo espaçamento, mesmo formato de bloco de produto).
5) Envie o layout certo para as pessoas certas
Um layout bonito não converterá se chegar ao público errado. Use a segmentação para evitar campanhas de "tamanho único": Segmentação de E-mail e Tags.
Como medir o que está a funcionar
"Converter" pode significar coisas diferentes: cliques, compras, reservas, respostas, downloads. Comece por acompanhar dois essenciais:
- Desempenho geral da campanha (linha de tendência ao longo do tempo, o que está a melhorar, o que está a cair)
- Comportamento de clique (quais as secções e botões que recebem atenção)
O Mailpro oferece ambos: Desempenho da Campanha e Análise de Cliques.
Regra prática: se os seus cliques forem baixos, simplifique o layout (Receita #1 ou #2). Se houver cliques mas as conversões forem baixas, melhore a correspondência com a página de destino e ajuste a oferta.
Como escolher a melhor receita em 30 segundos
- Uma oferta / um link? Use a Receita #1 (Hero + CTA Única).
- Blog ou educação? Use a Receita #2 (Pirâmide Invertida).
- Múltiplos produtos? Use a Receita #3 (Grelha de Produtos).
- Necessita de alta confiança? Use a Receita #4 (História → Prova → CTA).
- Evento? Use a Receita #5 (Layout de Evento).
- Atualizações de produto? Use a Receita #6 (Lançamento de Funcionalidade).
- Urgência? Use a Receita #7 (Contagem Decrescente).
- Reserva de serviço? Use a Receita #8 (Marcação).
- Download gratuito? Use a Receita #9 (Lead Magnet).
- Feedback ou inscrição? Use a Receita #10 (Inquérito/Formulário).
Crie estes layouts no Mailpro
Quer criar estes layouts rapidamente sem tocar em código? Use o Construtor de E-mail do Mailpro para arrastar e largar blocos (texto, imagens, botões, divisores, espaçadores, botões sociais, contagem decrescente, formulários e muito mais).
Ou comece com um design pronto a usar e troque o seu conteúdo: Explore os Modelos de E-mail do Mailpro.
O Mailpro e os layouts que convertem
Monte layouts que convertem com blocos de arrastar e soltar
Layouts comprovados só ajudam se você conseguir montá-los rápido. O editor de blocos de arrastar e soltar do Mailpro deixa você montar essas receitas em minutos — sem código, em qualquer plano.