7

Estou para construir um e-mail em HTML, mas vejo que há diferenças para uma página comum de website. Quero que o e-mail em HTML possua css e que apareça tanto no acesso por desktop quanto no tablet e celular, além disso deve mostrar algumas imagens no corpo da mensagem.

O que é permitido e como se faz para apresentar HTML estilizado no e-mail enviado?

Existe um padrão ou boas práticas?

2
  • 5
    Prepare-se para uma jornada dolorosa... Commented 29/03/2016 às 16:31
  • Basicamente se atenha ao HTML 4.x. O resto, são pequenos detalhes. Evite CSS.
    – Largato
    Commented 29/03/2016 às 16:45

1 Resposta 1

7

Se nós desenvolvedores achamos complicado ter compatibilidade entre navegadores imagina clientes de email, bom, cada um implementa o que quiser na hora que quiser, então em resumo, você pode procurar um site que te mostre a compatibilidade de htm/css e escolher a melhor abordagem para o seu html.

CampaignMonitor - Email Client CSS Support

MailChimp - Email Client CSS Support

Existem artigos dizendo sobre boas práticas, sobre não usar css no <head> ou não usar background-image, a maioria delas estão defasadas.

Outra abordagem legal é utilizar templates, neste site: Zurb - Template emails Você pode encontrar um template clicar em View Tests e ele fará uma simulação em diferentes servidores de email, depois de encontrar um template com as características que você necessita é so baixar ou dar um crtl+u para ver como ele montou.

Ah, é claro eles utilizam https://litmus.com/ que permite criar preview dos seus templates antes de envia-los.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .