Templates de e-mail grátis
Template de e-mail HTML grátis, pronto para editar e enviar
Comece de um dos 72 modelos ou de uma das 10 famílias de e-mails do sistema, aplique o seu logo e as suas cores, copie o HTML e envie pela API, por SMTP ou pelo editor de campanhas.
Plano Grátis, sem cartão de crédito
Incluído
O que você ganha de graça
Modelos para campanhas e e-mails do sistema, tudo no mesmo editor.
72 modelos em 14 categorias
Boas-vindas, newsletter, promoção, loja virtual, e-mails do sistema, eventos e datas especiais. Escolha, troque textos e imagens e envie.
Ver os modelos10 famílias com HTML para copiar
Cada família traz 15 tipos de e-mail do sistema no mesmo estilo. Veja o código HTML, copie e use onde quiser.
Editor visual
Blocos prontos e um painel ao lado, sem mexer em HTML. Prévia no computador e no celular, no modo claro e no escuro.
Conhecer o editorA sua marca, uma vez
Logo, nome, cor principal, fonte, endereço e link de suporte valem para a família inteira.
Variáveis nos e-mails
Use {{{FIRST_NAME}}} e outras variáveis: o envio preenche cada uma, com valor padrão quando faltar.
Pronto para enviar
Publique e chame o template pela API, ou use no editor de campanhas e nas automações.
Ver a APIE-mails do sistema
Os 15 tipos de e-mail de cada família
Os e-mails que um produto precisa enviar, no mesmo estilo.
Entrada e segurança
Boas-vindas, confirmar e-mail, código de acesso, link mágico, redefinir senha, alerta de segurança e convite para o time.
Cobrança
Assinatura confirmada, plano alterado, pagamento não aprovado, teste grátis terminando e recibo.
Novidades e mensagens
Novidade do produto, atualização do produto e texto simples, para a mensagem pessoal.
Exemplo
Um template HTML básico para copiar
Layout em tabelas, estilos inline e largura de 600 px. As variáveis {{{…}}} são preenchidas no envio.
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Boas-vindas à {{{COMPANY}}}</title>
</head>
<body style="margin:0;padding:0;background:#f4f4f5;">
<!-- Texto de prévia, que aparece ao lado do assunto na caixa de entrada -->
<div style="display:none;max-height:0;overflow:hidden;opacity:0;">Sua conta está pronta. Veja por onde começar.</div>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f4f4f5;">
<tr>
<td align="center" style="padding:32px 16px;">
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:100%;max-width:600px;background:#ffffff;border-radius:12px;">
<tr>
<td style="padding:40px;font-family:Arial,Helvetica,sans-serif;color:#3f3f46;font-size:16px;line-height:1.6;">
<h1 style="margin:0 0 16px;font-size:24px;line-height:1.3;color:#18181b;">Que bom ter você aqui, {{{FIRST_NAME}}}</h1>
<p style="margin:0 0 24px;">Sua conta na {{{COMPANY}}} está pronta. Comece pelo painel e configure o primeiro projeto.</p>
<a href="{{{DASHBOARD_URL}}}" style="display:inline-block;padding:12px 24px;background:#18181b;color:#ffffff;text-decoration:none;border-radius:8px;font-weight:bold;">Abrir o painel</a>
</td>
</tr>
</table>
<p style="margin:16px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#71717a;">{{{COMPANY}}} · você recebeu este e-mail porque criou uma conta.</p>
</td>
</tr>
</table>
</body>
</html>Cole na aba HTML do editor de templates no painel, ou crie pela API em POST /templates.
Como usar
Use um template em 3 passos
Escolha um modelo ou uma família
No painel, em Templates, veja os modelos por categoria ou as famílias de e-mails do sistema, com prévia.
Aplique a sua marca e ajuste
Troque textos, imagens, logo e cores no editor visual. Para as famílias, a marca vale para os 15 e-mails de uma vez.
Publique e envie
Publique o template e envie pela API com template e variables, ou copie o HTML e use no seu sistema.
Boas práticas
Dicas para um e-mail HTML que funciona
O que costuma separar um e-mail que aparece bem de um que quebra.
Use tabelas e estilos inline
As caixas de entrada ignoram boa parte do CSS moderno. Tabelas para o layout e estilos direto nos elementos são o jeito mais seguro.
Fique em 600 px de largura
É a largura que cabe bem no computador e encolhe no celular. Use max-width e imagens com largura de 100%.
Escreva o texto de prévia
A primeira frase do e-mail aparece ao lado do assunto. Um trecho oculto no topo dá controle sobre o que a pessoa lê antes de abrir.
Faça um botão que não depende de imagem
Um link com padding e cor de fundo aparece mesmo quando as imagens ficam bloqueadas. Coloque um texto alternativo em toda imagem.
Mande também a versão em texto
A Postal gera o texto a partir do HTML quando você não envia. Ele ajuda na entrega e em quem lê sem HTML.
Mantenha o HTML leve
O Gmail corta mensagens maiores que cerca de 102 KB. Evite estilos repetidos e comentários longos.
Perguntas sobre templates de e-mail
Os templates de e-mail da Postal são grátis?
São. Os 72 modelos da galeria, as 10 famílias de e-mails do sistema e o editor visual estão disponíveis no plano Grátis, sem prazo de teste e sem cartão de crédito.
Posso baixar ou copiar o HTML do template?
Pode. Nas famílias de e-mails, a prévia tem “Ver código HTML” e “Copiar HTML”: você leva o HTML compilado, com as variáveis no formato {{{NOME}}}. Você também pode escrever ou colar o seu próprio HTML na aba HTML do editor de templates (ou criar pela API, com até 2 MB) e conferir na aba Prévia.
O que são as famílias de e-mails?
São conjuntos completos de e-mails de um produto, todos no mesmo estilo. São 10 famílias, cada uma com 15 tipos de e-mail: boas-vindas, confirmação de e-mail, código de acesso, link mágico, redefinição de senha, alerta de segurança, convite para o time, recibo e outros.
Posso usar o meu logo, as minhas cores e a minha fonte?
Pode. Você aplica a sua marca uma vez (logo, nome da empresa, cor principal, fonte, endereço do rodapé e link de suporte) e ela vale para toda a família.
Funciona no Gmail e no Outlook?
Os e-mails são gerados em tabelas com estilos inline, o formato que as caixas de entrada costumam aceitar. A prévia mostra o e-mail no computador e no celular, no modo claro e no escuro, e você pode mandar um teste para a sua caixa antes de publicar.
Como envio um template?
Pela API, com template: { id, variables } no POST /emails, ou no editor de uma campanha. A Postal usa a última versão publicada e preenche as variáveis. Veja a API de e-mail grátis.
Comece pelo template pronto
Crie a conta e use os modelos e as famílias de e-mails no plano Grátis.