A ferramenta de envio de email marketing da Templateria agora se chama Zenmail e tem um site dedicado a ela.

Insights de email marketing

Email Marketing animado com Marquee

Templates de email marketing usam HTML old-school, e textos animados com marquee (igualmente old school) chamam a atenção no email marketing.

Sim, eu sou antiga e sou da época em que usar marquee era o último grito em Paris para páginas web. Se você não se lembra ou não conhece, marquee é esse tipo de animação:

envie seu email marketing agora!

crie sua conta no Zenmail, conheça a plataforma e escolha o melhor plano para começar seus envios.


111,111,111 x 111,111,111 = 12,345,678,987,654,321.

Dentro da tag marquee, você pode colocar um link, uma imagem ou até mesmo um parágrafo. Porém, de nenhuma dessas formas o seu código HTML será válido pelo W3C, visto que o elemento marquee é considerado obsoleto.
A animação é exibida corretamente em todos os browsers, mas o validador do W3C irá apresentar alguns erros quando você validar o seu código HTML, indicando que não existe um elemento marquee ou seus atributos na documentação do HTML.
Relembrando os tempos áureos de uso do marquee em websites, imaginei como seria sua aplicação nos dias de hoje, em Email Marketing. Eis os resultados dos testes:

DesktopSuporte a marquee
Apple MailSim
Outlook 2000Sim
Outlook XP/2002Sim
Outlook 2003Sim
Outlook 2007, 2010Não
Outlook 2011Sim
Outlook 2013Não
Lotus Notes 8.5 e 8.0Sim
ThunderbirdNão
MobileSuporte a Marquee
iPhoneSim
iPadSim
AndroidSim
BlackBerry 5 OSNão
SymbianSim
Windows PhoneSim
WebmailsChromeInternet ExplorerFirefox
GmailNãoNãoNão
Outlook.comSimSimNão
Yahoo! MailSimSimSim
BOLSimSimSim
UOLSimSimSim
TerraSimSimSim
R7SimSimSim

Perceba que, nos webmails, o suporte ao elemento marquee depende também do browser em que o webmail é acessado.
Caso você queira fazer seus próprios testes ou usar a animação de texto em marquee no seu email marketing, use esse código:


Não é antigo, é old-school.

Experimente outros efeitos do marquee trocando os valores dos atributos loop, behavior, scrollamount e direction.

Marquee com CSS3

Atualização de 27.10.2016 às 15h30: Depois da publicação deste artigo, as propriedades de marquee foram removidas das especificações do CSS3, portanto, estas instruções não funcionarão. Para animar textos de forma semelhante ao marquee, o W3C recomenda utilizar as propriedades de animação do CSS, que não funcionam em email marketing.

Apesar do elemento marquee ser considerado obsoleto para o HTML, o CSS3 traz propriedades de criação e formatação de marquee, o que faz sentido, já que marquee não é um elemento semântico (como p, div, table, strong etc), mas sim, puramente estético.
As propriedades em CSS relacionadas à criação e formatação de marquee são: marquee-style (equivalente ao atributo behavior da tag marquee em HTML), marquee-speed, marquee-play-count e marquee-direction. A propriedade overflow-x também traz o valor marquee-line.

Eu sou um recurso muito moderno.

Eu sou um recurso muito moderno.

O interessante é que o CSS3 possibilitará criar animações do tipo marquee mais “avançadas” com sobreposição de textos, separação de parágrafos e outras transformações.
Este segundo cenário não é muito animador para usar em email marketing porque se até mesmo os browsers ainda oferecem suporte limitado a CSS3, sendo necessário usar webkit e outros vendor prefixes para muitas propriedades, que dirá os programas de email.
De qualquer forma, fiz os testes e eis os resultados para avaliação do suporte dos programas de email a marquee em CSS3:

DesktopSuporte a marquee
Apple MailSim
Outlook 2000Não
Outlook XP/2002Não
Outlook 2003Não
Outlook 2007, 2010Não
Outlook 2011Sim
Outlook 2013Não
Lotus Notes 8.5 e 8.0Não
ThunderbirdNão
MobileSuporte a Marquee
iPhoneSim
iPadSim
AndroidSim
BlackBerry 5 OSNão
SymbianNão
Windows PhoneNão
WebmailsChromeInternet ExplorerFirefox
GmailSimNãoNão
Outlook.comSimNãoNão
Yahoo! MailNãoNãoNão
BOLSimNãoNão
UOLSimNãoNão
TerraSimNãoNão
R7SimNãoNão

Da mesma forma que o GIF animado, é possível incorporar animações de texto em marquee ao email marketing de forma que pareçam caricatos ou amadores. Basta usar a criatividade!

Receba nossa newsletter

Cadastre-se e fique por dentro das nossas novidades e do universo do email marketing! Nossa newsletter é enviada, no máximo, uma vez por mês, você pode se descadastrar a qualquer momento e seu endereço de email está seguro conosco.

Newsletter da Templateria

Receba em seu email conteúdos exclusivos sobre email marketing: