Como inserir imagem em um e-mail em HTML
Imagens são elementos de design importantes no marketing por e-mail que reforçam o conteúdo da sua mensagem e proporcionam interesse visual. Aqui estão as etapas para inserir e editar imagens em seu e-mail em HTML.
Etapa 1. Faça upload da imagem.
Se você quiser adicionar uma imagem, é necessário fornecer o link dela. Portanto, é preciso que ela possa ser acessada na internet. Faça upload da imagem a partir do seu computador para o site, p.ex., ImgBB.
Atenção: você não poderá adicionar imagens enviadas para o Google Drive ou para o Dropbox devido às configurações de privacidade.
Etapa 2. Insira a imagem.
Feito o upload da imagem, copie o link dela. Selecione o código “HTML full linked”:
Em seguida, cole o endereço da imagem no seu e-mail baseado em HTML. Para isso, selecione o ícone de código-fonte no elemento E-mail na sua Campanha de gotejamento por e-mail e adicione o código.
O código-fonte da imagem deverá ficar assim:
Observe que o tamanho da imagem no seu e-mail pode ser diferente, mas você pode mudá-lo no Código-fonte. Para isso, digite width e height no seu código e insira os números que definirão o tamanho da imagem. Os números devem ser colocados entre aspas, após o endereço da imagem. Por exemplo, digite width=”400″ e height=”250″.
Este é seu código inicial:
<a href=”https://ibb.co/vxfPdDR”><img src=”https://i.ibb.co/7JBWpbL/01.png” alt=”01″ border=”0″></a>
Aqui está o código após adicionar essa parte:
<a href=”https://ibb.co/vxfPdDR”><img src=”https://i.ibb.co/7JBWpbL/01.png” alt=”01″ border=”0″ width=”400″ height=”250″ /></a>
Para deixar a imagem responsiva em vários dispositivos, adicione a seguinte parte ao código HTML: width=”100%”.
Etapa 3. Teste o e-mail em HTML antes de enviá-lo.
Sempre verifique seus e-mails em HTML antes de enviá-los. Verifique se a imagem funciona corretamente na sua mensagem HTML de teste antes que a campanha de gotejamento por e-mail chegue aos destinatários.
Veja como inserir um GIF animado no seu e-mail.
Feliz envio!
Obrigado por seu feedback!
Sinto por isso 😢
Como podemos melhorar?