How to Create an html Email Signature for Apple Mail

Creating a fancy email signature is something that many business owners simply don’t get around to doing because it can be a little complicated, or time consuming. This can be especially true if the business owner is using Apple Mail as their email client, as the process isn’t very intuitive and can take some time to learn, even for people who know how to code. The problem lies in the fact that the process is more of a “hack” than anything else. Many tutorials have tried to explain this process, but have either made things far too complicated and/or missed steps because they have assumed the student has a base knowledge of what they’re talking about. This is why we wanted to show how to create an html email signature for Apple Mail.

Following to process below will get you to your end goal. But remember, this is not a straight forward process, so patience is key:

If you would like a simple bullet point process without the images simply click here.

 

Step ONE

Create your email signature in HTML format.
There are LOTS of tutorials out there that go through complicated methods of using text editors, then opening the file with an internet browser.. blah blah blah!…..

BUT

The easiest was to do this is to:
• go to https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_pulpitrock
• remove all of the html code in the left hand window
• begin to add your own code and hit the green “Run >>” button to test out what you have created so far.

 

 

 

 

 

 

 

 

 

 

We definitely recommend copying and pasting your code each time you make new progress, just in case you accidentally click out of the browser tab. Which is something that we’ve never done, after 30 minutes of perfecting our code and then losing everything!!!!!…………

 

If you would like some html to use as a base to work off for your own signature, you can copy and paste the below html code into the editor:

 <div id="sig" style="min-height: 50px; line-height: 18px; margin: 5px 0; padding: 0px 0px 0px; font-family: 
'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; color: #606f78; min-width: 530px;"><span style="color:black; font-family:'Helvetica'; font-size:12; padding-left: 0px">Thanks,</span><br><br><br><img style="float: left; padding: 5px 6px 0 0;" src="https://visiondigital.marketing/wp-content/uploads/2018/05/emailsigimage.png" width="100px" alt="David Cross" /><strong style="color: black;">David Cross</strong>. Owner, Leader Designer 
<br>
<a style="color: #4b87d5; text-decoration: none;" title="Visit On Purpose Websites" href="https://visiondigital.marketing"><span style="color:#f6dc00">On Purpose</span> Websites</a>
<br>
<br>
tel: &nbsp;&nbsp;&nbsp;&nbsp;+64 020 404 81205
<br>email: <a style="color: #606f78; text-decoration: none;" href="mailto:[email protected]">[email protected]</a>
<br>
www: &nbsp;<a style="color: #606f78; text-decoration: none;" title="Visit On Purpose Websites" href="https://visiondigital.marketing">https://visiondigital.marketing</a>
<br>
<p style="font-size:15px;color:black;"> Find Me: <a href="https://www.instagram.com/onpurposewebsites/"><img src="https://visiondigital.marketing/wp-content/uploads/2018/05/instagram-black.svg" width="20px" alt="On Purpose Websites on Instagram"></a>
&nbsp;
<a href="https://www.facebook.com/opwebsites"><img src="https://visiondigital.marketing/wp-content/uploads/2018/05/facebook-black.svg" width="20px" alt="On Purpose Websites on Facebook"></a>
&nbsp;
<a href="https://www.linkedin.com/in/dcrossnz/"><img src="https://visiondigital.marketing/wp-content/uploads/2018/05/linkedin-black.svg" width="20px" alt="David Cross on LinkedIn"></a>
&nbsp;
<a href="https://www.youtube.com/channel/UCNhVUnF9sZFsupvF47S_6Vw"><img src="https://visiondigital.marketing/wp-content/uploads/2018/05/youtube-black.1.svg" width="20px" alt="On Purpose Websites on YouTube"></a>
</div>

Step TWO

• Open up Apple Mail >> Mail >> Preferences >> Signatures • Add a new signature by clicking the “+” button. make no changes to this new signature as it’s just a placeholder
• Drag and drop this new signature to the email account you want to attach it to.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step THREE

 

