Tableless - Desenvolvimento inteligente com Padrões Web

06/12/2007
Artigos

Email bom é TXT

Você é um sujeito antenado e sabe disso. Mas talvez seu chefe não saiba. Talvez seu cliente não saiba. (Talvez você mesmo não saiba.) Ou por qualquer outro motivo, você pode se ver obrigado a enviar uma newsletter em HTML. …

Por


Você é um sujeito antenado e sabe disso. Mas talvez seu chefe não saiba. Talvez seu cliente não saiba. (Talvez você mesmo não saiba.) Ou por qualquer outro motivo, você pode se ver obrigado a enviar uma newsletter em HTML. E agora, o que você faz? Chuta o pau da barraca, abre o Dreamwaver e prepara “aquele” layout?

Você ainda pode, mesmo enviando emails em HTML, se preocupar em tornar melhor a experiência de seu usuário. Vejamos:

1. Layout simples. Cada leitor de emails exibe de um jeito diferente. Webmails então, destróem qualquer layout. Muitos desabilitam seu CSS. Então, se preciso monte o layout com tabelas, não coloque DIVs flutuantes (layers), javascripts e outros bichos.

2. Ofereça o conteúdo em TXT. Não sei como o Outlook faz, mas a maioria dos mailers (e componentes de envio de email server-side) permite definir o conteúdo para HTML e para texto no mesmo email. Se alguém usa o Kmail (eu uso!), o webmail da Locaweb (também uso!), ou qualquer outro leitor de emails que não exiba HTML promiscuamente, vai ver o conteúdo TXT que você enviou. Se você não fizer isso o coitado vai ver código HTML listado na tela.3. Pense em quem vai ler offline. Coloque o CSS no corpo do email, não em um arquivo externo. Imagens, coloque no servidor pra deixar o email menor, mas coloque atributo ALT no seu HTML e cuide de que as imagens não sejam essenciais ao entendimento da mensagem. Muitos programas de email exibem HTML mas não exibem imagens dentro dele (meu Kmail está configurado pra isso.)

4. Nunca, nunca, nunca, em hipótese alguma, coloque javascript em sua newsletter. Você não faz a menor de idéia de como seu javascript vai se comportar no sistema do cliente. E alguns antivírus vão reclamar do seu email, causando uma má impressão em seus clientes.

5. Idem para Flash, Java, Shockwave, iPix, MP3, ActiveX.

6. Pense em contingência. Imagine que você prepara seu email com letras brancas sobre fundo preto. E o webmail, no intuito de preservar o layout deles, desabilita seu background.

Além disso, claro, não preciso dizer que newsletter de verdade é opt-in, que os emails que seus usuários enviarem clicando em “responder” na newsletter precisam ser lidos e respondidos e que se alguém pedir para não receber mais seus emails isso precisa acontecer imediatamente.

Por Elcio Ferreira

http://elcio.com.br/

