Email Html ou Email Marketing

[Cuesta 0]

Olá!! estou fazendo umas pesquisas para fazer o meu e-mail marketing e o dos meus clientes...tenho visto varios tutos...no entanto já percebi que para ter uma visualisação mais proxima de 100% não devemos usar CSS .

Bem recebo uns e-mails marketing muito legais com imagens e tal ...e as instruções são para usar somente tabelas e o Html puro.

Vi que uns a imagem maior é dividida em quatro...

Bom a maioria dos tutos não esta bem detalhada inclusive quanto aos alinhamentos...

Alguem poderia postar um tuto detalhado e completo!!

 

Valeu obrigado!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Thiago Barraviera 0]

Então cara, estou com a mesma dúvida e algumas outras.

 

Vou pegar uma carona no seu topico.

 

Galera quando eu envio um email com uma imagem no corpo, tem destinatarios como: hotmail, yahoo, gmail, que chegam como spam.

 

Agora se eu mandar somente texto, dai chega normal na caixa de entrada.

 

Então quem tiver experiencia nessa parte de criar emails marketing, nos deem algumas dicas.

 

Grato

[douglash 0]

Ola, eu aconselho a utilizar html puro para evitar que seu email seja considerado spam, pois, dependendo do tamanho da imagem poderá entrar como spam, e com html você garante que o cliente irá visualizar no minimo o conteúdo importante e as imagens ficarão para dar a estética ao layout e não como principal informação. Assim você evita varios problemas.. mas existe varias restrições para criação do emk em html, principalmente as tags html e estilos, você utiliza todas as tags em desuso, como font, b, em.. e também todo o layout é feito com tabelas, esqueça de tabless para servidores de email, pois ele não irá compreender o css corretamente e as tags, style pode ser usado mas em linha, não pode ser incorporado ou externo, precisa ser em linha mesmo, definir o style na própria tag.

Como isso dá muito trabalho, eu utilizo um programa para me ajudar, o FireWorks, eu crio os slices no fireworks e depois melhoro o código.

Eu trabalho como webmasters para uma empresa, cuido das três lojas virtuais deles e inclusive da criação dos emks, então eu vou deixar aqui o código de exemplo de um emk q fiz para terem uma noção.

 

<table border="0" cellpadding="0" cellspacing="0" width="552" align="center">
  <tr>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="20" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="24" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="14" height="1" border="0" alt="" /></td>

   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="35" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="49" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="55" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="60" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="6" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="56" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="33" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="53" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="113" height="1" border="0" alt="" /></td>

   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="13" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="21" height="1" border="0" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="7" width="257" height="85" style="font-size:16px; font-weight:bold; vertical-align:middle" valign="middle" align="center"><a href="http://www.bestbattery.com.br" target="_blank" title="BestBattery" style="color:#000000; text-decoration:none;"><img name="logo" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/logo.gif" width="257" height="85" border="0" id="logo" alt="BestBattery" /></a></td>
   <td colspan="3" width="95" height="85" bgcolor="#FFFFFF" style="background-color:#FFFFFF; font-size:16px; font-weight:bold; vertical-align:middle" valign="middle" align="center"><img name="fone" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/fone.gif" width="95" height="85" border="0" id="fone" alt="Telefones:" style="text-align:center; vertical-align:middle" /></td>
   <td colspan="4" width="200" height="85" style="font-size:16px; font-weight:bold; vertical-align:middle" valign="middle" align="center"><img name="numeros_contato" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/numeros_contato.gif" width="200" height="85" border="0" id="numeros_contato" alt="Veja os Contatos" /></td>

   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="1" height="85" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="14" width="552" height="44"><img name="topo_conteudo" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/topo_conteudo.gif" width="552" height="44" border="0" id="topo_conteudo" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="1" height="44" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="7" width="20" height="588"><img name="lateral_esq_bg" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/lateral_esq_bg.gif" width="20" height="588" border="0" id="lateral_esq_bg" alt="" /></td>
   <td colspan="3" width="73" height="44"><img name="espaco_esq_cont" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/espaco_esq_cont.gif" width="73" height="44" border="0" id="espaco_esq_cont" alt="" /></td>

   <td colspan="9" bgcolor="#FFFFFF" style="background-color:#FFFFFF" width="438" height="44"><font face="Verdana, Arial, Helvetica, sans-serif" size="5" color="#1890c8">Novas baterias para notebook DELL</font></td>
   <td rowspan="7" width="21" height="588"><img name="lateral_dir_bg" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/lateral_dir_bg.gif" width="21" height="588" border="0" id="lateral_dir_bg" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="1" height="44" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="2" width="38" height="34"><img name="espaco_subtitulo" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/espaco_subtitulo.gif" width="38" height="34" border="0" id="espaco_subtitulo" alt="" /></td>
   <td colspan="10" bgcolor="#FFFFFF" style="background-color:#FFFFFF" width="473" height="34"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#625d5d" style="font-size:11px;">Acompanhando os últimos lançamentos do mercado de tecnologia, a<br  /> 
