Skip to main content
Solved

Template de E-mail Responsivo

  • February 28, 2023
  • 6 replies
  • 139 views

marcosmelo
Forum|alt.badge.img+18

Olá, existe alguma forma de manter o template de e-mail responsivo via código html? Sempre que monto um template com tabelas e imagens, ele se comporta diferentemente nos gerenciadores de e-mails que o destinatário utiliza. Dentre esses comportamentos, está o desalinhamento dessas tabelas, mesmo que essas sejam configuradas para se manter alinhada.

Best answer by anggela-leiva

Desculpa a demora, @marcosmelo 

 

Entendo que o Outlook ussa um padrão próprio, com isso ele dificulta a leitura dos códigos HTML.

Nesse caso, eu sugiro que os próprios usuários do Outlook ativem as configurações para que o template possa aparecer do jeito desejado.

 

Aqui tenho um link do Suporte da Microsoft, dá uma olhadinha para ver se te ajuda: https://support.microsoft.com/en-us/office/send-an-email-message-based-on-a-template-56c645fc-1b25-4059-808b-55ee72b6bc2d

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

6 replies

Ezequiel Souza
Forum|alt.badge.img+14

Olá Marcos

 

Você pode usar o editor HTML no template email para colocar as tags para tornar seu email responsivo.

Nunca testei, mas como é possível editar e salvar, acredito que funcione.  Porém requer conhecimento de HTML para tal ou usar algum editor que poderá “gerar o código” e colar no editor HTML.

 

Boa sorte.


marcosmelo
Forum|alt.badge.img+18
  • Author
  • Pipefy Legend
  • 1465 replies
  • February 28, 2023

Olá Ezequiel

Já tentei diversos códigos no HTML, mas não da certo. o código as vezes funciona ora para um gerenciador, ora para outro gerenciador.
Então resolvi pedi ajuda aqui para ver se alguém conhece algum código que se comporte de maneira igual ou se isso é bug no pipefy.
 


anggela-leiva
Pipefy Staff
Forum|alt.badge.img

Oi @marcosmelo, tudo bem?

Geralmente os códigos que usamos em Pipefy para os templates de e-mail, são esses:

 

  • Adicionando imagens: a imagem precisa estar hospedada em um serviço de armazenamento de imagens.
  • Formatação de texto: pode usar <h1>, <h2>, <h3> e demais códigos de mesmo tipo para ajudar a formatar o conteúdo dos emails e quebrá-lo em "blocos" usando títulos e subtítulos:
  • Criar tabelas: 

 

Se são usados outros códigos diferentes, podem ser não suportados nos nossos templates de e-mail. 

Qual código você está usando?


marcosmelo
Forum|alt.badge.img+18
  • Author
  • Pipefy Legend
  • 1465 replies
  • February 28, 2023

Olá. Anggela
Estou usando esse código:
 

<td style="width: 16.5239%; height: 68px;" align="center"><img src="

Ele funciona apenas em alguns gerenciadores de e-mail.
Exemplo de gerenciador em que não funciona: Outlook

 

 


anggela-leiva
Pipefy Staff
Forum|alt.badge.img
  • Pipefy Staff
  • 33 replies
  • Answer
  • March 3, 2023

Desculpa a demora, @marcosmelo 

 

Entendo que o Outlook ussa um padrão próprio, com isso ele dificulta a leitura dos códigos HTML.

Nesse caso, eu sugiro que os próprios usuários do Outlook ativem as configurações para que o template possa aparecer do jeito desejado.

 

Aqui tenho um link do Suporte da Microsoft, dá uma olhadinha para ver se te ajuda: https://support.microsoft.com/en-us/office/send-an-email-message-based-on-a-template-56c645fc-1b25-4059-808b-55ee72b6bc2d


marcosmelo
Forum|alt.badge.img+18
  • Author
  • Pipefy Legend
  • 1465 replies
  • March 3, 2023

Hum, entendi.

Ok, obrigada, Anggela


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