Easily Create Custom Stationary in Apple’s Mail.App

I write a monthly internal newsletter to our company My first edition was a little lackluster and the images I so carefully crafted resided on my hard drive were none of my colleagues could read them. So I decided to figure out how to create custom stationary that I could update and send on a monthly basis. A lot of the solutions I saw were surprisingly complex. The Save as Stationary feature works fine once you have the template created but editing and creating a template in the message email environment isn’t easy. So here’s my solution.

Step 1 – Create Your Email Template

Create your email template outside of your email editor, most likely in a HTML editor. Here are some tips:

Create your email template in your editor in a table, I made my 600 pixels wide and formatted it in a table. You can go as wide as 650 pixels but I wouldn’t suggest any wider.
MailChimp has some nice free email templates if you need a starter template.
Add your CSS styles inside your <body> tags rather than in the header as you might normally do.

Step 2 – Add the Markup for Apple Mail.App

Now encapsulate your HTML body inside the following span text (I got this part from David Todd Watson’s Blog) :

<span contenteditable=”true” apple-content-name=”body” style=”display: block; “>

<div>

<div style=”word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; “>

Followed by this code which will make the email editable in Mail.app:

Once you add your text close your tags by adding the following right before your </body> tag.

</div>
</span><br>
</div>
</span>

<!– END CONTENT SECTION –>

Then save your file.

Step 3 – Open Your Template in mail.app

Now open your HTML file in Safari. Then press Command-I to open the file in Mail.app. This should give you an email that looks the way you would like.

Step 4 – Update Images

Now for the image files. Go into your message editor and delete the image files that are linked to your hard drive. Then use the Attach function to attach the images and drag them were they need to go.

Step 4a – Optional Quick and Dirty Solution

If you want a quick and dirty solution you can go to File and Save and save the email in your Drafts folder. Then drag it into a folder you created. I originally called mine “aTemplates” so it would show up at the top of my folder list in mail.app. When you need to use the stationary then copy the email to your drafts folder and edit away. I only mention this method is occasionally when you use the method described in Step 4b it doesn’t save properly, still working on the cause.

Step 4b – Save as Stationary

If you don’t opt for the quick and dirty method you can now go to File and Save as Stationary this should create the stationary. To use this method you can use the Show Stationary button in the Mail.app editor. Then navigate to Custom and your template should show up as an image in the custom stationary list.

This method worked for me but would love feedback in case I am missing something.

How To: Mac OS X 10.5 Leopard – HTML Mail Templates (aktivnett.no)
Use Mail.app’s Signature function to send templated email (macosxhints.com)
How To Make Custom Mail.app Stationery (newmacuser.com)
10.5: How to create custom Mail stationery (macosxhints.com)
Making Custom Stationary in Apple’s Mail.app (mac-fusion.com)
Create Mail stationery – Mac OS X (bibblan.coom)

Technorati Tags: custom stationary, formatted email, Mac OS X, mail.app

custom stationary, formatted email, Mac OS X, mail.app

4 comments on “Easily Create Custom Stationary in Apple’s Mail.App”

Karol says:

July 6, 2011 at 4:17 pm

Just a correction… The word is “stationery” not “stationary.” Please check: http://welfordwrites.wordpress.com/2007/10/16/stationery-or-stationary/. Just for your information. I’ll try this advice, thank you! I’m breaking my brain trying to figure out how to create customized e-mail stationery for my work. We use Macs. I’m glad I found this post in Google!
adrianomartino says:

February 15, 2012 at 12:04 pm

Hi Mark,
thanks for the post! I wonder how you could images on server instead of attaching them.
Mark says:

February 15, 2012 at 3:35 pm

You would upload them to a personal website or flicker or some other service than include a link to full URL when doing the insert image in your email.
Jmul2175 says:

March 7, 2013 at 8:12 pm

Hi
This my sound silly, I have saved new stationery, I open new email- click show stationery, i can view them all but able to open.
Not sure if you can help me Thanks