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

Mail stationary

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.

Mail 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.

Mail Stationery

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.

Mail Stationery

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.

Mail Stationery

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.

Mail Stationery

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.

Mail Stationery

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!




Question re: stationery

Thank you for this tutorial - but wondering- I don't see Library/Application Support/Apple/Mail/Stationery/Apple/Contents/Resources. Once inside Apple I only see AirPort... Any idea on how I can see /Mail/Stationery/etc...?

Thanks!





Experiencing same Root Folder problem

I have the same question as another person:

I don't see Library/Application Support/Apple/Mail/Stationery/Apple/Contents/Resources. Once inside Apple I only see AirPort... Any idea on how I can see /Mail/Stationery/etc...?

Is anyone else experiencing this? For me it only goes to:
Library/Application Support/Apple/Airport ... there are on other folders in Apple





Same problem

I am coming across the same problem. Anyone have any idea how to get to where i wanna go.





Go to Macintosh HD's

Go to Macintosh HD's Library. If you go to your Username's Library you'll only see your items, like Airport setup.





it doesn't work...?

hi James,

I did exactly what you explained, but I don't understand how you can do this because Apple doesn't permit it. There are Apple's keys :


Background Images

bg_pattern.jpg
bg_letter.jpg

Folder Name
creative Guy.mailstationery
HTML File
content.html
Images

top.jpg
bottom.jpg

Stationery ID
D292B188-CE8E-4D60-9E5A-5E0C979579B8
Thumbnail Image
thumbnail.png

and if you give the same key for your file and the original, it doesn't work.

Maybe I don't understand.

Can you explain a little more ?

Thanks

Julie





Works Great!

I followed the instructions and actually used the sand dollar stationary. Works like a charm! Now I won't have to type out repetitive emails to clients, I just select the stationary with the text embedded in the html!!! Great stuff!

Thanks





Mail stationary

