Skip to main content
Solved

Imagem de fundo em template e-mail


Moacir Souza

Olá…

Quero colocar uma imagem de fundo no meu e-mail template.

Como fazer?

Best answer by Felipe Scholz

@Moacir Souza, tudo bem? O Pipefy oferece três possibilidades para inserir imagens no corpo do email template: o editor interno da funcionalidade, markdown e html.

Antes de adicionar uma imagem ao template de email, esta precisa ser hospedada em um serviço de hospedagem de imagens como por exemplo, https://imgur.com ou https://imgbb.com/ (você irá utilizar a URL da imagem para adicionar ao código). 

Atenção! A URL da imagem deve sempre terminar com uma extensão válida de formato de imagem (.jpg, .png, .gif.). Caso esteja usando um serviço de hospedagem e a URL gerada não tenha uma extensão apropriada, tente clicar com o botão direito do mouse para copiar o endereço da imagem ou abrir a imagem em uma nova aba. 

A largura máxima de imagem suportada nos templates de email é de 536px. Caso adicione qualquer imagem maior que isso, esta poderá ficar distorcida no layout do email, então recomendamos editar a imagem para o tamanho desejado antes de fazer o upload e inserir no template. 

Para adicionar uma imagem usando o editor nativo da funcionalidade basta clicar no ícone de imagem na barra de ferramentas e adicionar a URL da imagem hospedada:

image.png

Para adicionar imagens usando markdown você irá utilizar o código abaixo:

  • ![Image alt text] (URL da imagem) > simplesmente removendo os espaços entre os elementos;

Para adicionar imagens usando HTML:

  • <img src="URL da imagem">

Adicionando imagens por html, você pode usar tags de estilo inline para editar alguns aspectos da imagem como altura e largura, como no exemplo abaixo:

Dica: Se sua imagem for mais larga do que a largura máxima do template de email, use o aspecto da largura da imagem para redimensioná-la para que ela caiba no email corretamente.

View original
Did this topic help you find an answer to your question?

6 replies

Forum|alt.badge.img+5
  • Pipefy Staff
  • 94 replies
  • Answer
  • June 7, 2020

@Moacir Souza, tudo bem? O Pipefy oferece três possibilidades para inserir imagens no corpo do email template: o editor interno da funcionalidade, markdown e html.

Antes de adicionar uma imagem ao template de email, esta precisa ser hospedada em um serviço de hospedagem de imagens como por exemplo, https://imgur.com ou https://imgbb.com/ (você irá utilizar a URL da imagem para adicionar ao código). 

Atenção! A URL da imagem deve sempre terminar com uma extensão válida de formato de imagem (.jpg, .png, .gif.). Caso esteja usando um serviço de hospedagem e a URL gerada não tenha uma extensão apropriada, tente clicar com o botão direito do mouse para copiar o endereço da imagem ou abrir a imagem em uma nova aba. 

A largura máxima de imagem suportada nos templates de email é de 536px. Caso adicione qualquer imagem maior que isso, esta poderá ficar distorcida no layout do email, então recomendamos editar a imagem para o tamanho desejado antes de fazer o upload e inserir no template. 

Para adicionar uma imagem usando o editor nativo da funcionalidade basta clicar no ícone de imagem na barra de ferramentas e adicionar a URL da imagem hospedada:

image.png

Para adicionar imagens usando markdown você irá utilizar o código abaixo:

  • ![Image alt text] (URL da imagem) > simplesmente removendo os espaços entre os elementos;

Para adicionar imagens usando HTML:

  • <img src="URL da imagem">

Adicionando imagens por html, você pode usar tags de estilo inline para editar alguns aspectos da imagem como altura e largura, como no exemplo abaixo:

Dica: Se sua imagem for mais larga do que a largura máxima do template de email, use o aspecto da largura da imagem para redimensioná-la para que ela caiba no email corretamente.


belsalemme
Pipefy Staff
Forum|alt.badge.img+2
  • Pipefy Staff
  • 38 replies
  • June 8, 2020

Oi Moacir! Como o Felipe Scholz explicou acima, existem diversas formas de adicionar imagens ao corpo te um template de email, mas a feature não suporta a utilização de imagens como fundo de email. Sugiro encaminhar como sugestão de melhoria na sessão de product feedbacks, clique aqui para acessar.


Moacir Souza
  • Author
  • New Participant
  • 12 replies
  • June 8, 2020

Olá @Felipe Scholz , obrigado pelo esclarecimento.

 

Mas em nenhuma dessas opções eu consegui colocar a imagem no fundo da mensagem.

O que eu gostaria de fazer é algo como a imagem abaixo, mas o texto eu traria de campos do card, dinamicamente.

 

 

 


Forum|alt.badge.img+5

@Moacir Souza Infelizmente o Pipefy não permite a utilização de imagens como plano de fundo no email template. O que você pode fazer é criar todo o email no formato de uma imagem e adicionar no template. Porém, dessa forma você não poderá utilizar o conteúdo dinâmico. Caso essa funcionalidade seja muito importante para você eu recomendo você sugerir essa funcionalidade na categoria Product Feedback :smiley:


consultoria24
Forum|alt.badge.img+1

Poderia fazer a diagramação para conciliar  a imagem e o campo dinâmico. Tipo

Olá, {{campo dinamico}}

IMAGEM…

Sobre o atendimento {{ campo dinamico}}

IMAGEM…

 


Moacir Souza
  • Author
  • New Participant
  • 12 replies
  • July 21, 2020

@consultoria24  é uma boa sugestão e é o que vamos fazer, mas a orientação da comunicação da empresa não é essa, vamos adaptar o processo à ferramenta. :disappointed_relieved:


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings