O documento discute e-mail marketing, legislação sobre marketing digital, como evitar spam e aumentar taxas de abertura de e-mails usando HTML bem redigido. Ele também menciona ferramentas gratuitas como Mailchimp e a importância de fornecer um link de opt-out para clientes que não queiram mais receber e-mails.

1. E-MAIL MARKETING E HTML
WEBDESIGN 2022 – RENATO MELO

2. E-mail MKT
Não deixe que sua
empresa seja igual ao
seu “Tio chato”

3. Se você não gosta de
receber, por que
enviar?

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

5. Legislação
Isso vale também para
mensagens via Whatsapp

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

7. Ele te quer
Se o cliente sinaliza que
quer receber seus e-mails,
trata-se de um nível de
fidelidade e boa taxa de
retorno.

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

9. SPAM
Case Danoninho

10. O E-MAIL MARKETING BEM
REDIGIDO EM HTML
RESOLVE O SPAM E
AUMENTA A TAXA DE
ABERTURA

11. 92% dos adultos online
utilizam email.
2.9 bilhões de usuários. 1/3
população mundial.

12. E-mail: Alcance previsível x
Facebook: Alcance
imprevisível.

13. MAILCHIMP = GRATUITO

14. A PARTIR DE R$97/MÊS

15. ARQUIVO DISPONÍVEL NO
BLACKBOARD:
exercíciohtml2.zip

16. DEPOIS DE TERMINAR SUA
ARTE, VOCÊ DEVE FATIAR
UMA IMAGEM NO
PHOTOSHOP

17. CLIQUE NA RÉGUA E
PUXE UMA LINHA
GUIA PARA SEPARAR
CADA PARTE.

18. 1 – USE A FERRAMENTA
DE CORTE;
2 – SALVE COMO
“NETSHOES1.JPG”
3 – DÊ CTRL+Z PARA
VOLTAR

19. ALTERAÇÕES NO CÓDIGO:
1 - TÍTULO – TROCAR PARA NETSHOES;
2 – TROCAR O LINK DO “CLIQUE AQUI”
PARA O SITE DA NETSHOES;

20. <a href="http://www.netshoes.com.br"><img src=
“netshoes1.jpg" border="0"></a>
</div>
</body>
</html>
INTERPRETANDO O
CÓDIGO
TROQUE O ENDEREÇO DA IMAGEM, PARA O NOME DA PRIMEIRA
IMAGEM SALVA: “NETSHOES1.JPG” E ALTERE O LINK PARA A
HOME.

21. <a href="http://www.netshoes.com.br"><img
src=“netshoes1.jpg" border="0"></a><a
href="http://www.netshoes.com.br"><img
src=“netshoes1.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 E O NOME DA IMAGEM TAMBÉM

22. INCLUA O <BR/> APÓS O
</A>. ELE SERÁ
RESPONSÁVEL POR
DAR ENTER!! INSIRA
ELE ENTRE AS IMAGENS
DICAS
LEMBRETE:
NÃO DÊ ESPAÇO DO </a>
PARA O <br/>

23. E-MAIL MARKETING E HTML
WEBDESIGN 2022 – RENATO MELO