Como inserir HTML Email MARKETING

bahL2 · 9 de abril de 2013

ola gnete, preciso de ajuda, criei um email marketing com o photoshop fatiei e subi as imagens no imageshake pra testar, usei o hotmail o meu webmail e gmail e nada ele abre com os codigos escritos em ves das imagens.

Como posso fazer isso funcionar? será que fiz algo de errado?

segue o html feito pelo photoshop:

OBS: eu mudeis as tags meta igual do site do imasters achando que funcionaria mas nao funcionou.


<html>
<head>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.3020" name=GENERATOR>
</head>
<body bgcolor="#FFFFFF">
<!-- Save for Web Slices (email.psd) -->
<table width="658" height="1700" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabela_01">
	<tr>
		<td>
			<img src="http://img842.imageshack.us/img842/6144/fatia1.jpg" width="658" height="202" alt="fatia1"></td>
	</tr>
	<tr>
		<td>
			<img src="http://img822.imageshack.us/img822/6540/fatia2.jpg" width="658" height="207" alt="fatia2"></td>
	</tr>
	<tr>
		<td>
			<img src="http://img201.imageshack.us/img201/7029/fatia3.jpg" width="658" height="1291" alt="fatia3"></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

joseRenato · 9 de abril de 2013

tente fechar a tag img para ver se funciona...

ex :


<img src="http://img842.imageshack.us/img842/6144/fatia1.jpg" width="658" height="202" alt="fatia1" />

bahL2 · 9 de abril de 2013

valeu BRigado, ja vou tentar e digo se deu certo!

nada, ele fica em branco como se não tivesse nada =/

to usando ele assim:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (email.psd) -->
<table id="Tabela_01" width="658" height="1700" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="http://marketing.barbaramotta.net/imagens/fatia1.jpg" width="658" height="202" alt="fatia1"/></td>
	</tr>
	<tr>
		<td>
			<img src="http://marketing.barbaramotta.net/imagens/fatia2.jpg" width="658" height="207" alt="fatia2"/></td>
	</tr>
	<tr>
		<td>
			<img src="http://marketing.barbaramotta.net/imagens/fatia3.jpg" width="658" height="1291" alt="fatia3"/></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

subi as imagens pro servidor pra ver, a tag meta sera que tem algo a ver?

nada no hotmail continua em branco e quando mando do webmail pro hotmail ele aparece o codigo. estou indo onde escreve a mensagem e inserindo versão html

joseRenato · 9 de abril de 2013

Não sei como funciona nos demais servidores, mas no hotmail é desta maneira :

Poe para enviar um email, primeiramente vá em OPÇÕES e selecione Editar em HTML, depois cole o seu código, e volte para Rich text, desta maneira já vai aparecer o seu código compilado...

bahL2 · 9 de abril de 2013

oi jose consegui fazer aparecer no hotmail

com o codigo assim:

Somente a tabela.

mas no webmail não funcionou.... se tiver alguma ideia agradeço.

outra coisa, as imagens sairam com espaços isso eu conserto fatiando novamente certo?


<table id="Tabela_01" width="658" height="1700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://marketing.barbaramotta.net/imagens/fatia1.jpg" width="658" height="202" alt="fatia1"/></td>
</tr>
<tr>
<td>
<img src="http://marketing.barbaramotta.net/imagens/fatia2.jpg" width="658" height="207" alt="fatia2"/></td>
</tr>
<tr>
<td>
<img src="http://marketing.barbaramotta.net/imagens/fatia3.jpg" width="658" height="1291" alt="fatia3"/></td>
</tr>
</table>

bahL2 · 10 de abril de 2013

ola, ja consegui resolve pra quem tive com duvidas, esqueça usar o codigo html no PS e FW

tem que usar editor html direto e usar os programas acima só para fatiar imagens e depois No meu caso DW montar a baela html e ir inserindo as imagens e usar um fundo para nao ter problemas com espaçamento e as cedulas para os elementos.

valeu!