Socialized Software
  • Email
  • Facebook
  • Feedburner
  • Foursquare
  • Google
  • Linkedin
  • Pinterest
  • Tumblr
  • Twitter
  • Home
  • Presentations
  • Archives
  • Publications
  • Resume
  • About
Home» Featured Articles » Easily Create Custom Stationary in Apple’s Mail.App

Easily Create Custom Stationary in Apple’s Mail.App

Posted on February 13, 2010 by Mark in Featured Articles, How-To, Mac - 4 Comments

mail.appI 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>

<span style=”border-collapse: separate; color: rgb(0, 0, 0); font-family: Futura; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; “>

<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:

<span contenteditable=”true” apple-content-name=”body” style=”display: block; “><div><span style=”border-collapse: separate; color: rgb(0, 0, 0); font-family: Futura; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; “>
<div style=”word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; “>

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.

Custom Stationary

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

Related Articles

  • 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)
Reblog this post [with Zemanta]

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”

  1. 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!

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

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

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

Leave a Reply Cancel reply

You must be logged in to post a comment.

About

My name is Mark Hinkle, and I am a technology enthusiast with an affinity for open source. My day job is at Citrix Systems where I am the Senior Director, Open Source Solutions, responsible for their open source cloud computing evangelism efforts for Apache CloudStack and the Xen hypervisor. This is my personal blog, and it does not reflect the opinions of my employer. If you want to find out more you can read my bio.

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

I'm Speaking at OSCON 2013 (size 125 X 125)

Categories

Featured Posts

  • The Traveler’s Guide to the iPad

    October 10, 2010
  • DIY iPad Stylus

    August 2, 2010
  • Is OpenStack Cloud Computing Rocket Science?

    July 19, 2010
  • Opscode, Turning Sysadmins into Superheroes

    June 21, 2010

    Recent Presentations

    Recent Posts

    • The Traveler’s Guide to the iPad

      October 10, 2010
    • DIY iPad Stylus

      August 2, 2010
    • Is OpenStack Cloud Computing Rocket Science?

      July 19, 2010
    • Opscode, Turning Sysadmins into Superheroes

      June 21, 2010

      Latest Tweets

      • RT @ericabrescia: Wow. RT @cloudpundit: Dell withdraws from the public cloud IaaS market http://t.co/epf1MWJwAQ
        May 21, 2013
      • Getting started with OpenDaylight and Python - http://t.co/EjiRO3xN2A #opensource #sdn
        May 20, 2013
      • @thisissethsblog gives the nod(http://t.co/7o07trFIXb) to @dmscott 's The New Rules of Marketing and PR (http://t.co/bpk5RqfEN4) <-My fav
        May 20, 2013

      Contact Mark

      • 919.228.8049
      • mrhinkle@gmail.com
      • mrhinkle
        • Twitter
        • Linkedin
        • Facebook
      (c) 2007-2012 Mark R. Hinkle - Some Rights Reserved CCbySA 3.0