[Web Design] Como Montar um E-mail Marketing

Montar e-mail-marketing é um processo trabalhoso, você deve seguir uma série de regras, deixa de utilizar certas tags HTML e não abusar do CSS entre outros processos, neste post vão ver quais tarefas que você deve realizar para criar um e-mail marketing de qualidade.

O e-mail-marketing é algo que deve ser visualmente atrativo para o leitor, porém nem sempre você consegue aliar o design as regras de montagem, portanto tente criar um e-mail que atenda aos padrões visuais do cliente, mas sempre tente colocar como texto o que pode ser colocado como texto, pois quanto menos imagens tiverem o seu e-mail mais leve lê ficará. Não confunda as regras para criação de site com as regras para montagem de e-mail-marketing, pois CSS Tableless ainda não se encaixa no padrão de e-mails marketing, portanto tem que ser tudo em tabela, como nos tempos antigos.

Dica: Sempre fatie as imagens do seu e-mail em várias partes, pois um e-mail-marketing enviado como uma única imagem é considerada spam por alguns dos principais servidores de e-mail.

Dica: Suas imagens devem estar hospedadas na internet, não envie o e-mail com as imagens salva apenas no seu computador, pois muitos usuários não irão receber sua mensagem da maneira correta.

O uso do CSS

Você pode usar a tag “style” no head ou no body, mas não funciona em alguns dos principais servidores de e-mail (AOL MAC, Gmail e Hotmail), a melhor maneira de utilizar o CSS é com o método inline.

Propriedades CSS válidas para todos*:

  • Background-color:
  • Border;
  • Border-collapse;
  • Color;
  • Display, Float e Height (só não funciona no Outlook 07);
  • Font-family (não funciona no Gmail);
  • Font-size;
  • Font-style;
  • Font-weight;
  • Line height;
  • Table-layout;
  • Text-align;
  • Text-decoration;
  • Text-indent;
  • Text-transform;
  • Letter-spacing;
  • Padding;

* E-mails Testados (Yahoo Antigo/novo, Gmail Antigo/novo, Live Mail, Hotmail, AOL Web, MobileMe.) / (Outlook (2003 e 07), Windows Mail, Mac Mail, Entourage (2004, 2008), Thunder-bird 2, AOL (9, 10), Mac).

Estrutura HTML / CSS

Como construir um e-mail-marketing de qualidade e eficiente.

  • A estrutura deve ser em tabelas;
  • Utilizar as propriedades que todos os servidores de e-mail aceitem (ou pelo menos a maioria deles);
  • CSS inline;
  • Layout com largura fixa até 550px;
  • Sempre conter o link “Caso não esteja visualizando esta mensagem, Clique Aqui”.

HTML: tags que devemos evitar

Tags HTML que não devem ser utilizadas, por não serem suportadas por muitos clientes de e-mail:

  • DOCTYPE
  • HTML tag
  • BODY tag
  • Meta tags
  • Head tag
  • Base tag
  • Link tag
  • Script tag
  • Title tag
  • Applet tag
  • Frameset tag
  • Frame tag
  • IFrame tag
  • Comments

One response to “[Web Design] Como Montar um E-mail Marketing

  1. Excellent post! I really enjoyed reading it. I will be back for more!
    Sincerely,
    web design

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s