O documento discute sobre e-mail marketing, legislação sobre envio de e-mails, importância de evitar marcação como spam e como HTML bem redigido pode resolver problemas de spam e aumentar taxas de abertura de e-mails. Também fornece exercícios práticos de edição de código HTML para criação de newsletter.

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. VOCÊ PODE FATIAR UMA
IMAGEM NO PHOTOSHOP

16. CLIQUE NA RÉGUA E
PUXE UMA LINHA GUIA
PARA SEPARAR CADA
PARTE. DEPOIS, BASTA
RECORTAR CADA IMAGEM
INDIVIDUALMENTE.

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

18. Turma da classe:
Recortar no Photoshop
e salvar as imagens.
Turma de casa:
imagens já estão
cortadas dentro do zip.

19. ALTERAÇÕES NO CÓDIGO:
1 - TÍTULO – TROCAR PARA RICARDO
ELETRO;
2 – TROCAR O LINK DO “CLIQUE AQUI”
PARA O SITE DA RICARDO ELETRO;
3 – COLOCAR O SITE DA RICARDO
ELETRO TAMBÉM NO LINK DA IMAGEM;

20. <a href="http://www.ricardoeletro.br"><img src=
“ricardo1.jpg" border="0"></a>
</div>
</body>
</html>
INTERPRETANDO O
CÓDIGO
TROQUE O ENDEREÇO DA IMAGEM, PARA O NOME DA PRIMEIRA
IMAGEM SALVA: “RICARDO1.JPG”

21. <a href="http://www.ricardoeletro.com.br"><img
src=“ricardo1.jpg" border="0"></a><a
href="http://www.ricardoeletro.com.br"><img
src=“ricardo2.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

22. O <BR/> 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