Fazer um e-mail em HTML que se vê bem em todo o lado: largura, imagens e modo escuro

A resposta curta: um e-mail não é uma página web. Cada programa de correio (Gmail, Outlook, o telemóvel) mostra-o à sua maneira e muitos ignoram o que é moderno. Para se ver bem em todo o lado: largura estreita, uma coluna, estilos dentro de cada elemento, imagens com texto alternativo e uma versão só de texto.

As regras

Regra Porquê
Largura de cerca de 600 pixéis, uma coluna Cabe no ecrã do computador e encolhe bem no telemóvel.
Estilos escritos em cada elemento Muitos programas ignoram as folhas de estilo à parte.
Imagens com endereço completo (https) e texto alternativo Muitos programas bloqueiam as imagens à partida; sem texto alternativo, fica um buraco.
Texto importante em texto, não em imagem Uma mensagem só em imagem fica em branco quando as imagens estão bloqueadas.
Modo escuro Use cores de fundo definidas e logótipos com margem, não só fundo transparente com letras escuras.

Passo a passo

1 Comece de um modelo simples, de uma coluna, do seu serviço de envio, em vez de desenhar do zero: Subscritores e newsletter.
2 Escreva o assunto e a primeira linha com cuidado: é o que se vê na caixa de entrada: Escrever um e-mail que não vai para o spam.
3 Ponha imagens leves e com texto alternativo: Otimizar imagens.
4 Junte a versão só de texto e a ligação para cancelar a subscrição.
5 Teste no Gmail, no Outlook e no telemóvel, com as imagens ligadas e desligadas, e em modo escuro. Só então envie à lista.
Uma mensagem muito pesada é cortada. Alguns programas (o Gmail, por exemplo) cortam o fim de e-mails com muito código e mostram «ver mensagem completa». Mantenha o código pequeno e o essencial no início, com a ligação para cancelar bem à vista, sem a esconder.
Para uma lista com consentimento e envio fora da hospedagem, veja E-mail marketing sem queimar o domínio e Juntar uma lista legalmente. O texto no fim das mensagens do dia a dia é outra coisa: Assinatura.

Quer uma opinião sobre o seu modelo de e-mail? Abra um pedido com uma captura de ecrã.

Abrir pedido de suporte

VEJA TAMBÉM

E-mail marketing: fazer bem sem queimar o seu domínio

Criar uma lista de e-mails de forma legal: consentimento, formulários e cancelamento

Como escrever um e-mail que não caia no spam: comportamento, destinatários e limites

Pôr uma assinatura nos seus e-mails: webmail, computador e telemóvel

Optimizar imagens e usar WebP

Texto alternativo e nomes das imagens: o que escrever e o que evitar

PRODUTO RECOMENDADO

E-mail profissional no seu domínio

Caixas com o nome da sua empresa, sem publicidade, com filtro de spam. desde 321,75 MT/mês (plano de 3 anos, com cupão)

Ver planos
  • 0 Utilizadores acharam útil
Esta resposta foi útil?