Como integrar uma imagem no corpo do email
Neste artigo, aprenderemos como você pode adicionar uma imagem ao corpo de um email.
Você precisará de:
- Uma conta systeme.io
- Um email a enviar (Newsletter, Campanha ou outro)
1. Adicionando uma imagem ao clássico editor de e-mail:
1.1 Se sua imagem estiver hospedada em um site de hospedagem de imagens
Você deve ir ao site em questão e copiar o link que ele fornecer.
Então, em seu email, clique no ícone da imagem (Número 1 na imagem), e você terá uma janela com um campo de URL.
Insira o link nele (Número 2 na imagem).
Em Propriedades da Imagem:
- Você pode inserir um texto alternativo, que será exibido em vez da URL.
- Você pode controlar o tamanho da imagem e alinhamento.
Finalmente, clique em "CONFIRMAR"
2. Se você deseja carregar uma imagem de seus arquivos:
Clique no botão com o símbolo de imagem (Número 1 na imagem)
Então vá à aba “Carregar” nas propriedades da imagem (Número 2 na imagem)
Depois disto, clique em “ Escolher arquivo” e escolha a imagem em seus arquivos (Número 3 na imagem)
Finalmente, clique em “ Enviar para o servidor” (Número 4 na imagem)
Você será redirecionado à aba “Propriedades da Imagem” onde você pode escolher um texto alternativo e mudar as dimensões e alinhamento de sua imagem.
Finalmente, clique em CONFIRMAR.
Nota:
Uma vez que sua imagem carregar, você pode transformá-la em uma imagem clicável ao seguir estes passos:
1. Clique na imagem em questão,
2. Clique no ícone “ Link”. (Número 5 na imagem)
3. Você poderá escolher o tipo de link que quiser.
4. Clique em " CONFIRMAR" quando completar suas configurações.
1. Adicionando uma imagem editor de e-mail visual:
Uma vez no editor visual de seu e-mail, você só precisa arrastar e soltar o elemento de imagem no editor de conteúdo de sua página (número 12 na imagem).
- Para carregar um novo arquivo que está em seu dispositivo, basta clicar no ícone em forma de nuvem para poder fazer isso (número 13 na imagem)
- Caso sua imagem já esteja hospedada em um servidor específico, basta colar sua URL no campo em questão (número 14 na imagem)
- Alterar o tamanho da imagem (número 15 na imagem)
Finalmente, clique em "Salvar mudanças" para salvar todas as alterações
Artigos relacionados: