Arquivos da categoria 'Email'

Construir newsletter o retorno

September 5, 2008 6:52 am

Bom pessoal, tive um bom feedback em relação ao primeiro artigo sobre como construir um email para newsletter.

Muita gente me escreveu pedindo várias coisas, portanto primeiro vou ratificar o que já disse no primeiro artigo.

Fica proibido expressamente pois não temos como garantir uma boa taxa de entrega emails que contenham:

  • Música - MP3, midi, alguns poucos vão ouvir, a maioria não.
  • Vídeo, mesma regra do que a música.
  • Flash, duvido que abra em algum cliente de email.

Muita gente perguntou sobre isso, e por mais que possa parecer legal para vocês, a maioria das pessoas não gosta de receber esse tipo de conteúdo no email, e ainda bem que 99% dos clientes de email bloqueiam isso.

Imagens podem ser enviadas, mas desde que bem utilizadas com a tag ALT definida, pois a maioria dos clientes de email bloqueia imagens por padrão.

Bom, continuando com algumas novidades, esse mês tive algumas dificuldades com o Outlook 2007 para variar, portanto repasso a dica:

Não usem de forma alguma fonte no tamanho 11px!

Vai detonar seu layout no Outlook 2007(ele de novo), pois ele renderiza a fonte de forma diferente dos demais clientes de email, a fonte fica maior.

Outra coisa, ao montarem um layout baseado em imagens que devem ser perfeitamente alinhadas, use sempre no CSS da imagem:

style=”display:block;”

Isso vai resolver alguns problemas de espaçamentos mágicos que aparecem sem explicação.

Em tempo lembro que em emails devemos esquecer os padrões web, portanto iremos montar tudo com tabelas, e, ao montar suas tabelas, evite o rowspan, algumas vezes ele mistura propriedas das colunas.

Neste caso enfie mais fundo a faca nos padrões web e coloque tabela dentro de tabela ao invés de usar rowspan.

É isso pessoal, passadinha rápida para mostrar sinais de vida… qualquer dúvida, já sabem, e só perguntar que com tempo eu respondo.

Como enviar emails, a famosa newsletter ou spam.

June 16, 2008 5:35 pm

Sinceramente e pessoalmente vos digo, isso é a pior coisa que pode acontecer a uma pessoa.
Enviar newsletter, fazer spam por si só é uma coisa abominável, não sei quem abre esses emails não solicitados, pior ainda, não sei quem solicita receber, mas o fato é que isso funciona e por isso essa técnica ainda persiste.

Seguindo a linha do pagando bem que mal tem, temos que aprender como enviar emails para se comportarem de modo semelhante nos diversos clientes de email, offline e online, e, ai começa o drama.

Você desenvolvedor vive reclamando dos navegadores que não seguem o padrão web, de ter que testar muitas vezes o mesmo HTML para ter que fazer funcionar perfeitamente em todos os ditos cujos?

Você esta no céu e nem imagina.

Mas eu irei abrir sua cabeça para a dura realidade, não existe um padrão adotado pelos clientes de email ate o momento.

Sentiu o problema?

Sim, exatamente o que você esta pensando.

Multiplique N navegadores renderizando uma pagina web de forma diferente, multiplique por X clientes de email offline renderizando paginas de forma diferente também, agora multiplique tudo por Y serviços de webmail que limitam a utilização de CSS e HTML e você terá o cenário completo.

Aterrorizante não?

Nesse momento eu gostaria de escrever Seus problemas acabaram, mas prefiro escrever Seus problemas estão apenas começando.

Vou escrever uma linha que nenhum cliente seu vai aceitar, mas que resume a triste realidade.

é impossível garantir que qualquer layout de email será mostrado 100% igual em todos clientes de email.

Agora vou escrever uma outra linha que você não vai gostar:

Sabe os lindos padrões web que você perdeu um tempão aprendendo? Esqueça, clientes de email irão renderizar melhor seus emails quando construído com tabelas, esqueça DIV em email. Exatamente, é proibido completamente

A única coisa que podemos fazer para tentar otimizar o envio de newsletters é seguir algumas recomendações básicas para tentar contornar as limitações da maioria dos clientes de email.

Vou começar repetindo o que acabei de escrever:

Não use DIVs em hipótese alguma.

Segundo, não utilize CSS externo, faça todo o CSS dentro da própria TAG, sim eu sei o que você está pensando, mas acredite, é a melhor forma no momento, infelizmente.

O motivo de não usar CSS externo é que muitos webmails retiram todo CSS que encontram linkado para que não quebre seu layout, e retiram ainda algum CSS dentro das tags também.

Continuando, use tabelas :(

Monte todo layout baseado nelas.

Quarto, use filtro solar.

Quinto, como disse antes, alguns clientes de email bloqueiam algumas propriedades do CSS, o background-image é uma delas, não use de forma alguma.

O Outlook 2007 não tem suporte as seguintes propriedades CSS:

  • Background-image
  • Background-position
  • Float/clear
  • Margin
  • Padding
  • List-style-image

Não as use!

Exceção a regra acima é usar padding/margin nas colunas das tabelas, isso é possível.

Não envie imagens anexadas nos emails, boa parte dos clientes não irá exibi-las com o conteúdo, prefira sempre hospeda-las e usar como fonte o caminho completo para a mesma.
Não esqueçam de usar a tag “ALT”, para mostrar o texto alternativo caso por algum motivo a imagem não seja exibida.

Não use line-height, muitos clientes de email não reconhecem.

Não defina nenhum CSS antes da tag BODY, não sera lido pelos clientes de email online.

Não use atalhos do CSS, exemplo:

style=”font:Arial 11px bold”

No lugar use:

style=”font-family:Arial; font-size: 11px; font-weight: bold”

Isso serve para qualquer propriedade do CSS não apenas para a fonte.

Acho que nem preciso comentar isso, mas ai vai, JAVASCRIPT, FLASH, MP3, VIDEO, qualquer tipo de frescura assim fica completamente proibido.

Em links utilize sempre o atributo target = “_blank”, alguns clientes de email conseguem a burrice de abrir o site dentro deles.

E possivel usar cores no background, mas use o atributo bgcolor na coluna, não utilize o atributo background-color, webmails apagam essa entrada de CSS.

Não use colspan nas tabelas, causam efeitos estranhos muitas vezes.

Bom, basicamente e de forma direta e isso(tem mais acreditem, mas vou deixar pra um futuro).

Isso tudo é feio, bobo e chato, mas é a unica forma de fazer um spam bem feito!

:P


Assine meus Feeds


Sobre/Contato

scripts