o html no e-mail marketing

INTRODUÇÃOÀ E-MAIL MARKETING E HTML

RENATO MELO – 2014

E-mail MKTNão deixe que sua empresa seja igual ao seu “Tio chato”

Se você não gosta de receber, por

que enviar?

LegislaçãoCompra de dados é ilegal! Tanto para e-mail, quanto para SMS, você precisa ter autorização da pessoa para enviar e-mail marketing.

LegislaçãoMesmo com autorização, você tem que disponibilizar um link de opt-out, caso o cliente não queira mais suas mensagens.

“Se for comprar base de e-mail, melhor investir em anúncios no

Google e Facebook, né?”

SPAMQuanto mais marcação como SPAM no seu domínio, pior para você

SPAMCase Danoninho

NOMETome cuidado!!

CENÁRIO BRASIL

27% E-MAILS SÃO ABERTOS

33% E-MAILS NÃO CHEGAM NA CAIXA DE ENTRADA

6% SÃO CONSIDERADOS SPAM

O E-MAIL MARKETING BEM REDIGIDO EM HTML RESOLVE O

SPAM E AUMENTA A TAXA DE ABERTURA

JÁ O E-COMMERCE BRASILEIRO É O

SEGMENTO QUE MAIS INVESTE E ACERTA SUAS

ESTRATÉGIAS

CENÁRIO BRASIL

94% DOS E-MAILS CHEGAM NA CAIXA DE ENTRADA

CENÁRIO EUA

84% DOS E-MAILS CHEGAM NA CAIXA DE ENTRADA

TAXA DE CLIQUES POR SEGMENTO

Construção - 8,01% Saúde & Fitness – 5,5%Foto & Vídeo - 5,5%O restante possui taxa inferior a 3%, incluindo segmentos como Viagens, Softwares, Relações Públicas, entre outros.

OS ERROS MAIS COMUNS

Criação da base

Frequência de envio

Venda x Relacionamento

CORTEM AS IMAGENS!!!!

VAMOS USAR ESTE CÓDIGO:

Arquivo:http://

www.renatomelo.com.br/esamc/html.zip

VAMOS MUDAR TUDO!

PRIMEIRO: VAMOS FATIAR ESTA IMAGEM

NO PHOTOSHOP

Arquivo:http://

www.renatomelo.com.br/esamc/

submarino.jpg

1-ABRA O LINK2 – COPIE A IMAGEM

3 – DÊ UM ARQUIVO – NOVO NO PHOTOSHOP E COLE

CLIQUE NA RÉGUA E PUXE UMA LINHA

GUIA PARA SEPARAR CADA PARTE. NO TOTAL SERÃO 5.

1 - RECORTE PELAS LINHAS-GUIA

2 – SALVE NA PASTA DO E-MAIL MKT

3 – DÊ ALT+CTRL+Z E RECORTE OUTRA PARTE

IMPORTANTE!!!TODAS AS 6 IMAGENS

DEVEM ESTAR NA MESMA PASTA!!!

AGORA O CÓDIGO:1 - TÍTULO – TROCAR DE EXTRA PARA SUBMARINO;

2 – TROCAR O LINK DO “CLIQUE AQUI” PARA O SITE DO SUBMARINO;

3 – COLOCAR O SITE DO SUBMARINO TAMBÉM NO LINK DA IMAGEM;

<a href="http://www.extra.com.br"><img

src="http://renatomelomkt.com.br/esamc/web-aula2/extra.jpg"

border="0"></a></div>

</body></html>

INTERPRETANDO O CÓDIGO

AQUI TEMOS O LINK DA IMAGEM + O LINK, CERTO?

<a href="http://www.extra.com.br"><img

src="submarino1.jpg" border="0"></a><a

href="http://www.extra.com.br"><img src="submarino2.jpg"

border="0"></a></div></body></html>

INTERPRETANDO O CÓDIGO

VAMOS COLOCAR UMA IMAGEM ATRÁS DA OUTRA, DE “A” ATÉ

“A” – LEMBRE DE TROCAR O LINK DA IMAGEM TAMBÉM

HÁ! NÃO VAI DAR CERTO!!

ROBIN! PRECISAMOS APRENDER UM NOVO

CÓDIGO!

<a href="http://www.submarino.com.br"><img

src="submarino1.jpg"

border="0"></a><br/><a

href="http://www.submarino.com.br"><img src="submarino2.jpg"

border="0"></a></div></body></html>

INTERPRETANDO O CÓDIGO

O <BR/> SERÁ RESPONSÁVEL POR DAR ENTER!! INSIRA ELE

ENTRE AS IMAGENS, JÁ COLOQUE AS 6 E SALVE!

NÃO DÊ ESPAÇO DO </a> PARA O <br/>

FACEBOOK.COM/RENATOMELOMKT