Pular para o conteúdo principal

Olá, como podemos ajudá-lo hoje?

Ou selecione uma categoria abaixo
Primeiros Passos
Vídeos

Como adicionar o Trust Pilot nas suas assinaturas?

  1. Base de conhecimento da Exclaimer
  2. Design de assinatura
  3. Designer de assinaturas
Payal Arya
  • Atualizado

Cenário

Sua assinatura é necessária para incluir o widget Trust Pilot e permitir que os destinatários deixem uma avaliação para quaisquer serviços que você ofereça.

O Trust Pilot possui várias opções para o widget e gera um código HTML que você pode importar para alguns clientes de e-mail.

Resolução

NOTA: Apenas para fins de exemplo - este código foi editado apenas para este cenário.

Para adicionar o Trust Pilot dentro das assinaturas do Exclaimer:

  1. Para começar, abra o código em um editor de texto simples como Notepad, Atom, Notepad++ ou qualquer outro 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="Avaliação Trustpilot">
    <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="Estrelas Trustpilot"></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="Logo Trustpilot"></a></p>

    - Extrair o URL da imagem e o hiperlink do código.

    - Procure por <img src= e <a href= no código para encontrar os objetos relevantes. 

    Neste exemplo, extraímos os seguintes hiperlinks e URLs de imagem:

    Hiperlinks

    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=EmailSignature2

    URL 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 pode ser necessário, dependendo do widget, como os tamanhos de imagem 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 - 16px de altura
    Stars.png - Largura: 160px
    Largura do Logo Trust Pilot: - 79px 
  2. Agora, dentro do Designer de Assinaturas, abra o modelo de assinatura que deseja editar. 

  3. No painel do lado esquerdo, arraste o elemento Imagem/Logo e solte-o no canvas um por um.
    Exemplo:


  4. Copie e cole os URLs das imagens na caixa URL da Imagem Vinculada, em seguida clique em OK.
    Exemplo:


  5. As imagens serão carregadas no canvas da assinatura.
    Exemplo:


  6. Para adicionar os hiperlinks, clique em cada imagem para adicionar o URL. No painel de propriedades à direita, expanda Hiperlink e insira o URL em URL de Destino.
    Exemplo:


  7. Para alterar o tamanho da imagem, clique em cada imagem para adicionar o tamanho. Na painel de propriedades do lado direito, expanda Tamanho, em seguida, aplique a largura correta e/ou a altura com base no código.
    Exemplo:


  8. Clique em SALVAR ALTERAÇÕES para salvar as alterações feitas no modelo.