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”:

How to insert an image

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.

Source code

O código-fonte da imagem deverá ficar assim:

Insert source code

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%”.

Insert source code width

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!

Isso te ajudou?

Obrigado por seu feedback!

Sinto por isso 😢

Como podemos melhorar?