Sunday, 16 October 2011

Client Support: How to install a CSS formatted HTML signature in Microsoft Outlook

1. Save your email signature (created by McCoyDesign) onto your hard drive into your signatures folder: 

Outlook 2008

C:\Users\username\AppData\Roaming\Microsoft\Signatures

Win XP & Outlook 2003

C:\Documents & settings\user name\Application Data\Microsoft\Signatures

Note: user name = your windows user name (usually your actual name)

Open Microsoft Outlook Express Select Tools > Options then select the Signatures tab.

Click “New” then select the “Add signatures to all outgoing messages” checkbox.

Click “File” under the “Edit Signature” section (near the bottom).

Click “Browse” and select the .htm file that you saved to your harddrive at point 1.

Click “Apply” (near bottom right).

Compose a new message and verify the new signature is in place.

*NOTE: If your files are "hidden", you will not see Application Data. "Unhide" the files and folders to see this:

Windows XP and 2000: Open "Folder Options" from the Windows Control Panel (or from the Windows Explorer or My Computer "Tools" menu). In Folder Options, click the "View" tab and, under "Hidden files and folders", select "Show hidden files and folders".

Windows 7 and Vista: From the Windows Start menu, click "Control Panel > Appearance and Personalization > Folder Options" (or type "Folder Options" in the Start Search box and a shortcut to "Folder Options" will appear). In the "Folder Options" window, click the "View" tab. Under "Hidden files and folders", select "Show hidden files and folders".

You may also wish to uncheck the "Hide extensions for known file types" box, in order to see the file extensions for all files. Note: You may need to uncheck another box, "Hide protected operating system files (Recommended)", to see certain hidden Windows operating system files and folders. In most cases, however, clearing this box will not be necessary and you should leave it checked.


Outlook 2013, 2010 and 2007 DO NOT support CSS HTML Signatures (go figure - even 2003 did!)
so...
Open Outlook 2013, 2010 or 2007, create a new signature, name it, leave the window open.
Save your css formatted .htm email signature onto your hard drive.
Open the .htm file in your web browser (ie. Internet Explorer, Firefox, etc.).
Now you have to copy and paste:
Ctrl+A to select all the contents of your signature in the browser window then Ctrl+C to copy it to your clipboard then go back to your Outlook new signature and Ctrl+V to paste it into the signature editing box.
You will still have to set up the body of the email (font/colour/size) via Outlook's preferences.

Outlook 2011 MAC

Open the ".htm" file that you've been supplied from within your web browser. Press "Command A" on your keyboard to "Select All".
Now open Outlook 2011 and select "Preferences" scroll down to "Signatures". Click the plus button on the lower left to create a new signature (there may be some content in the right side of the signature window after you've clicked the plus icon, delete this content. Now press "Command V" on your keyboard to paste in your html signature that you copied from your browser earlier.
Set your "Default Signatures".
Note: Outlook has a lot of restrictions on CSS formatting: http://www.campaignmonitor.com/css/

Disclaimer: I am not a PC user, I am a proud Mac user of 23 years. The information above has kindly been provided to me from various sources over the years and is a guide only. Clients, please let me know if you have any corrections to the above information.