Cenário
A sua assinatura é necessária para incluir o widget do Trust Pilot e permitir que os destinatários deixem uma avaliação para quaisquer serviços que ofereça.
O Trust Pilot tem várias opções para o widget e gera código HTML que pode importar em alguns clientes de email.
Resolução
Para adicionar o Trust Pilot no Exclaimer Signatures:
-
Para começar, abra o código num editor de texto simples, como o Notepad, Atom, Notepad++ ou qualquer documento de texto para facilitar a leitura.
<p style="font-family: Arial, Arial Black, Tahoma, Trebuchet MS, Verdana, sans-serif; font-size: 12px; color: #aaa; text-decoration: none;">
<a href="https://uk.trustpilot.com/review/exclaimer.com?utm_medium=Trustbox&utm_source=EmailSignature2" target="_blank" rel="noopener noreferrer" style="text-decoration:none;text-underline: none;">
<img src="https://emailsignature.trustpilot.com/signature/en-GB/2/5c994862b22aa20001eb7ee9/text.png" border="0" height="16" style="max-height: 16px;border: none;" alt="Trustpilot rating">
<br>
<img src="https://emailsignature.trustpilot.com/signature/en-GB/2/5c994862b22aa20001eb7ee9/stars.png" border="0" width="160" style="max-width: 160px; width: 100%;border: none;" alt="Trustpilot Stars"></a>
<br>
<a href="https://uk.trustpilot.com/review/exclaimer.com?utm_medium=Trustbox&utm_source=EmailSignature2" target="_blank" rel="noopener noreferrer" style="text-decoration:none;text-underline: none;">
<img src="https://emailsignature.trustpilot.com/brand/s/2/logo.png" border="0" width="79" style="max-width: 79px; width: 100%;border: none;" alt="Trustpilot Logo"></a></p>- Extraia a URL da imagem e o hiperligação do código.
- Procure por <img src= e <a href= no código para encontrar os objetos relevantes.
Neste exemplo, extraímos as seguintes hiperligações e URLs de imagem:
Hiperligações
https://uk.trustpilot.com/review/exclaimer.com?utm_medium=Trustbox&utm_source=EmailSignature2
https://uk.trustpilot.com/review/exclaimer.com?utm_medium=Trustbox&utm_source=EmailSignature2URL da Imagem
https://emailsignature.trustpilot.com/signature/en-GB/2/5c994862b22aa20001eb7ee9/text.png
https://emailsignature.trustpilot.com/signature/en-GB/2/5c994862b22aa20001eb7ee9/stars.png
https://emailsignature.trustpilot.com/brand/s/2/logo.png
- Outro código que poderá precisar de usar, dependendo do widget, como os tamanhos das imagens e estilos de fonte.
font-family: Arial, Arial Black, Tahoma, Trebuchet MS, Verdana, sans-serif; font-size: 12px (9pts)
color: #aaa;
Tamanho da Imagem de Texto - altura 16px
Stars.png - Largura: 160px
Largura do Logótipo Trust Pilot: - 79px - Agora, dentro do Designer de Assinaturas, abra o modelo de assinatura que deseja editar.
- No painel do lado esquerdo, arraste o elemento Imagem/Logótipo e largue-o na área de trabalho um de cada vez.
Exemplo:
- Copie e cole as URLs das imagens na caixa URL da Imagem Ligada, depois selecione OK.
Exemplo:
- As imagens serão carregadas na área de assinatura.
Exemplo:
- Para adicionar hiperligação, selecione cada imagem e insira o URL correspondente. No painel de propriedades, expanda Hiperligação.
- Em URL de Destino, insira o URL.
- Em Texto Alternativo, insira um texto alternativo a ser mostrado caso esta imagem não possa ser exibida.
- Em Etiqueta para leitor de ecrã, insira uma etiqueta descritiva que ajude os leitores de ecrã e outros softwares de acessibilidade a descrever com precisão o URL de Destino.
- Para alterar o tamanho da imagem, selecione cada imagem para adicionar o tamanho. No painel de propriedades à direita, expanda Tamanho, depois aplique a Largura e/ou Altura corretas com base no código.
Exemplo:
- Selecione Guardar Alterações para guardar as alterações feitas no modelo.