How to add an HTML email signature to Outlook 2010

I confess that its been several years since I’ve been tethered to Outlook so when I went to create an HTML signature I found that the signature advanced editor had been removed. Ack! Yes Rich Formatted text would get me close but if you want more control it might be time to create an HTML signature. HTML signatures are useful if you are wanting to use images or attach a business card with actually attaching a file every time you send an email. It is preferable to link to your contact card and use html tags to include the image.

Personally I use well formatted text and hyperlinks in my email signature but find what works for you.

A few final design notes:

  1. Don’t include your important information within the image. If your image is blocked then your info is as well.
  2. Explore how to mimic your coporate colors and feel using rich text. See some good examples at “Creative design tips for e-mail signatures

For more do’s and don’ts read Smashing Magazine’s “The Art And Science Of The Email Signature


How to create an HTML Signature for Outlook 2010 (Windows 7)

  1. To get to the email signature settings click File -> Options -> Mail -> Signatures.
  2. Click “New” to create a new signature and name it to something you will recognize. We’ll use “Example HTML”
  3. Type in a few nonsense letters and click “Save”
  4. Leave outlook open and navigate using Windows Explorer to C:UsersYOURUSERNAMEAppDataRoaminMicrosoftSignatures (Note that the AppData folder is hidden by default so you might need to select show hidden folders)
  5. Within this folder you will find a file named “Example HTML.htm” right click this file and select edit.
  6. Windows will open your default HTML editor, usually Word. I use Notepad++ but whatever you choose now you can edit your signature. Depending on your editor you may need some help with the HTML code so remember Google is your friend.
  7. Once you have your signature created click save and return to the Outlook Options.
  8. Select your new signature and you should see it formatted based on the HTML file you modified.

Screenshot of how to get to Outlook 2010 signature options


Linkedin provides a great tool for creating email signatures. Visit to get started. It’s free but requires a Linkedin account.

  1. Fill out the info fields and select a template.
  2. Scroll to the bottom and click “Click Here for Instructions”. This will open a new window that gives you the HTML code.
  3. Paste this code into your HTML editor (step 6 above)
  4. Save and preview in Outlook


Your Turn

I’d like to know what you prefer in email signatures. Text only or well designed image signatures. How does your mobile use of email affect your answer?


4 responses to “How to add an HTML email signature to Outlook 2010”

  1. Calvin Hill says:

    That is funny, I was in the same boat when I started using Windows 7 and Outlook again. I had to figure it out all over again. On my mobile devices I like my name and the device name. With my photography business, I use my logo with text. And of course at my day job, I use what they give me plus text. 🙂 I have always had some sort of signature in my email. It hard to think back when I didn’t have automated. Thinking about it, I have several email accounts on my mobile devices. I wish I had multiple signatures.

  2. […] creating the text, modify the signature using an HTML editor. I found this blog post with a great explaination of how to edit the HTML signature when using […]

  3. Hey,

    Just wondering about including images once you have coded it. Do the images need to stay in a specific folder on the users computer so it can find them or on a server? If you put them on a server how do you do that?

    Sorry if this is a bit rookie but any help appreciated.


    • Keith says:

      The images will need to be uploaded to a webserver. Try using its easy, reliable, and free. Upload the image and then use the HTML code they provide. 🙂 Good luck and sorry for the delayed response.

Leave a Reply