Matt Coneybeare

MC

How to Make an HTML Signature in Apple Mail for Lion OS X 10.7

| Comments

Looking for El Capitan instructions?
Looking for Yosemite instructions?
Looking for Mavericks instructions?
Looking for Mountain Lion instructions?

UPDATE

Many people have asked me to writeup some custom HTML code for their signatures. So many have asked me since writing this article that I have decided to start a custom HTML email signature website to help you all out. For a small fee, I will take your information and appearance requests, generate a few different options to choose from, formulate HTML code that is safe for emails, host any custom images for you, and help guide you through the installation process. Follow through to GiantUser for more info.

ORIGINAL POST

There are plenty of tutorials online to create an HTML signature in Apple Mail with Snow Leopard, but it has changed slightly for Lion. Here is how to do it:

  1. In Mail.app, go to Preferences > Signatures and create a signature with any random content. Name it something meaningful. You will be swapping this out later.

  2. Write an html page inside of your favorite text editor. The page should not have html, head or body tags, should include only inline css, and should only consist of basic html elements (div, span, img, a, etc…). Here is some example code to get you started, but you will need to provide your own images.
  3. Open the file in Safari.

  4. Click “File” > “Save As” and save as a webarchive.

  5. Open the folder
    1
    
    ~/Library/Mail/V2/MailData/Signatures/
    
    to show your email signatures in Finder by holding down the Option key and clicking the “Go” menu in Finder. Check here for more tips if you are having trouble opening the ~/Library folder.

  6. Locate the webarchive file you created in step 1 using quicklook (spacebar).

  7. Copy the exact name of the webarchive located in step 6, and delete the file.

  8. Replace it with the webarchive you created in step 4, giving it the exact same name that you copied in step 7.

  9. Restart Mail.app and go to Preferences > Signatures. If you have images in your signature, they will not show here in the preview, but they will show in the real signature if the location is valid.

  10. Open a new compose window and see your new html signature.

If you need additional help with html signature design or implementation, I have setup a small service called GiantUser (it’s an anagram of signature) to do just that with very reasonable prices. Check it out!

Finally, I run a small software company called Urban Apps. It pays the bills so I can take the time to write helpful posts like this one. If you found this posting helpful at all, I would really appreciate it if you would check out my iPhone/iPad Apps on the iTunes App Store.

Comments

My name is Matt Coneybeare, I design and develop for iOS (iPhone, iPad and iPod Touch), Mac OS X and the Web out of New York. In 2008 I started a software company called Urban Apps that has made some pretty popular apps such as Ambiance and Hourly News. My current Stack Overflow reputation is about 21k.

I was a Rockstar a decade ago, but then went back to school and collected a Bachelor's Degree in Computer Science from U.C. Berkeley. Now I am settled down with my beautiful wife Di and our three doggies Hamachi, Foxy and Millie. While coding, I walk at least 16 miles/day on my Treadmill Desk. When not at my desk, I love exploring New York City as a Yelp Elite.

Contact information

Name
Matt Coneybeare
Email
Website
Twitter
App.net
Instagram
GitHub
Wizpert
Google+