Implemente CSS corretamente
Comments(0) Um dos desafios de todo profissional responsável pela confecção do código HTML de peças para e-mail marketing está na correta utilização da folha de estilo (CSS). Em alguns casos, a forma como a técnica é implementada pode não surtir o efeito desejado, pois cada interface de leitura de e-mail possui características próprias. Confira abaixo as formas de utilização e suas compatibilidades :
1 – Externa
<html>
<head>
<link ref=”http://www.sitexemplo.com.br/css/styles.css” type=”text/css” rel=”stylesheet”>
</head>
<body>
<p class=”produto”>
Celular desbloqueado V8
</p>
</body>
</html>
Clientes de e-mail compatíveis com essa forma : Outlook Express, Outlook XP, Outlook 2002, Outlook 2003, Outlook 2007, Thunderbird, Windows Mail e Windows Live Mail
Webmails incompatíveis : UOL, BOL, Terra Mail, Hotmail, Gmail, IG, Ibest e Yahoo!
Conclusão : utilize essa técnica de formatação em CSS somente nos casos onde você tenha certeza que os destinatários do seu mailing acessem seus e-mails através dos clientes de e-mail acima citados.
2 – Incorporado
<html>
<head>
<style type=”text/css”>
p.Produto
{
color: #FFFFFF;
font-family: Verdana;
font-style: italic;
font-weight:bold;
}
</style>
</head>
<body>
<p class=”Produto”>
Celular desbloqueado V8
</p>
</body>
</html>
Clientes de e-mail compatíveis com essa forma : Outlook Express, Outlook XP, Outlook 2002, Outlook 2003, Outlook 2007, Thunderbird, Windows Mail e Windows Live Mail
Webmail compatível : Yahoo!
Webmails incompatíveis : UOL, BOL, Terra Mail, Hotmail, Gmail, IG, Ibest
Conclusão : utilize essa técnica de formatação em CSS somente nos casos onde você tenha certeza que os destinatários do seu mailing acessem seus e-mails através dos clientes de e-mail acima citados ou se eles utilizarem o webmail do Yahoo!
3 – In-line
<html>
<head>
</head>
<body>
<p style=”color:#FFFFFF”; font-family:Verdana; font-style:italic;font-weight:bold;”>
Celular desbloqueado V8
</p>
</body>
</html>
Clientes de e-mail compatíveis com essa forma : Outlook Express, Outlook XP, Outlook 2002, Outlook 2003, Outlook 2007, Thunderbird, Windows Mail e Windows Live Mail
Webmails compatíveis : Yahoo!, Terra Mail, Hotmail, Gmail, IG, Ibest
Webmails incompatíveis : UOL e BOL
Conclusão : o método “in-line” é o mais adequado para ser utilizado, pois mantém compatibilidade com a maioria das formas de leitura de e-mail existentes (clientes de e-mail e webmail).
Fonte : Apostila “Templates para E-mail Marketing” da Virid.
