The signature at the bottom of your email is where you can list information like your phone number, address, website URL or anything else that expresses yourself to your friends and customers. Mac OS X users who prefer the Mail app don't have many options to create beautiful signatures, since Mail doesn't provide signature formatting tools. But there's a way to jazz up your Mail signature with creative images, colors, and layouts. It just takes a bit of HTML and CSS Web programming.
Instructions
Design the HTML/CSS signature in your favorite HTML editor and then save it as an HTML file. Avoid using "<html>," "<head>" or "<body>" tags. You only need the markup necessary to render your signature. Also, keep your CSS inline, meaning, place it in the "style" element of your HTML tags and don't link to an external CSS file.
For example:
<div style="width: 450px; border: 1px solid #c0c0c0; padding: 10px;">
<p style="font: bold 12px sans-serif;">Your Name</p>
<p style="font: normal 11px sans-serif;">Job Title</p>
<p style="font: normal 11px sans-serif;">Email Address | Phone Number | website</p>
</div>
Open the Mail app. Click "Mail," "Preferences," "Signatures." In the middle column, click the “+” button to create a signature and then add some random content in the column on the left as a placeholder for the HTML file. Close Mail.
Open your HTML signature file in the Safari browser. Click "File," "Save as," and then ensure Web Archive is checked in the Format drop-down field. Click "Save."
Open Finder and then click the "Go" menu. When the menu displays, press the "Option" key and then click "Library."
Navigate to the folder Mail/V2/MailData/Signatures/. Find the signature file. It will be a Webarchive file with a long alpha-numeric code. If you created only one signature, it will be the only Webarchive file listed. If you have multiple signatures, you can locate your new signature based on the date/time stamp.
Copy the exact file name of the Webarchive signature, and then delete the file. Navigate to the HTML signature Webarchive file created in Safari and paste the long alpha-numeric code name over the existing filename, ensuring the Webarchive extension remains in the filename.
Copy and paste your newly named Webarchive file into the Library/Mail/V2/MailData/Signatures/ folder.
Open Mail and click "Mail," "Preferences" and "Signatures." Your new signature displays in the left column when you select the placeholder signature in the middle column. If you added images, they won't display here but will display when you compose a new email.
Close the "Signatures" window in your email and then compose a new message. If you don't see your HTML signature in the body of the message, click the "Signature" drop-down field and select the signature you created. It will display in the body of your new message.
Instructions
Design the HTML/CSS signature in your favorite HTML editor and then save it as an HTML file. Avoid using "<html>," "<head>" or "<body>" tags. You only need the markup necessary to render your signature. Also, keep your CSS inline, meaning, place it in the "style" element of your HTML tags and don't link to an external CSS file.
![]() |
Create HTML eMail Signatures on Mac |
<div style="width: 450px; border: 1px solid #c0c0c0; padding: 10px;">
<p style="font: bold 12px sans-serif;">Your Name</p>
<p style="font: normal 11px sans-serif;">Job Title</p>
<p style="font: normal 11px sans-serif;">Email Address | Phone Number | website</p>
</div>
Open the Mail app. Click "Mail," "Preferences," "Signatures." In the middle column, click the “+” button to create a signature and then add some random content in the column on the left as a placeholder for the HTML file. Close Mail.
Open your HTML signature file in the Safari browser. Click "File," "Save as," and then ensure Web Archive is checked in the Format drop-down field. Click "Save."
Open Finder and then click the "Go" menu. When the menu displays, press the "Option" key and then click "Library."
Navigate to the folder Mail/V2/MailData/Signatures/. Find the signature file. It will be a Webarchive file with a long alpha-numeric code. If you created only one signature, it will be the only Webarchive file listed. If you have multiple signatures, you can locate your new signature based on the date/time stamp.
Copy the exact file name of the Webarchive signature, and then delete the file. Navigate to the HTML signature Webarchive file created in Safari and paste the long alpha-numeric code name over the existing filename, ensuring the Webarchive extension remains in the filename.
Copy and paste your newly named Webarchive file into the Library/Mail/V2/MailData/Signatures/ folder.
Open Mail and click "Mail," "Preferences" and "Signatures." Your new signature displays in the left column when you select the placeholder signature in the middle column. If you added images, they won't display here but will display when you compose a new email.
Close the "Signatures" window in your email and then compose a new message. If you don't see your HTML signature in the body of the message, click the "Signature" drop-down field and select the signature you created. It will display in the body of your new message.