I thought about doing that since it came out, and asked everybody (even the GENIUS at the Genius bar at Apple store and they all said it was impossible.
Your instructions are great and it works like magic.
Thanks again.

lagou





Works GREAT!

Amazing tutorial, I've ditched my signature file now. Some photoshop work makes this look amazing. Thanks a ton!





It works great.... THANKS!

It works great.... THANKS!





This is great, thanks but one question...

How do we know that the people receiving these sorts of emails are going to be able to view the fonts we select? Do we have to keep it restricted to like Verdana and Arial etc? The Apple ones seem to use fonts that a lot of PC users won't have. What's up with all that?

Also, don't some people just block html email and what happens then?

Tutorial is ace though, thanks again.

Just had some questions before adopting.





Yes to all your questions

It's just something you have to deal with.





Stationery ID Must Be Unique and Can Be Easily Gotten

From the command line type:

uuidgen

It will return a unique ID, which you can use for your Stationery ID.





Brilliant!

Very cool man! Worked perfectly!! Is it complicated to incorporate a "hotlink button" of sorts in the email using this method or the likes? I'd like to be able to include coupons links, invoice billing links, etc.

Thanks again man!

Cheers!





Maddening Error Message!

This is a great tutorial (the best I've found yet), but I'm stuck and getting desperate for help.

I've followed the above directions exactly, except that the images I'm using for my stationery are bigger. To account for this, I subsequently changed the parameters within the "content . html" file to reflect the new image sizes.

The stationery loads up fine, and looks great!

HOWEVER, every time I go to send an email using my stationery, I get this maddeningly untrue alert:

. . . . . . . . .
- - - - This message cannot be sent because it uses stationery and contains attachments that are not images.
- - - - Messages with stationery cannot contain attachments that aren’t images. You can cancel and return to editing the message or remove the stationery in order to send.
. . . . . . . . .

This is driving me NUTS. I'm NOT attaching anything to my emails, I haven't added any files to the contents folder... just modified the existing contents. Can someone please tell me what I'm doing wrong?

Thanks!

-jason





Sig?

Do you have your signature still on? If so, Mail doesn't like graphical elements included in it. You may want to get rid of it all together.





Sig?

FYI meaning pdfs etc. Sorry, should have been more clear.





BRILLIANT!!!!

Thats very, very much for helping me with this. I've been looking for a way to personalise mail stationery and this works perfectly.

Nice one!!!!





Absolutely, positively, SENSATIONAL!

I followed your tutorial and, just as you said, I created terrific custom html emails. I can't even begin to thank you enough. My PC friends are asking me how I did it and I just tell them, start by getting a Mac!





You're welcome!

Glad you found it useful.





Setting a mail template as a default template

Hi Im trying to set my mail template that i created as a default stationery. so everytime i create a new mail it pops up with the stationery already in the mail.

Any suggestions





Sending Attachments

Great tutorial, thanks! It worked first time!

Now my email stationery is set up and working. Is there a way to include an attachment with the email body of that isn't just an image?

If you try to send a PDF attachment Mail tells you to drop the stationery in order to send the additional attachment.

Is there any way around this issue?





I think you need to link to it

I think you would have to upload the PDF to a Web server or file sharing site and then just provide a link to it in the email.

These Mail Stationery templates are for simple emails. To send more elaborate stuff, you need to build an HTML email the normal way and send that.





Sending Attachments

Sorry, just read the previous comments... Doh!

Would still like to find a solution though if anyone knows.

Thanks!





Error message

I read the previous post about the following error message. But I'm confused. I built a whole lot of my own stationery. It all used to send just fine. Now I get:

"This message cannot be sent because it uses stationery and contains attachments that are not images."

I haven't changed a thing. I think it began happening after I ran software update, but can't swear by it. Can you tell me what to do to make my old stationery work, and to keep from creating stationery that won't?





Inserting a .jpg signature into the content.html file

Hi James,

I picked up your training article yesterday and created a great piece of bespoke stationery for my business. The explanation and screen grabs were absolutely terrific. In fact I went one step further, opening content.html in Dreamweaver, something my son supplied me with and which I have never used before and thus change the base text, adding footer which are locked and text area which is editable by the user, resaved the file as content.html and it worked.

Anyway, I have today tried to add sig.jpg, a simple small jpg file of my signature. The strange this is, having added it and saved the file as content.html, when I open that file in my browser everything is perfect, but when I open my stationery in Mail, where my signature should be I just get a blue "lego" brick with a question mark in it. I've looked at the html, checked the content.html, all of which is perfect and shows the sig, but for some reason it isn't getting picked up in the stationery.

Any body can point me in the right direction?

Much appreciated.

yours

Kevin





Experiencing same Root Folder problem

I have the same question as two other people:

I don't see Library/Application Support/Apple/Mail/Stationery/Apple/Contents/Resources.

Once inside Apple I only see AirPort... Any idea on how I can see /Mail/Stationery/etc...?

Funny thing is, I did this on MY mac 2 days ago and it worked perfectly. However, my brother's Mac is 6 months newer than mine and his has completely different folders which take me to 'Airport' not the correct 'Resources'folder.

Would be most grateful if you can resolve this. My brother loves the way my stationery works and can't see why it wont work on his.

Definitely a different file path in the Apple settings of newer Leopard machines.





Workaround for Cannot Find Root Folder

1. Open Up Terminal

Applications>Utilities>Terminal

2. Type the following command:

cd /Library

3. Type the following command:

find . -name "*.mailstationery"

4. You can hit Control-C to stop the process after it has given some search results.

5. The search result would be the path to the stationeries

If that doesn't show up, better do a

cd /

in number 3 above.

Hope this helps.





Stationery emails not viewing different emailers

Absolutely great post, James, I found your blog The Creative Guy really useful before and now your new incarnation The Graphic Mac is obviously just as good, if not better.

I, too, had the problem of trying to insert a new image, like 'sig.jpg' or something and it didn't work I got the blue "lego" brick with a question mark in it that has been referred to above. I got around this by incorporating the signature into 'bottom.jpg'.

So it's great, I've tested the emails on my Yahoo! account online as well as on a Windows email client on a PC with Vista. However, some people on Gmail and other email clients are saying that it is not displaying correctly, specifically the header and footer are OK but the middle bit is missing. HTML emails are notoriously difficult to render correctly on every machine in the world.

Does anyone have a work around on this?





Just to add to my comment

Just to add to my comment above the worst email client for displaying Mac stationery emails is AOL. It displays the header and footer image but strips out the body image, rendering the email very badly :(





finding correct folder in Library

I've just read the above comments and checked my computer. For those of you who can't find the correct folders, you're looking in the wrong Library folder - the one in your home/user account. Instead, go to Macintosh HD > Library and you'll find what the author described.

I'm running 10.5.4.