Home/ Journal/ How to Add an HTML Signature in Mail in macOS
User Experience Design· 27 April 2020 · 4 min read

How to Add an HTML Signature in Mail in macOS

Mail

I use Apple products for my work, I’m fully invested in them. I have an iMac, MacBook Pro, iPad and iPhone. I love the way they are all connected and I can easily share documents in the iCloud. However, I cannot understand why Apple makes it so difficult to set up an attractive HTML signature in Mail.

It is a query I have quite a lot from clients so I’ve produced the following guide to help you. Beware, it’s not for the faint-hearted. These instructions are for macOS on desktop and laptops. These won’t work for mobile devices using iOS such as iPads and iPhones.

Open Mail on your device.

Click ‘Mail’ on your toolbar and then click ‘Preferences’.

Click the ‘Signatures’ tab and then click on the ‘+’ button to add a signature.

Now quit Mac Mail.

In Finder navigate to ‘Library’ > ‘Mail’ > ‘V7’ > ‘MailData’ > ‘Signatures’ and locate the signature you have just created. It will end .mailsignature and will be locked.

Right-click the file and select ‘Get Info’. In the more info box untick the box that says ‘Locked’.

Now open this file in TextEdit and delete all of the code ‘<body>’ onwards.

Replace with your own HTML signature within body tags, mine for example is

 


<body>
<h1 style=”font-family: ‘Gill Sans’, ‘Gill Sans MT’, ‘Myriad Pro’, ‘DejaVu Sans Condensed’, Helvetica, Arial, ‘sans-serif’; color: #000; font-size: 24px; margin: 0 0 0 25px; float: left; width: 100%;”>ADAM LORD</h1>
<h3 style=”font-family: ‘Gill Sans’, ‘Gill Sans MT’, ‘Myriad Pro’, ‘DejaVu Sans Condensed’, Helvetica, Arial, ‘sans-serif’; color: #000; font-size: 16px; margin: 0 0 0 25px; font-weight: lighter; float: left; width: 100%;”>DIRECTOR</h3>
<img style=”float: left; margin: 0 0 0 0;” src=”http://adamlord.co.uk/wp-content/uploads/2020/03/signature-logo.png” />
<p style=”font-family: ‘Gill Sans’, ‘Gill Sans MT’, ‘Myriad Pro’, ‘DejaVu Sans Condensed’, Helvetica, Arial, ‘sans-serif’; color: #000; font-size: 18px; float: left; width: 100%; margin: 0 0 0 25px;” >Website: <a style=”font-family: ‘Gill Sans’, ‘Gill Sans MT’, ‘Myriad Pro’, ‘DejaVu Sans Condensed’, Helvetica, Arial, ‘sans-serif’; color: #000;” href=”https://www.adamlord.co.uk”>adamlord.co.uk</a><br>
Office: <a style=”font-family: ‘Gill Sans’, ‘Gill Sans MT’, ‘Myriad Pro’, ‘DejaVu Sans Condensed’, Helvetica, Arial, ‘sans-serif’; color: #000;” href=”tel:00442071128101″>+44 (0) 207 112 8101</a><br>
Mobile: <a style=”font-family: ‘Gill Sans’, ‘Gill Sans MT’, ‘Myriad Pro’, ‘DejaVu Sans Condensed’, Helvetica, Arial, ‘sans-serif’; color: #000;” href=”tel:00447955442508″>+44 (0) 7955 442 508</a> </p>

<a href=”https://www.linkedin.com/in/adamlordweb/”><img style=”float: left; margin: 20px 20px 20px 30px; width: 32px” src=”http://adamlord.co.uk/wp-content/uploads/2020/03/linkedin.png” /></a>
<a href=”https://www.instagram.com/adamlordweb/”><img style=”float: left; margin: 20px 20px 20px 0; width: 32px” src=”http://adamlord.co.uk/wp-content/uploads/2020/03/instagram.png” /></a>
<a href=”https://twitter.com/camweb”><img style=”float: left; margin: 20px 20px 20px 0; width: 32px” src=”http://adamlord.co.uk/wp-content/uploads/2020/03/twitter.png” /></a>

<p style=”font-family: ‘Gill Sans’, ‘Gill Sans MT’, ‘Myriad Pro’, ‘DejaVu Sans Condensed’, Helvetica, Arial, ‘sans-serif’; color: #000; font-size: 18px; float: left; width: 95%; margin: 20px 0 0 25px;”>Lord Knows Ltd Kemp House 152-160 City Road, London, England, EC1V 2NX | Company number 12422516</p>
<div style=”background-image: url(http://adamlord.co.uk/wp-content/uploads/2020/03/bg.png); height: 60px; background-repeat: repeat; width: 100%; float: left; margin: 20px 0; background-size: contain;”></div>
<p style=”font-family: ‘Gill Sans’, ‘Gill Sans MT’, ‘Myriad Pro’, ‘DejaVu Sans Condensed’, Helvetica, Arial, ‘sans-serif’; color: #000; font-size: 12px; float: left; width: 90%; margin: 0px 0 0 25px;”>The content of this email is confidential and intended for the recipient specified in message only. It is strictly forbidden to share any part of this message with any third party, without a written consent of the sender. If you received this message by mistake, please reply to this message and follow with its deletion, so that we can ensure such a mistake does not occur in the future.</p>
</body>


 

Save the file and then lock the file again by right-clicking it, selecting ‘Get Info’ and ticking the box that says ‘Locked’.

Finally open Mac Mail and admire your new signature.

Adam Lord Mail Signature