• Quit Apple Mail • Locate your new signature file by going to the following: Finder >> user >> Library >> Mail >> (one of the “V” options) >> MailData >> Signatures

 

 

 

 

 

 

 

 

 

• The signature file that you want to fin is the one most recently created, which can be determined by looking at the file information to the right of the file.

 

 

 

 

 

 

 

 

 

• Highlight this file – you will need this information in the following step.

 

 

 

 

 

 

 

 

 

 

 

 

Step FOUR

• Open the Terminal application (this can be found by clicking the magnifying glass on the top right of your screen and typing ‘terminal”

 

 

 

 

 

 

 

 

 

 

• Copy and paste the following code:

open -a TextEdit ~/Library/Mail/V4/MailData/Signatures/

 

 

 

 

 

 

 

 

 

 

• Copy the file name of the signature that you located in the above step and paste this filename in the Terminal application after the “Signatures/“ text.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

• Hit the return key

 

Step FIVE

• On the file that opens up, remove everything UNDERNEATH the following text:

Content-Transfer-Encoding: quoted-printable
Content-Type: text/html;
charset=us-ascii
Message-Id: <7E069CB4-4DA2-4B80-B97A-D8082B15EA66>
Mime-Version: 1.0 (Mac OS X Mail 10.3 \(3273\))

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

•Leave a line break (empty space) below and then paste your html code that you have created into the

 

 

 

 

 

 

 

 

 

 

 

• Close the window (it will automatically save changes

 

Step SIX

• Open up Apple Mail and confirm changes have been made correctly

 

 

 

 

 

 

 

 

 

 

 

 

• TEST by sending yourself an email and check the links etc.

 

Process in Simple Bullet Points

• go to https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_pulpitrock
• remove all of the html code in the left hand window
• begin to add your own code and hit the green “Run >>” button to test out what you have created so far.

• Open up Apple Mail >> Mail >> Preferences >> Signatures • Add a new signature by clicking the “+” button. make no changes to this new signature as it’s just a placeholder

• Drag and drop this new signature to the email account you want to attach it to.
• Quit Apple Mail • Locate your new signature file by going to the following: Finder >> user >> Library >> Mail >> (one of the “V” options) >> MailData >> Signatures

• The signature file that you want to fin is the one most recently created, which can be determined by looking at the file information to the right of the file.
• Highlight this file – you will need this information in the following step.

• Open the Terminal application (this can be found by clicking the magnifying glass on the top right of your screen and typing ‘terminal”
• Copy and paste the following code:

open -a TextEdit ~/Library/Mail/V4/MailData/Signatures/

• Copy the file name of the signature that you located in the above step and paste this filename in the Terminal application after the “Signatures/“ text.
• Hit the return key

• On the file that opens up, remove everything UNDERNEATH the following text:

Content-Transfer-Encoding: quoted-printable
Content-Type: text/html;
charset=us-ascii
Message-Id: <7E069CB4-4DA2-4B80-B97A-D8082B15EA66>
Mime-Version: 1.0 (Mac OS X Mail 10.3 \(3273\))

•Leave a line break (empty space) below and then paste your html code that you have created into the
• Close the window (it will automatically save changes

• Open up Apple Mail and confirm changes have been made correctly
• TEST by sending yourself an email and check the links etc.

One thought on “How to Create an html Email Signature for Apple Mail

  1. I have been surfing online more than 2 hours today, yet
    I never found any interesting article like yours. It’s pretty worth enough for me.
    Personally, if all website owners and bloggers made good content as you
    did, the internet will be a lot more useful than ever before.

  2. I must thank you for the efforts you have put in penning this
    website. I am hoping to see the same high-grade blog posts by you in the future as well.
    In truth, your creative writing abilities has encouraged me to
    get my own, personal blog now 😉

  3. Thanks on your marvelous posting! I really enjoyed reading it, you could be a great author.
    I will make sure to bookmark your blog and will come back someday.
    I want to encourage you to continue your great posts,
    have a nice day!

Leave a Reply

Your email address will not be published. Required fields are marked *