E-mail marketing: o que fazer e o que não fazer | Design in a Box
facebook twitter youtube rss
Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina.
E-mail marketing: o que fazer e o que não fazer
Postado por em jun 23, 2009 sob as tags Featured Articles | 3 comments
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Esta semana que passou andei pesquisando sobre as boas práticas para a criação de e-mail marketing. E-mail marketing é aquele e-mail que recebemos para divulgar um produto ou serviço, mas que ao contrário do spam, nós permitimos receber quando assinamos sua newsletter. Acesse o artigo para saber o que fazer e também o que não fazer na hora que estiver criando uma campanha via e-mail.

 

Evite entrar na lista de spam

  • Evite incluir palavras como “Querido”, “Caro” ou “Dear” no início da mensagem
  • Não nclua estilos (CSS) em que a fonte esteja configurada para 0 px. Ex: “<font style=’font-size:0px;’>”
  • Tente não enviar o e-mail de uma URL muito extensa

 

O que você pode ou deve fazer

  • Se utilizar imagens para ativar uma ação, como em um botão por exemplo, não esqueça de prencher as tags title e alt, para exibir o texto correspondente caso a imagem não seja exibida
  • SEMPRE inclua a opção de opt out no e-mail ou seja, sempre permita ao usuário escolher não receber mais o e-mail marketing
  • Pesquisas mostram que o usuário aceita mais facilmente e-mails que mantém identidade uniforme. Mantenha sempre o logo ou assinatura da empresa no mesmo lugar
  • Muitos programas de e-mail exibem apenas um amostra do e-mail (preview pane). Isso significa que você deve incluir o máximo de conteúdo relevante no topo do seu e-mail
  • Seja breve. Uma pesquisa mostra que você tem apenas 2 segundos para convencer o usuário a não deletar o seu e-mail

 

O que você não pode e não deve fazer

  • Nunca utilizar classes CSS. Você deve utilizar estilo “em linha”, ou seja: EX: “<font style=’font-size:11px; color:#03f;’>”
  • Alguns dos fundamentos do design se aplicam aqui também, portanto não exagere nas cores e no número de fontes utilizadas
  • Mantenha o texto no html e não nas imagens. Muitos filtros de empresas por exemplo desabilitam as imagens do e-mail por segurança

 

Falando da parte técnica

  • Sempre valide o html do seu e-mail marketing. Você pode fazer isso através do site do W3C. O link é http://validator.w3.org/. Os únicos erros que você deve ter é a ausência de doc-type e das tags HTML, HEAD e BODY
  • Relembrando. No html do e-mail você não precisa incluir as tags HTML, HEAD e BODY. Portanto seu código deve começar direto com a tag TABLE
  • Ao contrário dos bons mandamentos do desenvolvimento web, use tabelas (table) aos invés de DIVs. Isso mesmo, de volta aos velhos tempos
  • Evite utilizar CSS para formatar padding, margin e border. Alguns leitores de e-mail via web possuem seu próprio CSS e podem ignorar suas configurações, fazendo com que seu lay-out não seja exibido de maneira correta
  • Evite utilizar tags como P e BR para aumentar o espaço do conteúdo verticalmente. Se o cliente abrir o seu e-mail em algum leitor via web e o CSS dest leitor configurar a propriedade line-height destas tags de maneira diferente da sua, seu lay-out irá variar de pessoa para pessoa.
  • Este dica li em um fórum, portanto não foi testada. Garantiram que e-mails abertos no Windows Live / Hotmail fazem algumas imagens desalinharem em alguns pixels. Utilizar o estilo display:block no CSS resolve este problema. EX.
    <.img style="display:block;" src="#" alt="Imagem" width="100" height="50" />
  • Preencha todos os valores de width e height de suas imagens
  • Mantenhas as imagens dentro das tags TD e não deixe espaço entre as tags no código. Alguns leitores de e-mail preenchem este espaço com tags como   o que pode desalinhar o seu lay-out
  • Não utilize imagens como background em tabelas e nem GIFs animados.

 

Durante a minha pesquisa achei artigos muito interessantes sobre e-mail marketing no blog Webinsider. Abaixo segue uma lista com alguns links que podem te auxiliar muito na criação do seu e-mail marketing.

 

Espero ter contribuído com alguma coisa. Críticas, sugestões elogios são sempre bem-vindos. Comentem. Deixe seu recado.

[ ]s

 

 



Sobre o autor

Tiago Pimentel

Estudei design gráfico na EPA e por uma ironia do destino, me tornei diretor de arte digital. Também sou ilustrador e músico, trabalho na Jazz Digital e sou adicto a links interessantes e todas as coisas boas da vida: fotografia, moda, cinema, viagens, arte, cultura, internet. Além disso dedico meu tempo livre às artes plásticas. Entre em contatos através das redes sociais, Facebook, Twitter, etc. Os links estão no MeAdiciona: www.meadiciona.com.br/tiagopimentel

Você também deve curtir:

Designers vs Clientes Não tenho muito o que falar sobre este vídeo a não ser que ele é genial. Assista e pergunte-se: quem...
Ryan Scherf: interfaces com simplicidade Claro que todos nós que criamos para internet gostaríamos de fazer somente jobs legais e principalmente...
Entrevista: Mel Marcelo Aproveitei o embalo do último artigo onde publiquei sobre o trabalho de Mel Marcelo para trocar uma...
Dropular Dropular é mais um site media bookmarking, aos moldes do FFFFound, We Heart it, etc. Esta ferramenta...


3 Respostaspara ““E-mail marketing: o que fazer e o que não fazer”

  1. Lucas disse:

    O Email Marketing é muito eficaz, desde que feito com consciencia e boa técnica. Consciencia em enviar e-mails com optin e até mesmo optin duplo, ou seja para quem realmente quer se comunicar com vc. E é claro, vc precisa enviar profissionalmente. Os emails tem que chegar na caixa de entrada e vc tem que monitorar as aberturas, cliques, emails inválidos, descadastramentos, etc. Precisa de uma ferramenta profissional, uso e recomendo a da Geekle – http://www.geekle.com.br – ótimo sistema e barato.

  2. Obrigado Lucas pela dica. As vezes preciso enviar e-mails para uma base grande e confesso que sou meio descontente com as opções que o mercado oferece. Não conhecia o Geekle, vou testar. [ ]s

  3. Feco Porto disse:

    Cara!

    Me salvou aqui!
    Eu tinha criado um mail marketing e as imagens se deslocavam quando abria no Google Chrome ou no Firefox (tanto no gmail quanto no hotmail) e graças ao display:block deu certo!

    Muito obrigado pela informação!

Deixe uma resposta

parceiros

The Old Black Gallery
Blog Ditudu
Caligraffiti
Choco la Design: O lado mais gostoso do design!
Studio MANGA ROSA
My Owl Barn
Tutorial 3D
Cute Drop
Magel Studio
Design Dicas
Design Dicas
Tutoriart
SmartGirls
Des1gnOn
Designers Brasileiros
sala7 design
Design Fera
Tonka 3D
Designer Effects
Designer Effects
Follow the Colours
Logotomia
Paroxismo Records
Designerd
SetUP Extras - Wallpapers • Matérias • Design
Artefinal
Designine