Fastspot is a huge proponent of having a consistent brand and presence in all arenas. As such, we have implemented custom branded email signatures. Our preferred email client is Mac Mail app and we’ve found that, while these signatures are professional and polished-looking, the process of installing/implementing them is nothing sort of a multi-step nightmare. We’ve switched up our signatures around five times in the last couple of years, so I’ve become the unofficial Fastspot e-signature expert. Here is the process, broken into as few steps as possible (bear with me):
- Create an HTML signature. Our goal was to integrate our logo and the color scheme from our branding while also adding links and icons to our various social media outlets. We experimented with background images vs. in-line images and ended up finding that in-line images are more compatible across the various email clients and Web mail services, such as Gmail.
- Open the HTML signature file using Safari.
- Choose Save As… from the Safari File menu. Save the file as a .webarchive format. This is the format Mac Mail app uses for signatures. For the sake of these instructions, I will call this file “signature.webarchive”.
Open Mail Preferences. Choose the Signatures panel. All Signatures is the default view; you will see your email account(s) and various numbers of signatures assigned to each listed below that. I have four different email accounts filtering into Mail, so I have four signatures total and one default signature assigned to each account.- Click the plus sign to add a new signature and title it whatever you like. I will call this file the Mail signature file.
- Close the Preferences window and Quit Mail.
- Copy your signature.webarchive file.
- Go to your Library>Mail>Signatures folder in Finder.
- Paste the signature.webarchive file into the Signatures folder.
Find the new signature file you created in Mail Preferences, the Mail signature file. Mail creates signatures with non-sensical alpha numeric names. To find the file you just created, find the one whose creation date is “Today”.- Copy the alpha numeric name of the Mail signature file. Rename that file whatever you like. I tend to use the keystroke Command+X to cut the title and then rename the file “X”, as well. You can delete this file if you like; you will not be using it again.
- Rename the signature.webarchive file to the alpha numeric name you just copied. Just paste the name in place.
Open Mail Preferences. Go to the Signatures panel.- Click and drag the new signature to your email account in the left column. This assigns the new signature to that email account.
- Click the email account in the left column. Use the Choose Signature drop down at the bottom of the window to assign the new signature as the default for your account.
- Close Mail Preferences.
- Open a new email message. The new signature should appear automatically in the new email composition window.

Simple, right? Only 17 steps for a professional and cohesive look for your company. Okay, so it’s not “easy”, but when the majority of your communication happens via email, it is fully worth the effort.
{ 4 comments… read them below or add one }
Thanks for sharing this! It’s a great step by step and even if it is a 17 step process that’s well worth it for the outcome.
Any advice for google apps users? We have a large percentage of clients there now or moving to google apps for there brands email.
Thanks again!
Hi Greg,
Thanks for your comment!
Gmail seems to offer no more features to do with signatures with Google Apps, so I assume It’s the same as regular Gmail and the steps would be the same to have an email footer with images.
There are a few articles online to instruct users to have images and rich text in their signature. Most use a browser extension to create them (listed in one article http://www.makeuseof.com/tag/5-ways-to-create-custom-multiple-signatures-in-gmail/). Gmail will still by default block any and all images in a signature or email until you select “display image”. When you receive an email with an image in the signature, you can also select “always display images for this email address”.
The easiest methods seem to be pasting a selection of rich text with images and links into the bottom of your email when you are composing it or dragging a bookmarklet (http://projets.geekfg.net/?/1-how+to+insert+html+signature+in+gmail.htm) into the bottom of the email when you’re composing it. There is no feature currently for automatically including images in an email signature with Google Apps and Gmail because google considers it a security risk. All solutions involve manual entry or browser add-ons.
Hi Stacy -
In addition to using inline images, are you also using inline CSS to style the signature? I’ve tried the above steps a few times and the styles are not translating and sometimes the images refuse to show. Any ideas? Curt?
Thanks for the tutorial! I set it up for everyone at my office who uses Mail, but had to move the css inline in order for it to display correctly. Now I’m working on implementing it into MS Outlook 2007 and Entourage 2004.