How to Create an Attractive HTML Email Signature For Mail on Mac OS X High Sierra 10.13

Mac Mail on Mac OS X High Sierra 10.13

Read this post to create an attractive HTML email signature for Mail (Version 11.2) running on Apple’s latest operating system Mac OS X High Sierra (Version 10.13). If you need instructions for creating and installing an HTML email signature on OS X Sierra or earlier Mac operating systems, click this link: http://mydesignpad.com/htmlsignature-install-instructions/

Make sure you have the following before you start:

  • A Mac computer running on Mac OS X 10.13.X High Sierra
  • Mail (Version 11.2)
  • TextEdit (Version 1.13) to read and edit HTML codes
  • A email signature design written up in HTML codes. Use MYDESIGNPAD’s HTML email signature design service if you want us to create a great looking signature design for you
  • A web server for hosting images used in your design.
  • (We offer free images hosting if you use our HTML email signature design service)

STEP 1: Create Placeholder Signature

  • Open Mail.app
  • Go to Mail>Preferences…>Signatures

Yosemite Mac Mail Preferences

  • Click the + icon located on the bottom of the 2nd column (middle) and name it. I will name it: MDP-iMac

Yosemite Macmail Preferences Signature Setup1

STEP 2: Assign Signature to Email Account

  • Drag MDP-iMac into the email account you want on the 1st column (left)

yosemite-macmail-preferences-sig-setup2

  • Click and highlight the email account on the 1st column (If you have more than one email account, click on the account you want this email signature to work with)
  • Select MDP-iMac from the Choose Signature drop-down menu.

yosemite-macmail-preferences-sig-setup3

STEP 3: Check Settings for Composing

  • Go to Mail>Preferences…>Composing
  • Make sure Rich Text is selected for “Message Format”

yosemite-macmail-preferences-composing

STEP 4: Check Settings for Viewing

  • Go to Mail>Preferences…>Viewing
  • Make sure Load remote content in messages is checked

yosemite-macmail-preferences-viewing

STEP 5: Quit Mail.app

  • Press Command+Q or click on Mail>Quit Mail

STEP 6: Set TextEdit.app to Display HTML Codes

  • Open TextEdit.app: ~/Applications>TextEdit.app
  • Go to TextEdit>Preferences…>Open and Save
  • Check Display HTML files as HTML code instead of formatted text
  • Check on the red dot on the upper left hand corner to close window

yosemite-macmail-textedit-setup

STEP 7: Copy HTML Codes

  • Open your email signature HTML file with TextEdit. A HTML file will be emailed to you if you use MYDESIGNPAD’s Email Signature Service
  • Once the file is open, you will see the HTML codes. Select all (Command+A) and Copy (Command+C) to your clipboard
  • Quit TextEdit

STEP 8: Locate Placeholder Signature

  • Click on your desktop to reveal Finder.
  • On the main menu, go to Finder>Go>Library (press and hold the option key to reveal Library on the drop-down menu)

yosemite-macmail-openlibrary

  • Go to ~/Library/Mail/V5/MailData/Signatures/
  • Turn on List view and click on Date Modified to display the latest files on top
  • The placeholder signature you just created is the file ending with .mailsignature with the most recent modified date

yosemite-macmail-findplaceholdersignature

STEP 9: Update Placeholder Signature

  • Open the placeholder signature file with TextEdit

yosemite-macmail-openplaceholdersignature
yosemite-macmail-openplaceholdersignature2

  • Select and delete everything under the Mime Version… line
  • Press Command+V to paste the HTML codes copied in STEP 7. (Your HTML file is emailed to you if you are using our Email Signature Service)

yosemite-macmail-replacesignatureinfo

STEP 10: Lock Updated Signature File

Very important step to follow in order for signature to work.

  • Click the downward triangle located on the top right of the opened placeholder signature file
  • On the pop-up menu, click to check the Locked box
  • Quit TextEdit

yosemite-macmail-replacesignatureinfo2

Lock file

STEP 10: Check Signature in Mail

  • Open Mail back up
  • Click on the Compose new message button to open a new message window
  • The new HTML email signature should appear automatically
  • If the HTML email signature doesn’t show up, make sure the correct email account is selected on the From drop-down menu below the Subject line
  • Make sure the correct HTML email signature is selected in the Signature drop-down menu if you have more than one signature installed

yosemite-macmail-checkemailsignature

Installation Completed

Congratulations! That is it! Hope you got it working as it should. Go on with Mail as usual. Happy email writing. Contact me or leave a note if you have any questions or comments. If you want a creative and visually appealing HTML email signature and would like to have MYDESIGNPAD create one for you, please click on link for more info: http://mydesignpad.com/htmlsignature/

March 9th, 2018 | Tutorial | 476 Views | 1 Comment ›

One comment »

  1. April 10th, 2018

    Ava says:

    thank you so much!!

Leave a comment * Required fields.


About

  • "Sure someone else could have created a greater logo redesign for EME Lighting but I was sold on Tim’s diligence & reliability plus I love our new logo! It is fresh, symbolic of who we are while staying in line with our brand intention."

    - Bill Lee
    CEO of EME Lighting
  • "Tim is a trustworthy and effective designer. He redesigned the entire visual identity system for my company & I am extremely pleased with it. As the CEO of a company with over 3000 employees, I would recommend Timmy to anyone looking to have some serious design work done."

    - Tony Ou
    CEO of Senqiu Lighting
  • "Tim effectively designed my website and newsletter. What impressed me the most was his ability to create the images, style and design I was looking for. I highly recommend him if you are looking for someone reliable, flexible and talented."

    - Christine M.
    Owner of Acupuncturebody
  • "Tim has a great personality that makes him a pleasure to work with. He is focused, hard working & always has an attention to details. He has great curiosity and constantly strives to learn & develop himself taking his work to the next level"

    - Slava S.
    Director of Creative Services at STV
  • "Tim conceptualized original ideas & executed the design brilliantly. He always made sure the highest technical & design standards were met. I could always count on him to translate the client vision into reality."

    - Linda G.
    VP Biz Dev. at Real Estate Arts
  • "Tim is a highly talented designer. He has excellent technology skills, amazing dedication & terrific interpersonal abilities."

    - Michael S.
    AD at Real Estate Arts
  • "Timmy is a very talented designer, he is passionate and reliable, his work is always creative & on time. He’s a good person with lots of energy, which makes him a pleasure to work with."

    - Jess L.
    AD at Sudler & Hennessey
  • "Timmy got a great system for helping you figure out what you want, need & putting those ideas down into a tangible product. He has done 3 sites for me already & anyone I have recommended him to has called me back to thank me."

    - Vahram S.
    Owner of Brooklyn Body