Veja os outros posts de

  • Bruno Santos

    Parabéns o site tá lindo!!!

    Eu faço o boletim do terra ofertas, e o email marketing do moto.com.br ..
    E me virei bastante pra conseguir deixar tudo em html, porque os leitores de email acabam MESMO com o email.. e não é só porque tem css que o email pode ficar bonito. Basta ter bom senso.

  • http://www.navegandosonhos.blogspot.com Rodrigo van Kampen

    A falta de padrões para html em e-mails é realmente um problema. O pior é que muita gente acha que e-mail=outlook. Já ouvi frases como: “O webmail é um programinha que passa do outlook pra internet.” ou (mais frequente) “Ué, mas se ficar bom no Outlook, não tem problema, ninguém usa esses outros que ninguém conhece”.

    E, para piorar ainda mais, o Outlook gera um código tão limpo quanto o do word, ou seja, desista…

    Enfim: usar o logo da empresa nos e-mails é muito interessante, dá uma cara mais profissional. Fiz o que pude com os “templates” do Outlook para fazer isso da melhor maneira possível.

    E justamente essa semana, minha chefe pediu para eu desenhar uma newsletter. Fiz lá, bem limpo, mas (óbvio) quadrado… “Não, tá feio… Olha, pega aquela imagem, joga em degradê aqui, coloca o título de um modo diferente e tal…” RESULTADO: Estamos mandando a newsletter como uma IMAGEM.

  • Erich Kist

    Adorei a reformulada no site. Só senti falta de um campo com os post anteriores dentro da leitura da matéria. Mesmo assim esta bem mais agradável, clean e leve (57kb).

    Parabéns.

  • http://rodrigomuniz.com Muniz

    Achei o layout bem mais bonito que o anterior, apesar de estar tão simples quanto. Ótimo!

    Quem sou eu pra ensinar CSS, mas tá na hora de usar “em” pra o text-indent negativo né? Já aumentaram a fonte? Hehehehe…

  • Luiz

    Estou usando FireFox e tem um espaço branco, gigante, à esquerda do texto. Qual é a função dele? Eu entenderia, se o layout fosse fluido e esse espaço “sumisse” quando eu usasse 800×600, mas não é o caso, acaba gerando scroll.

    Realmente não entendi

  • http://www.webpaulo.com Paulo Rodrigo Teixeira

    Oi Élcio,

    O artigo ficou muito bom e concordo com ele, menos com o título e o primeiro parágrafo.

    Hoje em dia, como você citou, é possível mandar peças em HTML e txt em um único envio. A leitura vai depender da capacidade do programa de e-mail.

    Além disto, as taxas de cliques e fechamentos em peças em HTML são muito superiores (já fiz milhares de testes). Na verdade, se o e-mail for para troca de informações, no dia-a-dia é melhor txt. Se for para um e-commerce ou um e-mail marketing: “E-mail bom é HTML e TXT”.

    Um grande abraço,
    Paulo

  • http://www.paulojean.com Smashs

    Opa!
    Eu ja li em alguns artigos que não é bom utilizar css em newsletter e achei até uma tabela que mostras quais comandos em css devemos utilizar e quais webmail aceitam. Mais realmente é bom utilizar ou não css?
    Obrigado!

  • http://www.s3web.com.br Eduardo Penna

    Bom dia amigos… estou desenvolvendo um sistema de CRM e essa questão veio a tona.

    Concordo plenamente com o Paulo com relação a quando utilizar HTML e quando texto plano.

    No caso do CRM, é sempre HTML com direito até a um RTE para edição do corpo.

    Tenho 2 dicas para dar com relação ao css…

    - Nunca utilize referência por objeto, pois dependendo da ordem como o webmail renderiza, vai estragar o layout do webmail ou não vai funcionar.
    - Coloque, mesmo que seja o valor default, a maioria das propriedades mais usadas (margin, padding, color, etc)

    Se o webmail tiver declarado no CSS algo assim:
    p {
    margin:10px;
    color:#ff0000;
    font-size:12px;
    }
    E você não se preocupou em declarar a cor de uma classe para seu parágrafo, já era.

    Abraço

  • http://www.phius.blog.br Phius Linsky

    Olá Élcio,

    Fiquei com uma dúvida…

    “(…) permite definir o conteúdo para HTML e para texto no mesmo email”

    Li isso em vários lugares mas nenhum sanou a seguinte dúvida: Como podemos fazer isso?

    Valeu \o/

  • caetano

    Eu sábia que já tinha lido esse artigo nesse site. Foi em 2004. Agora o original ficou com 404. Auto-plágio =)

  • Pingback: Invasão » Blog Archive » Email bom é TXT

  • http://www.daniloalexandre.com.br Danilo Alexandre

    Eu estava justamente nesse momento “desenhando” um layout para a newsletter que pretendo enviar.

    Vou seguir sua dica e enviar em txt. Dessa forma terei certeza que todos poderão ler a mensagem.

    Um abraço,
    Danilo Alexandre.

  • http://www.formatonline.com.br Rafael Carazolli

    Bom, sou novato em css e… acontecem muitos erros sim mas eu vou fazer uns testes de envio em txt só pra ver se é isso tudo mesmo!!

  • http://www.carazolli.com.br Marcelo

    Tá ai… meus e-mails sempre chegam no destino sem as “ç”, “´”, “`”, “^”…… vou tentar fazer assim e ver noque dá!!

  • http://twitter.com/jardel_xavier Jardel Xavier

    Ótimas dicas, vou encaminhar para o meu cliente que está teimando em criar um super layout cheio de imagens, por mais que eu mostre os problemas ele ainda tem dúvidas, acredito que com seu Artigo eu possa convence-lo. Obrigado!

  • http://meadiciona.com.br/adrianocaramello Adriano Caramello

    Aproveitando o gancho do item número 2 e o comentário do Rodrigo van Kampen, o Microsoft Outlook parece ser o IE6… como o Win 7 não vem com nenhum cliente de e-mail, e até então muitos não conhecem Live Mail tão pouco soluções melhores acabam instalando o Office de brinde vai o Outlook!
    É incrível ver cada coisa bizarra que o Microsoft Outlook faz!
    Além da concientização do IE6 teremos que fazer algo com o Microsoft Outlook?

    Elcio parabéns pelo artigo! E se possível escreva mais sobre e-mails!
    Abraços,

  • Lucas Arruda

    > (…) não preciso dizer que newsletter de verdade é opt-in (…)

    Só isso já classifica 99% dos e-mails de marketing e newsletter como spam.