Templates de Email: 50+ Templates Gratuitos e Boas Práticas de Design [2025]
Obtenha 50+ templates gratuitos de email para cada caso de uso. De newsletters a promoções, encontre templates personalizáveis e aprenda boas práticas de design.
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 |
A biblioteca de templates do Brevo é particularmente adequada para negócios de e-commerce, com templates criados especificamente para anúncios de produtos, confirmações de encomenda e campanhas promocionais que se integram com os dados da loja através do Tajo.
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.