Solved

Imagem de fundo em template e-mail

  • 5 June 2020
  • 6 replies
  • 709 views

Userlevel 4

Olá…

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

Como fazer?

icon

Best answer by Felipe Scholz 7 June 2020, 21:21

View original

6 replies

Userlevel 7
Badge +5

@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.

Userlevel 6
Badge +2

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.

Userlevel 4

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.

 

 

 

Userlevel 7
Badge +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:

Userlevel 4
Badge +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…

 

Userlevel 4

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

Reply