Solved

Adicionar botões email template

  • 5 June 2020
  • 1 reply
  • 476 views

Userlevel 4

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. 

icon

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

View original

1 reply

Userlevel 7
Badge +5

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

 

 

Reply