Um template HTML para a sua newsletter por e-mail
Um e-mail de texto simples serve para um recado rápido, mas uma newsletter, uma oferta ou um e-mail de boas-vindas costumam pedir mais: o seu logo, uma imagem, um botão claro. Isso é um e-mail HTML. Ele parece uma pequena página web, mas é feito com regras bem diferentes, porque os programas de e-mail são muito mais rígidos do que os navegadores. Veja o que um bom template tem e como preparar um.
Por que um e-mail não é uma página web
Gmail, Outlook, Apple Mail e os aplicativos de celular mostram o HTML cada um de um jeito um pouco diferente, e muitos ignoram o código web moderno. Por isso os e-mails são feitos à moda antiga:
- Tabelas para o layout, e não os layouts web modernos.
- Estilos escritos em cada elemento, porque muitos programas removem as seções de estilo.
- Fontes do sistema, já que fontes web personalizadas muitas vezes não carregam.
- Sem scripts, formulários ou vídeos. Os programas de e-mail não os executam. Use uma imagem ou um botão que leve ao seu vídeo ou formulário.
As partes de um bom e-mail
- Texto de pré-visualização: o texto curto que aparece ao lado do assunto na caixa de entrada. Ele é o seu segundo assunto, então não o desperdice com “Ver no navegador”.
- Cabeçalho: o seu logo, pequeno e com link para o seu site.
- Título e imagem principal: sobre o que é o e-mail, em um só olhar.
- Texto curto: dois ou três parágrafos no máximo.
- Um botão principal: “Ver a coleção”, “Reservar uma mesa”. Um botão feito como link funciona em qualquer lugar.
- Rodapé: nome da empresa, endereço, contatos e o link para cancelar a inscrição.
Largura e celulares
A largura padrão é de cerca de 600 pixels, o que cabe na tela de um computador e no painel de leitura da maioria dos programas. No celular, o layout deve virar uma coluna só, com texto grande o bastante para ler e botões grandes o bastante para tocar. Mais da metade dos e-mails é aberta no celular, então confira primeiro a versão para celular.
Imagens e texto alternativo
Alguns programas bloqueiam as imagens até o leitor permitir. Escreva um texto alternativo para cada imagem, para que o e-mail continue fazendo sentido sem elas, e nunca coloque um texto importante apenas dentro de uma imagem. Use só imagens que você tem o direito de usar. As imagens são enviadas para o seu serviço de e-mail marketing ou para o seu site, e o e-mail aponta para os endereços delas.
O link para cancelar a inscrição
Os serviços de e-mail marketing e as regras de muitos países exigem uma forma fácil de cancelar a inscrição em todo e-mail de marketing. Os templates costumam ter um marcador que você substitui pelo link ou pela tag de cancelamento do seu próprio serviço.
Como preparar o conteúdo
- Sobre o que é o e-mail e quem vai recebê-lo.
- Os fatos: preços, datas, cupons, exatamente como são.
- Para onde cada botão leva: os endereços completos das páginas.
- Os dados do rodapé exatamente como devem aparecer.
- Cores e estilo, ou um e-mail de que você gosta como referência.
Teste antes de enviar
Envie o e-mail para você mesmo no Gmail, no Outlook e no celular. Clique em todos os links e botões, confira o texto de pré-visualização e veja o e-mail com as imagens desativadas.
Resumindo
Um bom e-mail HTML usa tabelas e estilos em linha, tem cerca de 600 pixels de largura, vira uma coluna só no celular e tem um botão claro e um rodapé completo. Se preferir não montá-lo você mesmo, peça um e-mail HTML: você descreve o e-mail, a oferta e para onde levam os botões e recebe um arquivo compactado com o HTML pronto e as imagens criadas para ele, para importar no Mailchimp, no Brevo ou em outro serviço de e-mail marketing. O pagamento só é liberado depois que você aprova o trabalho.