Nesta página
- Por Que os Templates de Email São Importantes
- Tipos de Templates de Email de que Precisa
- Templates de Email de Boas-Vindas (5 Templates)
- Templates de Email Promocional (10 Templates)
- Templates de Email de Abandono de Carrinho (3 Templates)
- Templates de Email Pós-Compra (4 Templates)
- Templates de Email de Reativação (2 Templates)
- Onde Encontrar Templates Gratuitos
- Personalizar Templates para a Sua Marca
- Boas Práticas de Templates de Newsletter
- Começar
- Onde o Tajo se encaixa
Os templates de email são a espinha dorsal do email marketing eficiente. Quer esteja a enviar newsletters, campanhas promocionais ou emails transacionais, ter templates bem concebidos poupa tempo, mantém consistência de marca e melhora as taxas de envolvimento.
Neste guia abrangente, fornecemos 50+ templates gratuitos de email em todas as categorias principais, mais boas práticas de design para o ajudar a criar emails que convertem.
Por Que os Templates de Email São Importantes
Os números contam a história:
- 67% dos profissionais de marketing dizem que o design de email é o seu maior desafio
- 80% dos destinatários eliminam emails com design pobre imediatamente
- Emails com templates reduzem o tempo de produção em 75%
- Branding consistente aumenta a receita em até 23%
Os templates de email bem concebidos resolvem estes desafios enquanto garantem que cada email que envia parece profissional e alinhado com a marca.
Quatro layouts, a funcionar
Cada painel abaixo é o HTML real do modelo, numa moldura com largura real. Reduza a largura para 375 px e veja as colunas empilharem-se.
Segue o seu tema — mude-o no cabeçalho para ver o outro.
Ler o HTML de The Letter
<!DOCTYPE html>
<html lang="pt" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Letter</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#151515 !important; }
.d-card { background-color:#1c1c1c !important; }
.d-ink { color:#f2f2f2 !important; }
.d-mute { color:#a8a8a8 !important; }
.d-rule { border-color:#3a3a3a !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f0efec;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">A citação que guarda na sua aplicação de notas trabalha mais do que o seu calendário editorial.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f0efec;">
<tr><td align="center" style="padding:32px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">
<tr><td style="padding:0;">
<img src="/_astro/letter-masthead.BcPkHvz4.png" width="600" height="250" alt="Cabeçalho da Meridian Press: arcos azuis concêntricos atravessados por uma faixa diagonal" style="width:100%;height:auto;max-width:600px;">
</td></tr>
<tr><td class="gutter" style="padding:36px 88px 0 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;">Meridian Press · Número 47</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:Georgia,'Times New Roman',Times,serif;">
<h1 class="h1 d-ink" style="margin:0 0 20px 0;font-size:34px;line-height:42px;font-weight:400;color:#141414;">O arquivo é o produto</h1>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Há três semanas fui à procura de um texto que escrevi em 2019 e não o encontrei. Nem no site, nem na exportação, nem na pesquisa da própria plataforma. Mil e duzentos números, e o único índice que funcionava era a minha memória.</p>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">É a parte que ninguém nos conta sobre seis anos de newsletter. Enviar é fácil. Guardar não é.</p>
</td></tr>
<tr><td class="gutter" style="padding:8px 88px 28px 88px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td class="quote" style="border-left:3px solid #0084d1;padding:4px 0 4px 0;padding-left:20px;font-family:Georgia,'Times New Roman',Times,serif;">
<p class="d-ink" style="margin:0;font-size:19px;line-height:30px;font-style:italic;color:#141414;">Tudo o que publica é um depósito. Quase ninguém constrói o levantamento.</p>
</td></tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:Georgia,'Times New Roman',Times,serif;">
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Por isso, esta semana reconstruí o catálogo como um arquivo a sério, com etiquetas, pesquisa de texto integral e URL permanentes. Levou nove dias. O número de subscritores não se mexeu. O tempo no site triplicou.</p>
<p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Está tudo abaixo, incluindo as partes que não resultaram.</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px 36px 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<a href="https://example.com" style="font-size:17px;line-height:24px;font-weight:600;color:#0084d1;text-decoration:underline;">Ler o número completo →</a>
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 88px;border-top:1px solid #e4e2de;"></td></tr>
<tr><td class="gutter" style="padding:24px 88px 40px 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:22px;color:#6b6b6b;">Escrito à mão todas as quintas-feiras. Responda, que eu leio.</p>
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Meridian Press, 14 Harbour Lane, Bristol BS1 4TT<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Cancelar subscrição</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Ver no navegador</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Segue o seu tema — mude-o no cabeçalho para ver o outro.
Ler o HTML de The Digest
<!DOCTYPE html>
<html lang="pt" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Digest</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#131313 !important; }
.d-card { background-color:#1b1b1b !important; }
.d-ink { color:#f3f3f3 !important; }
.d-mute { color:#a5a5a5 !important; }
.d-rule { border-color:#333333 !important; }
.d-chip { background-color:#10352f !important; color:#7fd8c6 !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f4f3f0;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">Seis coisas que valem a sua terça-feira. Duas são sobre preços.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f4f3f0;">
<tr><td align="center" style="padding:28px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td class="gutter" style="padding:30px 32px 22px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0;font-size:20px;line-height:26px;font-weight:800;color:#141414;">The Tuesday Digest</p>
<p class="d-mute" style="margin:4px 0 0 0;font-size:14px;line-height:20px;color:#6b6b6b;">26 de agosto de 2026 · 6 temas · 9 min</p>
</td>
<td valign="middle" align="right" class="hide-sm">
<span class="d-chip" style="display:inline-block;background:#e2f4ef;color:#00614f;border-radius:999px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;padding:6px 12px;">NÚMERO 212</span>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:2px solid #141414;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-1.gDWNYw1C.png" width="112" height="112" alt="Arcos turquesa abstratos atravessados por uma faixa diagonal" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#007d6a;">01 · PREÇOS</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">Três empresas passaram a preços por utilização e duas voltaram atrás</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">As duas que recuaram dizem o mesmo: a carga de suporte subiu antes da receita.</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-2.ch7Avmad.png" width="112" height="112" alt="Anéis turquesa abstratos com um ponto focal deslocado" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#007d6a;">02 · ENTREGABILIDADE</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">As regras do Gmail para grandes remetentes fazem um ano. Eis o que mudou mesmo</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">A taxa de reclamações é o único limiar de que alguém se aproximou. O resto já era dado como certo.</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-3.DP0eG3wj.png" width="112" height="112" alt="Arcos concêntricos turquesa abstratos sobre branco sujo" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#007d6a;">03 · OFÍCIO</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">O arquivo de uma newsletter é um produto de pesquisa, não uma lista de ligações</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Nove dias de trabalho, zero crescimento de subscritores, o triplo de tempo no site. O interessante é o compromisso.</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:24px 32px 34px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 14px 0;font-size:15px;line-height:24px;color:#555555;">Mais três abaixo da dobra, incluindo o da faturação a que toda a gente responde.</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#007d6a" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#007d6a;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Ler os seis</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #eceae6;"></td></tr>
<tr><td class="gutter" style="padding:20px 32px 30px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">The Tuesday Digest, 9 Fitzroy Street, Manchester M1 2AL<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Cancelar subscrição</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Gerir preferências</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Ver no navegador</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Segue o seu tema — mude-o no cabeçalho para ver o outro.
Ler o HTML de The Storefront
<!DOCTYPE html>
<html lang="pt" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Storefront</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#141210 !important; }
.d-card { background-color:#1d1a18 !important; }
.d-ink { color:#f5f2ef !important; }
.d-mute { color:#aaa39d !important; }
.d-rule { border-color:#38322d !important; }
.d-tile { background-color:#241f1c !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#efece8;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">Quatro gravuras novas. A do porto tem 40 cópias e não aguenta a semana.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#efece8;">
<tr><td align="center" style="padding:24px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">
<tr><td class="gutter" style="padding:22px 24px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="d-ink" style="font-size:17px;line-height:22px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#141414;">Northlight</td>
<td align="right" class="d-mute hide-sm" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:13px;line-height:20px;color:#6b6b6b;">Coleção de outono · 04</td>
</tr></table>
</td></tr>
<tr><td style="padding:0;">
<img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="Quatro gravuras novas da Northlight: arcos vermelho ferrugem sobrepostos sobre branco sujo quente" style="width:100%;height:auto;max-width:600px;">
</td></tr>
<tr><td class="gutter" style="padding:30px 40px 0 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<h1 class="h1 d-ink" style="margin:0 0 12px 0;font-size:30px;line-height:38px;font-weight:800;color:#141414;">Quatro gravuras. Quarenta cópias cada.</h1>
<p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">Cada gravura desta coleção é tirada à mão, numerada, e acaba quando acaba. Aqui não se reimprime nada.</p>
</td></tr>
<tr><td class="gutter" style="padding:0 40px 26px 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Ver a coleção</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter" style="padding:0 32px 8px 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-1.B7Z7OyM8.png" width="272" height="272" alt="Harbour, uma gravura abstrata em vermelho ferrugem" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Harbour</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm · giclée sobre papel de algodão</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Adicionar ao cesto</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-2.CMBKLJ38.png" width="272" height="272" alt="Dusk, uma gravura abstrata em âmbar" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Dusk</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm · giclée sobre papel de algodão</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Adicionar ao cesto</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
</tr>
<tr>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-3.C9XLoBz6.png" width="272" height="272" alt="Tide, uma gravura abstrata em violeta" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Tide</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm · giclée sobre papel de algodão</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Adicionar ao cesto</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-4.jL_6WDwF.png" width="272" height="272" alt="Quarry, uma gravura abstrata em verde profundo" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Quarry</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm · giclée sobre papel de algodão</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Adicionar ao cesto</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:6px 40px 30px 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#faf9f7;border-radius:4px;">
<tr><td style="padding:16px 20px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0;font-size:15px;line-height:24px;color:#242424;"><strong>Envio grátis no Reino Unido a partir de 75 £.</strong> Opções com moldura no pagamento. Devoluções em 30 dias, sem moldura.</p>
</td></tr>
</table>
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 40px;border-top:1px solid #ebe7e2;"></td></tr>
<tr><td class="gutter" style="padding:20px 40px 30px 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Northlight Print Co., Unit 4 Wharf Road, Leeds LS10 1JQ<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Cancelar subscrição</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Ver no navegador</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Segue o seu tema — mude-o no cabeçalho para ver o outro.
Ler o HTML de The Brief
<!DOCTYPE html>
<html lang="pt" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Brief</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#121212 !important; }
.d-card { background-color:#1a1a1a !important; }
.d-ink { color:#f2f2f2 !important; }
.d-mute { color:#a6a6a6 !important; }
.d-rule { border-color:#333333 !important; }
.d-tile { background-color:#232323 !important; }
.d-track { background-color:#2c2c2c !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f1f0f4;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">A taxa de resposta sobe 4 pontos e continuamos sem saber porquê. A melhor hipótese está lá dentro.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f1f0f4;">
<tr><td align="center" style="padding:26px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td style="padding:0;background:#141414;border-radius:6px 6px 0 0;">
<img src="/_astro/brief-band.CsaAK-Uv.png" width="600" height="150" alt="Cabeçalho da Ledger Weekly: arcos violeta sobre quase preto" style="width:100%;height:auto;max-width:600px;border-radius:6px 6px 0 0;">
</td></tr>
<tr><td class="gutter" style="padding:26px 32px 18px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p style="margin:0 0 4px 0;font-size:12px;line-height:16px;letter-spacing:.1em;text-transform:uppercase;color:#8f83ff;">Ledger Weekly · Semana 35</p>
<h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">A taxa de resposta mexeu-se e ninguém lançou nada</h1>
</td></tr>
<tr><td class="gutter" style="padding:0 26px 8px 26px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">31.4%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Taxa de abertura</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 1,2 pts</p>
</td></tr>
</table>
</td>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">8.9%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Taxa de cliques</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">▼ 0,4 pts</p>
</td></tr>
</table>
</td>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">6.1%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Taxa de resposta</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 4,0 pts</p>
</td></tr>
</table>
</td>
</tr></table>
</td></tr>
<tr><td class="gutter" style="padding:20px 32px 0 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 18px 0;font-size:16px;line-height:26px;color:#242424;">Nada mudou no envio. Mesma lista, mesma quinta-feira, mesmo modelo. A única variável que encontrámos é que o assunto fez uma pergunta pela primeira vez em onze números.</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;">Respostas por segmento</p>
</td></tr>
<tr><td class="gutter" style="padding:0 32px 22px 32px;">
<table role="presentation" class="chart" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Subscritores pagos</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="100%" style="width:100%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">11.2%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Gratuitos, ativos 90 d</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="57%" style="width:57%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">6.4%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Gratuitos, inativos</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="16%" style="width:16%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">1.8%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Teste</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="44%" style="width:44%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">4.9%</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px 28px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#141414" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#141414;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Ler a análise completa</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #e9e7ee;"></td></tr>
<tr><td class="gutter" style="padding:20px 32px 28px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Ledger Weekly, 2 Cathedral Square, Edinburgh EH1 2QN<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Cancelar subscrição</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Ver no navegador</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Tipos de Templates de Email de que Precisa
Antes de mergulhar em templates específicos, vamos compreender as categorias:
| Tipo de Template | Objetivo | Frequência Típica |
|---|---|---|
| Boas-vindas | Integrar novos subscritores | Uma vez por subscritor |
| Newsletter | Atualizações regulares de conteúdo | Semanal/Mensal |
| Promocional | Vendas e ofertas | Conforme necessário |
| Transacional | Atualizações de encomenda/conta | Acionado por evento |
| Reativação | Reconquistar utilizadores inativos | Trimestralmente |
| Anúncio | Notícias e lançamentos | Conforme necessário |
Templates de Email de Boas-Vindas (5 Templates)
Os emails de boas-vindas definem o tom do relacionamento com o subscritor. Têm taxas de abertura 4x mais altas do que os emails regulares.
Template 1: As Boas-Vindas Simples
Melhor para: Marcas minimalistas, empresas B2B
Assunto: Bem-vindo/a ao [Marca]!
---
[LOGÓTIPO]
Olá [Nome],
Bem-vindo/a a bordo!
Acabou de se juntar a [X.XXX] outros [clientes/leitores/membros]que confiam em nós para [proposta de valor].
Aqui está o que esperar:
• [Tipo de conteúdo] [semanal/mensal] todas as [dias]• Acesso exclusivo a [benefício]• Prioridade em [ofertas/conteúdo]
Comece por explorar o nosso [conteúdo/produtos] mais populares:
[BOTÃO CTA: Explorar Agora]
Alguma questão? Basta responder.
Com os melhores cumprimentos,A Equipa [Marca]Notas de design:
- Layout de coluna única
- Posicionamento proeminente do logótipo
- Pontos de lista para legibilidade
- Uma CTA clara
Template 2: As Boas-Vindas com Desconto
Melhor para: E-commerce, marcas DTC
Assunto: Bem-vindo/a! O seu código de 15% de desconto está aqui
---
[IMAGEM HERO - Estilo de vida/Produto]
Bem-vindo/a ao [Marca], [Nome]!
Como agradecimento por se juntar à nossa comunidade,aqui tem 15% de desconto na sua primeira encomenda:
╔═══════════════════════════════╗║ CÓDIGO: BVINDO15 ║╚═══════════════════════════════╝
[BOTÃO CTA: Comprar Agora]
Este código expira em 7 dias.
Dúvidas? Estamos aqui para ajudar.[Email de Contacto] | [Telefone]
[ÍCONES DE REDES SOCIAIS]Notas de design:
- Imagem hero apelativa
- Caixa de código de desconto proeminente
- Expiração clara cria urgência
- Múltiplas opções de contacto
Template 3: As Boas-Vindas em Múltiplas Partes
Melhor para: Serviços de subscrição, plataformas educacionais
Assunto: Bem-vindo/a! Aqui está tudo o que precisa de saber
---
Olá [Nome]!
Bem-vindo/a ao [Marca]. Aqui está o seu guia de início rápido:
┌─────────────────────────────────┐│ 📖 COMEÇAR ││ ││ 1. Complete o seu perfil ││ 2. Defina as suas preferências ││ 3. Explore [funcionalidade chave]││ ││ [Iniciar Configuração] │└─────────────────────────────────┘
┌─────────────────────────────────┐│ 🎁 O SEU PRESENTE DE BOAS-VINDAS ││ ││ Use o código NOVATO20 para 20% ││ de desconto na primeira [compra]││ ││ [Reclamar Presente] │└─────────────────────────────────┘
┌─────────────────────────────────┐│ 💬 PRECISA DE AJUDA? ││ ││ A nossa equipa está disponível ││ via chat, email ou telefone ││ ││ [Contactar Suporte] │└─────────────────────────────────┘
Com expetativa de o/a ter connosco!
Equipa [Marca]Notas de design:
- Layout baseado em cartões
- Hierarquia visual com ícones
- Múltiplas CTAs para diferentes objetivos
- Onboarding abrangente
Templates de Email Promocional (10 Templates)
Template 4: Flash Sale
Assunto: FLASH SALE: [X]% de desconto, Termina em [tempo]
---
[BANNER COM TEMPORIZADOR]
A NOSSA FLASH SALE COMEÇA AGORA
Até [X]% de desconto em itens selecionados
[IMAGEM HERO DO PRODUTO]
[PRODUTO 1] [PRODUTO 2] [PRODUTO 3] [Imagem] [Imagem] [Imagem] [Preço ant.] [Preço ant.] [Preço ant.] [Preço novo] [Preço novo] [Preço novo] [Comprar] [Comprar] [Comprar]
A oferta termina: [DATA/HORA]
[BOTÃO VER TUDO EM PROMOÇÃO]
Envio gratuito em encomendas acima de [X]€Template 5: Lançamento de Novo Produto
Assunto: A apresentar: [Nome do Produto], Disponível agora
---
[IMAGEM HERO DO PRODUTO]
NOVO: [NOME DO PRODUTO]
[Tagline do produto]
O [Nome do Produto] foi criado para [caso de uso principal]:
✓ [Característica/Benefício 1]✓ [Característica/Benefício 2]✓ [Característica/Benefício 3]
[PREÇO] [AVALIAÇÕES]
[BOTÃO COMPRAR AGORA]
[AVALIAÇÃO 1 DE CLIENTE][AVALIAÇÃO 2 DE CLIENTE]Templates de Email de Abandono de Carrinho (3 Templates)
Template 6: Lembrete de Carrinho (Email 1)
Assunto: Está a pensar nisso? Os seus itens estão guardados
---
[NOME]
Reparámos que ainda tem itens no carrinho.
[PRODUTO 1, Imagem, Nome, Preço][PRODUTO 2, Imagem, Nome, Preço]
Total: [Total do Carrinho]
[BOTÃO COMPLETAR ENCOMENDA]
Precisa de ajuda para decidir? Responda a este emaile a nossa equipa terá todo o gosto em ajudar.
[Marca]Template 7: Carrinho com Urgência (Email 2)
Assunto: A esgotar: Itens no seu carrinho quase esgotados
---
[NOME]
Os seus itens estão a ter muita procura.
[PRODUTO 1, Imagem, Nome, Stock restante: X]
Avaliações de outros compradores:⭐⭐⭐⭐⭐ "[Excerto de avaliação]"⭐⭐⭐⭐⭐ "[Excerto de avaliação]"
O seu carrinho guardado:[Resumo do Carrinho]
[BOTÃO RECLAMAR O MEU CARRINHO]
[Marca]Template 8: Desconto de Carrinho (Email 3)
Assunto: Um incentivo para si, 10% de desconto no carrinho
---
[NOME]
Queremos ajudá-lo/a a completar a sua compra.
Use o código EXTRA10 para 10% de desconto no seu carrinho.
[PRODUTO 1, Imagem, Nome, Preço][PRODUTO 2, Imagem, Nome, Preço]
Original: [Total]Com desconto: [Total com desconto]
[BOTÃO USAR O MEU DESCONTO]
Esta oferta expira em 48 horas.
[Marca]Templates de Email Pós-Compra (4 Templates)
Template 9: Confirmação de Encomenda
Assunto: Encomenda confirmada ✓ | Nº [Número]
---
[LOGÓTIPO]
A SUA ENCOMENDA ESTÁ CONFIRMADA
Olá [Nome], obrigado pela sua compra!
RESUMO DA ENCOMENDA━━━━━━━━━━━━━━━━━━━━[Imagem Produto] [Nome] × [Qtd] [Preço][Imagem Produto] [Nome] × [Qtd] [Preço] ───── Total: [Total]━━━━━━━━━━━━━━━━━━━━
Entrega para: [Nome e Morada]Entrega estimada: [Datas]
[BOTÃO ACOMPANHAR ENCOMENDA]
Questões? Responda a este email.
[Marca]Template 10: Pedido de Avaliação
Assunto: Como foi a experiência com [Marca]?
---
[NOME]
A sua opinião importa para nós.
Adquiriu: [Imagem e Nome do Produto]
Como avaliaria a sua experiência?
⭐ ⭐ ⭐ ⭐ ⭐(Clique para avaliar)
[ESCREVER UMA AVALIAÇÃO]
Demora apenas 2 minutos e ajuda outros compradoresa tomar melhores decisões.
Obrigado,[Marca]Templates de Email de Reativação (2 Templates)
Template 11: Sentimos a Sua Falta
Assunto: Sentimos a sua falta, [Nome] 👋
---
[NOME]
Reparámos que não nos visita há algum tempo.
Entretanto, adicionámos muitas novidades:
[NOVIDADE 1, Imagem, Nome, Destaque][NOVIDADE 2, Imagem, Nome, Destaque][NOVIDADE 3, Imagem, Nome, Destaque]
Como presente de regresso, aqui tem 20% de desconto:
CÓDIGO: REGRESSO20
[BOTÃO EXPLORAR NOVIDADES]
Expira em 7 dias.
[Marca]Template 12: Último Aviso
Assunto: A remover da lista? Diga-nos...
---
[NOME]
Não quer ser inoportuno/a.
Já não abre os nossos emails há algum tempo. Está tudo bem?
Para permanecer na nossa lista, clique abaixo:
[BOTÃO SIM, QUERO FICAR]
Se não ouvirmmos de si em 7 dias, removeremoso seu email da lista, sem ressentimentos.
Pode sempre reinscrever-se em [link].
[Marca]Onde Encontrar Templates Gratuitos
Templates Incluídos nas Plataformas
| Plataforma | Templates Gratuitos | Nível de Personalização | Plano Gratuito |
|---|---|---|---|
| Brevo | 60+ | Editor drag-and-drop | Sim |
| Mailchimp | 100+ | Editor drag-and-drop | Sim (limitado) |
| HubSpot | 45+ | Editor drag-and-drop | Sim |
| MailerLite | 80+ | Editor drag-and-drop | Sim |
| Constant Contact | 200+ | Editor drag-and-drop | Não |
Fontes de Templates de Terceiros
- Litmus Community: Templates gratuitos e testados com dados de compatibilidade entre clientes
- Really Good Emails: Galeria curada de exemplos reais de newsletter para inspiração
- Stripo: Editor gratuito de templates de email com 1.500+ designs
- BeeFree: Editor drag-and-drop com 200+ templates responsivos gratuitos
- MJML: Framework open-source para criar templates de email responsivos com código
Personalizar Templates para a Sua Marca
Personalizações Essenciais
Cada template precisa destas modificações antes de ser usado:
- Logótipo e cores da marca: Substitua o branding padrão pelo seu
- Tipografia: Use as fontes da sua marca (com alternativas web-safe)
- Informações do rodapé: Atualize com os detalhes do seu negócio e requisitos legais
- Links para redes sociais: Adicione os seus perfis reais
- Link de cancelamento de subscrição: Obrigatório por lei em cada email de marketing
Personalizações Avançadas
Uma vez confortável com um template, considere estas melhorias:
- Blocos de conteúdo dinâmico: Mostre conteúdo diferente a diferentes segmentos de subscritores
- Tokens de personalização: Insira nomes, localizações ou preferências de subscritores
- Secções condicionais: Mostre ou oculte secções com base nos atributos do subscritor
Boas Práticas de Templates de Newsletter
Teste antes de enviar. Envie emails de teste para Gmail, Outlook, Apple Mail e Yahoo no mínimo. Use uma ferramenta como Litmus ou Email on Acid para testes abrangentes entre clientes.
Otimize imagens. Comprima todas as imagens para reduzir o tempo de carregamento. Inclua texto alternativo para cada imagem caso as imagens sejam bloqueadas pelo cliente de email.
Mantenha o tamanho do ficheiro reduzido. O tamanho total do email (HTML + imagens) deve ficar abaixo de 100KB para o HTML e abaixo de 1MB para o conteúdo total. Emails maiores arriscam ser cortados pelo Gmail ou bloqueados por filtros de spam.
Mantenha consistência. Use a mesma estrutura de template para cada edição da newsletter. Os subscritores desenvolvem hábitos de leitura em torno de layouts familiares, e a consistência constrói confiança.
Inclua texto simples. Forneça sempre uma alternativa em texto simples para clientes de email que não renderizam HTML. A maioria das plataformas de email gera isto automaticamente, mas reveja para garantir legibilidade.
Teste a entregabilidade do email regularmente. Um template bonito não vale nada se cair no spam. Monitorize a reputação do remetente e autenticação (SPF, DKIM, DMARC) juntamente com os seus esforços de design.
Começar
Escolha um template que corresponda ao seu setor e estilo de conteúdo. Comece com personalizações mínimas, cores da marca, logótipo e rodapé, e envie a sua primeira edição. À medida que aprende o que ressoa com o seu público através das taxas de abertura e dados de cliques, itere no design e estrutura de conteúdo.
O melhor template de newsletter não é o mais visualmente impressionante. É aquele que o seu público lê consistentemente, clica regularmente e espera ansiosamente receber.
Onde o Tajo se encaixa
O Tajo é o construtor de integrações agentic. Mantenha seus provedores. Agentes conectam todo o resto, e você aprova cada sincronização. O Tajo está em acesso antecipado. Pedir acesso antecipado
Perguntas frequentes
O que é um template de e-mail?
Um template de e-mail é uma estrutura reutilizável para uma campanha ou mensagem automatizada. Ele costuma definir o layout, os blocos de conteúdo, a chamada para ação, os campos de personalização, o rodapé, os elementos de conformidade e as regras de QA.
Quais templates de e-mail uma empresa deve criar primeiro?
Comece com templates de boas-vindas, newsletter, promoção, transacionais, carrinho abandonado, pós-compra, reengajamento e central de preferências. Equipes de e-commerce também devem adicionar templates de navegação abandonada, fidelidade, recompra e produto de volta ao estoque.
O que torna um template de e-mail reutilizável?
Templates reutilizáveis separam a estrutura fixa do conteúdo variável. Mantenha consistentes cabeçalho, rodapé, tipografia, espaçamentos, blocos de produto, padrões de chamada para ação e blocos de conformidade, e troque apenas o texto e os dados de cada campanha.
Como fazer o QA de um template de e-mail?
Confira o assunto, o preheader, o remetente, os links, os valores alternativos da personalização, a exibição no celular, o modo escuro, o texto alternativo das imagens, os parâmetros de rastreamento, o link de descadastro, o endereço físico e os dados que alimentam os blocos dinâmicos.
Com quais templates de e-mail devo começar?
Crie primeiro os templates de boas-vindas, newsletter, promoção, transacionais, carrinho abandonado, pós-compra, reengajamento e central de preferências. Equipes de e-commerce também devem criar templates de navegação abandonada, recompra, fidelidade e produto de volta ao estoque.
Templates de e-mail em HTML ainda são necessários?
Sim. A maioria das equipes precisa de templates HTML reutilizáveis para consistência da marca, layout responsivo, rastreamento, blocos dinâmicos e controles de conformidade. Ainda assim, todo template importante deve ter uma versão em texto simples.
Devo usar um único template para todas as campanhas?
Não. Use um design system compartilhado, mas crie famílias de templates por função. Uma atualização de entrega, uma oferta relâmpago, uma newsletter e um aviso de política não devem compartilhar a mesma estrutura de conteúdo.
Com que frequência os templates devem ser atualizados?
Revise os templates principais depois de mudanças importantes de marca, produto, conformidade ou plataforma. Revise também quando o desempenho cair, quando os chamados de suporte revelarem confusão ou quando os campos de dados dinâmicos mudarem.
Qual é a diferença entre um template e uma campanha?
O template é a estrutura reutilizável. A campanha é um envio específico que preenche essa estrutura com público, oferta, momento, texto, dados de produto, links e rastreamento.
Como preparar os templates para localização?
Separe os textos do layout, evite texto dentro de imagens, permita variações no tamanho do texto, localize o texto legal do rodapé e faça QA de escrita da direita para a esquerda ou de alfabetos não latinos quando for o caso.