<b>BestBattery</b> traz para o Brasil novidades em baterias para notebooks <b>DELL</b>.</font></td>

   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="1" height="34" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="5" width="177" height="236" style="font-size:16px; font-weight:bold; vertical-align:middle" valign="middle" align="center"><img name="bloco_imagem_principal" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/bloco_imagem_principal.gif" width="177" height="236" border="0" id="bloco_imagem_principal" alt="Notebooks Dell" /></td>
   <td colspan="7" bgcolor="#FFFFFF" style="background-color:#FFFFFF" width="334" height="236"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#625d5d" style="font-size:12px"> - Linha completa de baterias para <b>DELL INSPIRON 
MINI</b>: DELL MINI 9, 10, 11 e 12.
<br  />
<br  />
 - Baterias para <b>DELL INSPIRON</b> 14, 1410, 1440, 
1525, 1545

<br  /><br  />
 - Bateria para <b>DELL VOSTRO</b> A90, 1014, 1310, 1320,
 1510, 1520, 1710, 1720.
<br  /><br  />
 - Bateria para <b>DELL STUDIO</b> 14
<br /> <br  />
 </font></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="1" height="236" border="0" alt="" /></td>

  </tr>
  <tr>
   <td width="24" height="106"><img name="espaco_esq_bloco_informativo" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/espaco_esq_bloco_informativo.gif" width="24" height="106" border="0" id="espaco_esq_bloco_informativo" alt="" /></td>
   <td colspan="10" width="474" height="106" style="font-size:16px; font-weight:bold; vertical-align:middle" valign="middle" align="center"><img name="bloco_informativo" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/bloco_informativo.gif" width="474" height="106" border="0" id="bloco_informativo" alt="Verifique com os consultores as compatibilidades." /></td>
   <td width="13" height="106"><img name="espaco_dir_bloco_informativo" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/espaco_dir_bloco_informativo.png" width="13" height="106" border="0" id="espaco_dir_bloco_informativo" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="1" height="106" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="12" width="511" height="46"><img name="espaco_rodape_conteudo" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/espaco_rodape_conteudo.gif" width="511" height="46" border="0" id="espaco_rodape_conteudo" alt="" /></td>

   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="1" height="46" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="8" width="299" height="24" style="font-size:16px;"><img name="redes_sociais" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/redes_sociais.gif" width="299" height="24" border="0" id="redes_sociais" alt="Acompanhe nossas novidades" /></td>
   <td colspan="4" width="212" height="24"><img name="espaco_redes_sociais" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/espaco_redes_sociais.gif" width="212" height="24" border="0" id="espaco_redes_sociais" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="1" height="24" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="4" width="122" height="98" style="font-weight:bold; vertical-align:middle" valign="middle" align="center"><a href="http://blogbestbattery.com.br" target="_blank" title="BlogBestbattery" style="color:#000000; text-decoration:none"><img name="blog" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/blog.gif" width="122" height="98" border="0" id="blog" alt="BlogBestbattery" /></a></td>

   <td colspan="3" width="121" height="98" style="font-weight:bold; vertical-align:middle" valign="middle" align="center"><a href="http://blogbestbattery.com/feed/" target="_blank" title="Feed" style="color:#000000; text-decoration:none"><img name="rss" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/rss.gif" width="121" height="98" border="0" id="rss" alt="Feed" /></a></td>
   <td colspan="3" width="142" height="98" style="font-weight:bold; vertical-align:middle" valign="middle" align="center"><a href="http://twitter.com/BestBattery" target="_blank" title="Twitter BestBattery" style="color:#000000; text-decoration:none"><img name="twitter" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/twitter.gif" width="142" height="98" border="0" id="twitter" alt="Twitter BestBattery" /></a></td>
   <td colspan="2" width="126" height="98"><img name="espacoPara_rede_social" src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/espacoPara_rede_social.gif" width="126" height="98" border="0" id="espacoPara_rede_social" alt="" /></td>
   <td><img src="http://www.bestbattery.com.br/emk/IMG/img_baterias_dell/spacer.gif" width="1" height="98" border="0" alt="" /></td>
  </tr>
</table>

É exatamente assim, exclui o body, head, html, deixa somente os elementos principais, no caso, apartir da table. Mas nesse modelo está sem o link auxiliar que vai no topo pq esse código eu peguei direto da página auxiliar.

 

Abaixo um link para consulta das tags e melhor modo de criar um emk em html.

 

http://www.virtualtarget.com.br/artigos.php/1/63/como-avaliar-a-qualidade-do-template-de-email-marketing

[Thiago Barraviera 0]

Nossa douglash, ótima essas dicas, parabens mesmo e muito obrigado, será de extrema utilidada nós.

 

Outra dúvida que eu tenho é o seguinte, há email marketing que já chega com a imagem aberta, sem pedir a permissão para mostrar.Como acontece isso?