How to create customized OSX Mail stationery in Leopard
If you enjoy Leopard’s new Mail Stationery for sending beautiful HTML email, but wished you could personalize it more, read on for some very good news!Apple has made Mail’s new Stationery feature quite easy to edit to your heart’s content, as long as you have an image editor that can save .jpg and .png files, and an HTML editor such as Dreamweaver (or just text edit if you’re a die-hard HTML coder). Just follow these simple steps:
Step 1:
Navigate to the root level of your Macintosh hard drive and go to: Library/Application Support/Apple/Mail/Stationery/ Apple/Contents/Resources

Inside this folder, you’ll see five more folders named the way you see them in Mail when you click the Stationery button in the upper right corner of new emails. They are Birthday, Announcements, Photos, Stationery, and Sentiments.
Step 2:
For the sake of keeping it easy in this tutorial, I chose to base my customized email off of one of Apple’s built-in templates called Sand Dollar Stationery.

Go ahead and open the Stationery/Contents/Resources folder. You will see 8 files and a folder. Option-drag the Sand Dollar.mailstationery file to your desktop. We want to work on a copy of the file, not the original.
Step 3:
Control+Click (right-click) on the Sand Dollar.mailstationery file on your desktop and select Show Package Contents.

Another folder will open. Go ahead an open the Content/Resources folders until you see the basic files for the Stationery template. Here you will see seven files and a folder.
Step 4:
Open the content.html file just to get an idea of what the final template will look like. Once you’ve decided on your design, simply open each of the four .jpg files and customize them.

Obviously the file named top.jpg is the “masthead” of the template where you can place a logo, photo or whatever you wish. As you can see in the image above, I created a completely new “top.jpg” file to replace the Sand Dollar and paper background. Keep the background simple unless you really know what you’re doing. Be sure to save the .jpg files as the exact same file names.
Step 5:
Open the content.html file (if it’s not still open) to make sure your images have updated in the HTML. If you haven’t physically moved any of the files or changed the names, the HTML document should look perfect.At this point, you can also customize the “base text” that appears when you select the Stationery in Mail. Go ahead and add a signature at the bottom with your Web address or whatever you wish. For my purposes, I chose to just leave the text alone since I don’t send out emails with boilerplate text in them anyway.
Step 6:
Save and close the content.html file.At this point, I also dragged the content.html file to my Web browser and took a screenshot. I then opened the thumbnail.png file and pasted the screenshot into it and resized it to fit. Don’t forget to save the thumbnail image as a .png, not a .jpg file.
Step 7:
We’re just about finished. Open the Description.plist file in Text Edit. Make sure Text Edit is set to save files as plain-text, not rich-text. About 12 lines down you’ll see a “string” with the name of the template, in this case it’s Sand Dollar.mailstationery. Change it to whatever you want, keeping the .mailstationery part. Save and close the file.

Now go into the English.lproj folder and open the DisplayName.strings file in Text Edit. Change the name at the end of the text again from Sand Dollar inside the quotes to whatever you wish. Save and close the file.
Step 8:
Now close the folders and go back to your desktop and rename the Sand Dollar.mailstationery file to whatever you wish, keeping the extension. In my case, it was Creative Guy.mailstationery.
Step 9:
Drag the new package file from your desktop back into the original Stationery folder where you got it.

In my case it was:Library/Application Support/Apple/Mail/Stationery/ Apple/Contents/Resources/Stationery/Contents/Resources
Step 10:
Close all the folders and launch Mail. Create a new email, click the stationery button in the upper right corner of the window to display the list of available templates. Under the Stationery item in the list (or whichever one you chose to edit) you should see your new template icon (provided you did create that thumbnail.png image.To make it easy, I dragged my new template to the Favorites item in the list. As you can see by the final product below, it works perfectly.

Obviously, the more you know about HTML, the more complicated you could make your customized templates. Though I haven’t tried, I suppose you could also include CSS.That’s it. Now select the text, type your email and send away!








This was incredible helpful thank you!
[Reply]
James Reply:
February 17th, 2010 at 7:35 pm
You’re very welcome. I really should update this post.
[Reply]
Hi -
I am going to try this and see if I can muddle through – your instructions are not the issue – they are very clear!
Do you contract to do this? And if so, how much would you charge for a small suite of stationary boilerplates? 3 sheets of stationary is what I am thinking – and all have the same masthead – and that’s pretty much the same as our website masthead.
Just wondering! Thanks!
Katherine
[Reply]
James Reply:
February 24th, 2010 at 5:57 pm
Sorry, I don’t contract for this type of work.
[Reply]
Hello.
Thanks for this, very clear instructions but I seem to be having a problem right at the end. When I go into mail I can see the thumbnail for the stationery I created but when I click on it nothing happens – except mail crashing!
Any ideas what I’m doing wrong?
Many thanks!!
Claire
[Reply]
James Reply:
February 24th, 2010 at 5:58 pm
I wrote this article 3 years ago, so I suppose there could have been changes made that are causing problems. I may check out the whole process again and write a follow-up article.
[Reply]
Thanks for this.
Works well. I’ll try and venture a bit further with the designs, but I have created a professional-looking news template we can use for our company. One issue though, the background middle image bg_letter.jpg doesn’t seem to appear when the email is sent to Outlook (XP version I think). The background in general and the top and bottom bits are there, but the middle repeated section has gone. Any thoughts? I’ve not changed the name of it and it works Mac to Mac.
Thanks again for this, really helpful.
yours
James
[Reply]
James Reply:
February 24th, 2010 at 5:59 pm
Yeah, Outlook (and Gmail) don’t always respect background images. It’s a pain in the behind, but there’s really nothing we can do about it.
[Reply]
This was truly helpful.
Thanks,
[Reply]
GREAT tutorial! Thank you so much!
[Reply]
SUPER… just what i was looking for, THANX
[Reply]
Hey James,
This worked fine for me. I am using a 2009 iMac with OS 10.6.2 on it, FYI.
Now if there was only a way to be able to have an image as the background that one can type in text ON it would be very good methinks.
I have figured out how to add plain background colors, but nothing else. Well, except using your methods as a foundation to vary email templates from.
thanks a bunch for your tut.
[Reply]
thank you ! very helpfull !
[Reply]
Can you have the graphics hosted on a server and link to them?
[Reply]
I’ve tried a couple of different designs, and am having a bit of a challenge making everything line up, in spite of using guides in Photoshop. Any tips? Thanks in advance!
[Reply]
Worked beautifully! Thanks!
FYI – using Mail 3.6, Mac OS 10.5.8 , Power Mac Quad Core Intel
[Reply]
Amazing ease… thank you for this tutorial.
Question – I resized the top.jpg image to 3 inches and it did not take very well… it appears to be crushed into the allowable space (of 2.03 inches).
Do you have a recommendation for changing the image (size) specs or should I simply attempt this change with another file?
Finally – it seems I can only “add/save” the file to the “custom” stationery folder – I am unable to save it to the original recourses file. Which means I can only make changes from the file saved to my desktop… works just fine for me, but any suggestions as to what I might be doing wrong?
Thank you again James!
Jo
[Reply]