Skip to main content

Hello, how can we help you today?

Or select a category below
Getting Started
Videos

How to add Trust Pilot within your signatures?

  1. Exclaimer Knowledge Base
  2. Signature Design
  3. Signature Design
Payal Arya
  • Updated

Scenario 

Your signature is required to feature the Trust Pilot widget to allow recipients to leave a review for any services you offer.

Trust pilot has multiple options for the widget and generates HTML code that you can import into some mail clients.

Resolution

NOTE: For example purposes only - this code has been edited for this scenario only.

To add Trust Pilot within Exclaimer Signatures:

  1. To start with, open up the code into a plain text editor such as Notepad, Atom, Notepad ++ or any text document to make it easier to read. 
    <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>

    - Extract the image URL and Hyperlink from the code.

    - Look out for <img src= and <a href= in the code to find the relevant objects. 

    In this example, we have extracted the following hyperlinks and image URLs:

    Hyperlinks

    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

    Image URL

    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

    - Other code you may need to use, depending on the widget, such as the image sizes and font styles.

    font-family: Arial, Arial Black, Tahoma, Trebuchet MS, Verdana, sans-serif; font-size: 12px (9pts)
    color: #aaa;

    Text Image Size - 16px height
    Stars.png - Width: 160px
    Trust Pilot Logo Width: - 79px 
  2. Now, within the Signature Designer, open the signature template you wish to edit. 

  3. From the left-hand side pane, drag the Image/Logo element and drop it onto the canvas one by one.
    Example:


  4. Copy and paste the image URLs into the Linked Image URL box, then click OK.
    Example:


  5. The images will load into the signature canvas.
    Example:


  6. To add the hyperlinks, click on each image to add the URL. From the right-hand properties pane, expand Hyperlink and enter the URL in Destination URL.
    Example:


  7. To change the image size, click on each image to add the size. From the right-hand properties pane, expand Size, then apply the correct Width and or Height based on the code.
    Example:
  8. Click SAVE CHANGES to save the changes made to the template.