Criar template de email HTML responsivo
O Criar Template de Email HTML é um editor visual para montar emails HTML profissionais e responsivos sem escrever nenhuma linha de código. Adicione e organize blocos de conteúdo na tela e exporte um HTML limpo que aparece direitinho no Gmail, no Outlook, no Apple Mail e no Yahoo Mail.
Comece a partir de um dos 33 modelos prontos ou de uma tela em branco, personalize cada bloco e cada cor para combinar com a sua marca e veja o resultado no computador e no celular. Seja para um boletim semanal, uma campanha promocional ou um aviso transacional, você tem o email pronto para envio em poucos minutos.
Para quem é esta ferramenta?
Profissionais de marketing que precisam de emails com a cara da marca sem depender de um designer, donos de pequenos negócios que montam campanhas rapidamente e desenvolvedores que querem um ponto de partida limpo, em tabelas, para o HTML do email — qualquer pessoa que precise de um email HTML bem formatado.
Como criar um template de email
Escolha um modelo
Escolha entre 33 modelos em cinco grupos — Geral, Marketing e Vendas, Transacional, Negócios e SaaS e Setores e Estilo de Vida. Use o seletor com busca para achar um ponto de partida na hora, ou escolha Em branco para montar do zero.
Personalize cada bloco
Clique em qualquer bloco na tela para selecioná-lo e edite o conteúdo e o estilo na barra lateral. Use Adicionar bloco, as setas de mover para cima e para baixo e o excluir para organizar cabeçalhos, textos, imagens, botões, divisórias, espaçadores, links de redes sociais e rodapés.
Defina as Configurações do e-mail
Abra o painel Configurações do e-mail para controlar a aparência geral: Largura do e-mail (320 a 800px, 600px recomendado), Plano de fundo, Fundo do conteúdo, Fonte, Cor de destaque e Cor do texto. Tudo isso vale para todos os blocos de uma só vez.
Visualize e exporte
Alterne entre a prévia no computador e no celular para conferir os dois layouts. Depois clique em Copiar para colar para jogar o email formatado direto no Gmail ou no Outlook, ou abra a visualização HTML e use Copiar HTML para uma plataforma de marketing ou seu próprio código de envio.
Recursos
Editor visual de blocos
Monte emails com oito tipos de bloco — cabeçalho, texto, imagem, botão, divisória, espaçador, redes sociais e rodapé. Adicione, reordene e exclua blocos, sem precisar de código.
33 modelos profissionais
Comece a partir de um design pronto, organizado em cinco categorias: Geral, Marketing e Vendas, Transacional, Negócios e SaaS e Setores e Estilo de Vida.
Seletor de modelos com busca
Digite uma palavra-chave para filtrar todos os modelos em todas as categorias, com resultados agrupados por categoria para você navegar rapidinho.
Estilos por bloco e globais
Ajuste cores, espaçamento, alinhamento e tamanho de fonte de cada bloco, além das configurações globais de largura do e-mail, plano de fundo, fonte, destaque e cor do texto.
Prévia no computador e no celular
Alterne entre a prévia no computador e a do celular de 375px para ver exatamente como seu email fica em telas de tamanhos diferentes.
HTML compatível com email
Gera HTML em tabelas com estilos inline, comentários condicionais MSO para o Outlook e media queries para celular — o padrão-ouro de compatibilidade entre clientes.
Copiar para colar
Copia seu email como texto formatado usando a Clipboard API, para você colar a mensagem totalmente formatada direto no Gmail, no Outlook ou em qualquer editor de email.
Copiar o HTML puro
Mude para a visualização HTML e copie o código puro para colar em plataformas de e-mail marketing ou na sua própria infraestrutura de envio.
Guia de envio interno
Um guia dentro do app mostra como enviar pelo Gmail e pelo Outlook, por plataformas como Mailchimp, SendGrid, Brevo e Amazon SES, ou de forma programática por APIs.
Tema escuro
Um tema escuro caprichado deixa o editor confortável de usar de dia ou de noite, enquanto a prévia do email mantém fielmente as suas próprias cores.
Perguntas frequentes
Preciso saber programar?
Não. Você cria de forma visual, adicionando e organizando blocos na tela e editando o conteúdo na barra lateral. A ferramenta escreve o HTML para você, então dá para criar um template de email completo sem encostar em código.
Dá para exportar o código HTML?
Sim. Mude para a visualização HTML e clique em Copiar HTML para copiar todo o código gerado. Depois cole no editor de código da sua plataforma de e-mail marketing ou use-o como corpo HTML no seu próprio código de envio.
Os modelos são responsivos e funcionam bem no celular?
Sim. O HTML gerado inclui media queries responsivas que adaptam o layout em telas pequenas, e você pode mudar para a prévia no celular de 375px para conferir como tudo fica antes de enviar.
Esses emails funcionam no Outlook e no Gmail?
Sim. O resultado usa layout em tabelas com estilos inline, além de comentários condicionais do Microsoft Outlook (MSO), então aparece direitinho no Gmail, no Outlook desktop e web, no Apple Mail, no Yahoo Mail e na maioria dos apps de celular. Como sempre, envie um teste para você antes do envio final.
Dá para colar meu email direto no Gmail?
Sim. Clique em Copiar para colar, abra o Gmail e escreva uma nova mensagem, então cole com Ctrl+V (ou Cmd+V). O email totalmente formatado aparece direto na janela de redação — o mesmo vale para o Outlook.
Posso usar minhas próprias imagens?
Sim. Selecione um bloco de imagem e defina a URL da imagem na barra lateral. Hospede a imagem em uma URL pública — seu site, um armazenamento na nuvem ou um serviço de hospedagem de imagens — para que ela carregue para todo mundo que abrir o email.
Qual é a largura de email recomendada?
600px é o padrão do mercado e funciona bem na maioria dos clientes. Você pode ajustar a largura entre 320px e 800px no painel Configurações do e-mail.
Posso usar fontes personalizadas?
A ferramenta oferece sete famílias de fontes seguras para email — Arial, Helvetica Neue, Georgia, Trebuchet MS, Verdana, Tahoma e Courier New. Fontes web personalizadas não são oferecidas porque a maioria dos clientes de email as remove e cai em uma fonte padrão de qualquer jeito.
Meus dados são salvos ou enviados?
Não. A ferramenta roda inteiramente no seu navegador e seu conteúdo nunca é enviado nem armazenado em um servidor. Para guardar seu trabalho, copie o código HTML e salve-o localmente.
Ainda não há comentários. Seja o primeiro a comentar!