Templates de E-mail HTML Gratuitos
Navegue por templates de e-mail HTML responsivos pré-construídos. Visualize e copie o HTML para newsletters, e-mails de boas-vindas, promoções e mensagens transacionais.
Newsletter
Clean newsletter template with header, content sections, and footer.
Código-Fonte HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Newsletter</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f5;font-family:Arial,Helvetica,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f5;">
<tr>
<td align="center" style="padding:40px 20px;">
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="background-color:#ffffff;border-radius:8px;overflow:hidden;">
<!-- Header -->
<tr>
<td style="background-color:#16a34a;padding:30px 40px;text-align:center;">
<h1 style="margin:0;color:#ffffff;font-size:28px;font-weight:bold;">Your Newsletter</h1>
<p style="margin:8px 0 0;color:#bbf7d0;font-size:14px;">Monthly updates and insights</p>
</td>
</tr>
<!-- Main Content -->
<tr>
<td style="padding:40px;">
<h2 style="margin:0 0 16px;color:#18181b;font-size:22px;">Featured Article</h2>
<p style="margin:0 0 20px;color:#52525b;font-size:15px;line-height:1.6;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<a href="#" style="display:inline-block;background-color:#16a34a;color:#ffffff;text-decoration:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:bold;">Read More</a>
<hr style="margin:30px 0;border:none;border-top:1px solid #e4e4e7;">
<h2 style="margin:0 0 16px;color:#18181b;font-size:22px;">More Stories</h2>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:12px 0;border-bottom:1px solid #f4f4f5;">
<h3 style="margin:0 0 4px;color:#18181b;font-size:16px;">Story Title One</h3>
<p style="margin:0;color:#71717a;font-size:13px;">Brief description of the first story goes here.</p>
</td>
</tr>
<tr>
<td style="padding:12px 0;border-bottom:1px solid #f4f4f5;">
<h3 style="margin:0 0 4px;color:#18181b;font-size:16px;">Story Title Two</h3>
<p style="margin:0;color:#71717a;font-size:13px;">Brief description of the second story goes here.</p>
</td>
</tr>
<tr>
<td style="padding:12px 0;">
<h3 style="margin:0 0 4px;color:#18181b;font-size:16px;">Story Title Three</h3>
<p style="margin:0;color:#71717a;font-size:13px;">Brief description of the third story goes here.</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="background-color:#f4f4f5;padding:24px 40px;text-align:center;">
<p style="margin:0;color:#71717a;font-size:12px;">You received this email because you subscribed to our newsletter.</p>
<p style="margin:8px 0 0;color:#71717a;font-size:12px;"><a href="#" style="color:#16a34a;">Unsubscribe</a> | <a href="#" style="color:#16a34a;">View in browser</a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>How to Use HTML Email Templates
Escolha um Template
Selecione entre templates de newsletter, e-mail de boas-vindas, promocional ou transacional projetados para uso real.
Visualize e Personalize
Visualize o template renderizado em um iframe e revise o HTML de origem para entender a estrutura.
Exporte o HTML
Copie o código HTML completo com um clique e cole-o diretamente na sua plataforma de e-mail.
Why Use HTML Email Templates
Design Responsivo
Cada template usa layouts baseados em tabela que são renderizados corretamente em todos os tamanhos de tela e dispositivos.
Testado com Gmail e Outlook
Os templates seguem as melhores práticas de compatibilidade com clientes de e-mail para renderização consistente em todos os lugares.
Código Limpo
CSS inline e estruturas de tabela semânticas produzem código de e-mail HTML leve e de fácil manutenção.
Pronto para Modo Escuro
As escolhas de cores e os índices de contraste funcionam bem em clientes de e-mail tanto no modo claro quanto no escuro.
Mobile-First
Projetado com leitores mobile em mente, garantindo legibilidade em telas pequenas sem rolagem horizontal.
Privacidade em Primeiro Lugar
Todos os templates carregam e são renderizados no seu navegador. Nenhum dado é coletado ou enviado a servidores externos.
Who Uses HTML Email Templates
Designers de E-mail
Use como pontos de partida para designs de e-mail personalizados, economizando horas de trabalho com layouts baseados em tabela.
Profissionais de Marketing
Lançe campanhas de newsletter e promocionais rapidamente com templates responsivos prontos para uso.
Desenvolvedores
Copie o código-fonte HTML limpo como base para geração programática de e-mail em aplicações.
Agências
Entregue templates de e-mail profissionais a clientes mais rapidamente usando bases pré-construídas e testadas.
Need More Power?
Sign up for a free Tomba account to unlock bulk processing, API access, CRM integrations, and 75 free searches per month.
HTML Email Templates
Se voce nao encontrar a resposta para sua pergunta aqui, visite a secao dedicada em nossa Central de Ajuda .