Home » Email signature templates: user’s manual

Email signature templates: user’s manual

This article explains how to deploy one of the free signature templates available on our page on a standalone email client (e.g. Microsoft Outlook) or webmail client (e.g. Gmail, Yahoo Mail, Outlook.com, Office 365 OWA).

Standalone email client

For webmail client instructions scroll here.

  1. Download the zip archive with the email signature template to an easily accessible folder.
  2. Navigate to the folder (in most browsers there is a Show in folder button available after a download).
  3. In the folder, right-click the downloaded zip archive, select Extract All… and proceed to extract the archive. A new folder containing the extracted content will be created.
  4. Open the folder and double click the .html file (the one with your internet browser’s logo). The signature template will load in your browser.
  5. Press CTRL+A on your keyboard to highlight the entire signature template.
  6. Press CTRL+C on your keyboard or right-click a highlighted part of the signature template to copy it to clipboard.
  7. Open the HTML signature editor in your email client and click inside the editor space to activate the cursor.
    To find out how to access the HTML signature editor in popular email clients consult these links:
  8. Press CTRL+V on your keyboard or right-click inside the editor space and select Paste (Keep source formatting).
  9. Replace the {First name}, {Last name}, etc. placeholders with your personal details, paste your own images/photos and remove the parts you don’t need.
  10. Save changes.

Webmail client

  1. Download the zip archive with the email signature template to an easily accessible folder.
  2. Navigate to the folder (in most browsers there is a Show in folder button available after a download).
  3. In the folder, right-click the downloaded zip archive, select Extract All… and proceed to extract the archive. A new folder containing the extracted content will be created.
  4. Open the folder and double click the .html file (the one with your internet browser’s logo). The signature template will load in your browser.
  5. Press CTRL+A on your keyboard to highlight the entire signature template.
  6. Press CTRL+C on your keyboard or right-click a highlighted part of the signature template to copy it to clipboard.
  7. Open the HTML signature editor in your email client and click inside the editor space to activate the cursor.
    To find out how to access the HTML signature editor in popular email clients consult these links:
  8. Press CTRL+V on your keyboard or right-click inside the editor space and select Paste (Keep source formatting).
  9. Replace the {First name}, {Last name}, etc. placeholders with your personal details, paste your own images/photos and remove the parts you don’t need.
  10. Upload the image/s (located in the folder where you extracted the zip archive) to an online image hosting service and paste them over the ‘broken image’ icons as per this article (applies to all popular webmail clients).
  11. Save changes.

To ensure a unified email signature design in your company, consider using a central email signature management solution.

14 thoughts on “Email signature templates: user’s manual

  1. fariba

    Hi , Thank you for the guide. However I could not use your templates for my email. Nor the guide for active icons with links to our social media worked.

    Reply
    1. Paweł Krzemiński

      Hi Fariba,

      Please let me know what email/webmail client you are using and at which point the procedure failed.

      If possible, please also paste the source code of the signature you designed.

      Best regards,
      Pawel

      Reply
  2. Andre Foksowicz

    Hi Pawel,

    I’m using a mac and got everything sorted out just fine with the exception of the social icons. They are not showing up. All i’m getting are the little question marks. what do I have to fix this?

    Thanks in advance,
    Andre

    Reply
      1. Lea Diamond

        Hi,
        I am also using a mac mail and the social media icons showed up at question marks too. I don’t know how to change or how to add my links.

        Reply
  3. Antoine

    Hi Pawel,

    I would like to replace the photo with my QR code what size should the image be?
    (Corporate navy blue with photo placeholder left)

    Thanks in advance.

    Antione

    Reply
    1. Paweł Krzemiński

      Hi Antoine,

      86px x 86px should fit – it’s the size of the photo placeholder in the template.

      Hope this helps,
      Pawel

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *