How to add an HTML signature to Mac Mail OS Sierra

Question

Level 1

9 points

How to add an HTML signature to Mac Mail OS Sierra

I have purchased an HTML email signature with clickable links for, FB, Li etc. It also has my company logo, but for some reason when I cut and paste it into my signature for mail, it will not show any of the buttons or graphics. The only thing that shows up is text and links to email address and street address. I had installed it initially following directions cutting HTML code and pasting it into textmate etc. It was way over my head but worked......initially. When I updated, it seems to have messed something up and I now have wasted SO much time trying to correct this. Can anyone help?

MacBook Pro with Retina display, macOS Sierra (10.12)

Posted on Oct 6, 2016 9:23 PM

Reply

Answer 1

Nov 28, 2017 4:18 PM in response to watereddown

We've just released a simple app on the App Store which does this simply and effectively! We have a similar app for MS Outlook as well. Copy/paste through the browser is not a reliable solution for either client, the HTML will be distorted that way.

Please visit:
HTML Email Signature - Mail on the Mac App Store

Reply

Answer 2

Oct 29, 2016 4:41 PM in response to watereddown

Here's a great tutorial - https://youtu.be/eSa9hKxcGh4. The only difference is Sierra is V4, not V3.

I did it and it worked beautifully. There is a link in the beginning of the video that tells you how to unlock your hidden files. You'll need to click on it to be able to access the signature file.

Reply

Answer 3

watereddown Author

Level 1

9 points

Oct 29, 2016 4:50 PM in response to SKurdakul

Didn't work, followed the tutorial step by step. All I keep getting in the signature is text. All the logos and links don't even show up. I'm so fed up and have now waisted another 4 hrs trying to figure this out. I would be happy to pay someone to fix this. If I take it in to an Apple Store with an appt, would someone be able to set it up? I'm at the end of my rope

Reply

Answer 4

Oct 30, 2016 7:55 PM in response to watereddown

What HTML tool are you using? I used Dreamweaver CC2015 and got it to work in MacMail, G-Mail, and even on my iPhone signature (all with an animated GIF image too). MacMail was the trickiest, but the instructions I used in the link above worked flawlessly. Make sure your images are hosted. that's SUPER important.

Reply

Answer 5

watereddown Author

Level 1

9 points

Oct 30, 2016 8:02 PM in response to SKurdakul

I am now using TextEdit to cut and paste the code, just like the video suggested. This was working on this Laptop at one point and continues to work on my iPhone 6, signature works every time. I have reset my mail app following instructions from another thread. I am starting fresh, but before I start following the video instructions again, what do you mean by "Hosted" images?

Reply

Answer 6

Oct 31, 2016 5:23 AM in response to watereddown

When you build an HTML file, your images need to be added to a web host (I use an FTP to upload them), then source them back to the file's URL. Otherwise, they reside on your local machine and only you can access them if you're on the same machine on the same IP address. Here's an example of a hosted image line:

As you can see, the "http://www.holisticbusinesssolutions.com/wp-content/uploads/2016/10/HBS-email200 x100.png" is a hosted image and will render in any email signature because the recipient of the email signature's computer will source the image URL from the web and display the image.

If I am now speaking in a foreign language (LOL), feel free to reach out - info (at) HolisticBusinessSolutions (dot) com

Sheri

Reply

Answer 7

Oct 31, 2016 7:37 AM in response to watereddown

You are going to a lot of trouble to create something that a lot of your email recipients will not see. Many recipients turn off html and images in their email because they can be sources of web bugs/trackers and other invasive monitoring, not to mention it takes up bandwidth and space.

Reply

Answer 8

watereddown Author

Level 1

9 points

Oct 31, 2016 7:51 PM in response to BobTheFisherman

Do you have a solution for me? Im sure you can appreciate the fact that I have no idea who you are, and you have offered an opinion which was not asked for. If you have any knowledge on the topic, I would certainly appreciate your help. Thanks

Reply

Answer 9

watereddown Author

Level 1

9 points

Oct 31, 2016 7:58 PM in response to SKurdakul

What you are saying makes sense. I did not build this signature myself, I purchased it from Fiverr. The creator simply sent me a link, which I downloaded and now have on my desktop that looks like a little piece of paper with HTML on the bottom of it. When I double click it, it takes me to the location of the signature. The company logo, clickable social media links etc are all visible and they work perfectly.

Reply

Answer 10

Nov 1, 2016 7:20 AM in response to watereddown

watereddown wrote:

Do you have a solution for me? Im sure you can appreciate the fact that I have no idea who you are, and you have offered an opinion which was not asked for. If you have any knowledge on the topic, I would certainly appreciate your help. Thanks

I have a lot of knowledge of the subject. I was merely adding to the conversation some info that may help you with your quest and subsequent use of images in signatures once you've understood what has already been posted. The solution has already been provided but you keep asking. So given the time and effort you are putting into this I thought I would interject a pertinent piece of information for your consideration going forward. Good luck in your quest.

Reply

Answer 11

Nov 1, 2016 7:44 AM in response to watereddown

Recommend use: https://htmlsig.com

There is a step-by-step.

PS: You have to use Chrome.

Reply

Answer 12

Sep 20, 2017 6:11 AM in response to watereddown

The youtube video with the sollution is great.

But we are in the 21 Century, using Sierra, it might have a easier way to do this!!!

Please Apple a #bettermailsign because you took off what we had.

Reply