Boa noite ae!
Bom vou colocar aqui algumas dicas quee u venho aprendendo com a montagem constante que eu to fazendo de e-mails marketing na @midiaweb que é onde eu trabalho atualmente então vamos lá:
1 HTML puro: e-mail marketing deve ser em html puro e de uma forma bem tosquinha o uso de divs não é nem um pouco aconselhado pq normalmente os clientes de e-mail e webmails não aceitam direito CSS então é bem provavel que o resultado não vai ser o esperado.
2 Tabelas, muitas tabelas: a regra aqui é usar tabela sem peso na consciência ao inves de usar três rowspans use três tabelas uma segurança para não quebrar em um lugar inimaginavel e vc tentar ficar debugando e não achar o erro
3 quando for texto use fontes padrões e pouca imagem, quanto menos imagem menos chance de quebra e mais fácil do cliente alvo ler o e-mail pq ele não irá precisar de carregar imagem o que faz o e-mail ser mais leve também.
4 você pode colocar um pouco de estilo na fonte mais sempre com código inline ou seja por exemplo
<p style=”line-height:20px”>TEXTO!</p>
esta é a forma de como se usar css em e-mails marketing aconselho só relacionado a fonte tipo cor, tamanho, tipo, espaçamento, tamanho da linha, essas coisas
5 sempre teste em mais de um e-mail e sempre com um enviador de e-mails não é nem um pouco acoselhavel você enviar um e-mail com bastante estrutura pelo outlook se for uma imagem sem problemas mas se for alguma estrutura de tabela é quase certeza que ele irá quebrar e sempre verificando em mais de uma conta por exemplo se não quebrar no gmail é possivel que ele quebre no hotmail.
6 use alinhamento nas imagens diretamente as vezes isso pode ser motivo de uma quebra então você pode colocar o alinhamento na imagem tipo absolutemiddle já me resolveu um problema rs
7 use o dreamweaver somente neste caso eu aconselho isso rs
8 Não use header ou doctype use só a estrutura básica
<html>
<body></body>
</html>
bom é isso gente até mais
estou procurando parcerias para o blog quem se interessar entre em contato no andreluizrodper@gmail.com
até!
