Skip to main content
Solved

Adicionar botões email template

  • June 5, 2020
  • 1 reply
  • 516 views

Olá, gostaria de adicionar botões mais visíveis em meus email template. Dessa forma consigo chamar mais a atenção para um CTA (call to action) dos solicitantes externos que recebem emails. 

Best answer by Felipe Scholz

@João Pedro, nos templates de email do Pipefy, um botão é, na realidade, uma imagem combinada de um hiperlink (clique aqui para aprender como adicionar uma imagem e aqui para aprender como adicionar um hiperlink).

O código HTML que utilizaremos, combinará o hiperlink (que pode ser utilizado para vincular a uma página estática ou a um conteúdo dinâmico como o URL do card) com a imagem (confira as observações sobre a imagem abaixo).

O código que utilizamos para inserir um botão vinculado ao URL do card, por exemplo, seria este:

<a href="{}"><img src="http://pngimg.com/uploads/buttons/buttons_PNG105.png" width="120" height="65" alt="button"></a>

A primeira parte  (<a href="LINK/CONTEÚDO DINÂMICO">) é a parte do hiperlink. É aqui que você precisa adicionar o endereço virtual que deseja linkar ou adicionar o conteúdo dinâmico como, por exemplo, {}.

A segunda parte (<img src="IMAGE-URL" largura="120" altura="65" alt="button">) é a parte da imagem. Você pode utilizar largura/altura para redimensionar a imagem e caber melhor no seu email.

É assim que o código HTML aparece no editor do seu template de email:

image.png

E assim aparece o email quando você o recebe:

image.png

Atenção! Atenção, antes de adicionar uma imagem a um template, ela precisa estar hospedada em um serviço de hospedagem de imagem, como, por exemplo, https://imgur.com ou https://imgbb.com/ (você utilizará o URL da imagem para adicionar código). O URL da imagem sempre deve terminar em uma extensão válida de imagem (.jpg, .png, .gif.). Se você estiver utilizando um serviço de hospedagem de imagem que gera uma URL que não possui uma extensão apropriada, tente clicar na imagem com o botão direito do mouse para copiar o URL da sua imagem ou abrir a imagem em uma nova aba. 

 

 

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

1 reply

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

@João Pedro, nos templates de email do Pipefy, um botão é, na realidade, uma imagem combinada de um hiperlink (clique aqui para aprender como adicionar uma imagem e aqui para aprender como adicionar um hiperlink).

O código HTML que utilizaremos, combinará o hiperlink (que pode ser utilizado para vincular a uma página estática ou a um conteúdo dinâmico como o URL do card) com a imagem (confira as observações sobre a imagem abaixo).

O código que utilizamos para inserir um botão vinculado ao URL do card, por exemplo, seria este:

<a href="{}"><img src="http://pngimg.com/uploads/buttons/buttons_PNG105.png" width="120" height="65" alt="button"></a>

A primeira parte  (<a href="LINK/CONTEÚDO DINÂMICO">) é a parte do hiperlink. É aqui que você precisa adicionar o endereço virtual que deseja linkar ou adicionar o conteúdo dinâmico como, por exemplo, {}.

A segunda parte (<img src="IMAGE-URL" largura="120" altura="65" alt="button">) é a parte da imagem. Você pode utilizar largura/altura para redimensionar a imagem e caber melhor no seu email.

É assim que o código HTML aparece no editor do seu template de email:

image.png

E assim aparece o email quando você o recebe:

image.png

Atenção! Atenção, antes de adicionar uma imagem a um template, ela precisa estar hospedada em um serviço de hospedagem de imagem, como, por exemplo, https://imgur.com ou https://imgbb.com/ (você utilizará o URL da imagem para adicionar código). O URL da imagem sempre deve terminar em uma extensão válida de imagem (.jpg, .png, .gif.). Se você estiver utilizando um serviço de hospedagem de imagem que gera uma URL que não possui uma extensão apropriada, tente clicar na imagem com o botão direito do mouse para copiar o URL da sua imagem ou abrir a imagem em uma nova aba. 

 

 


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