Create a Visually Appealing HTML Email Signature For Apple iPhone and iPad

HTML Email Signature for iPhone and iPad

More people are writing and reading emails on the iPhone and iPad today than ever before due to its ever growing popularity. It is no wonder why since it is so easy and convenient to use. The Mail.app on the iPhone and iPad is very similar to the version running on Macs. The Mail.app on iOS can render HTML signatures very well even when designed with remote HTML images but Apple has not provided a simple way to install HTML signatures onto the iPhone/iPad.

To create a visually appealing email signature for Apple’s iPhone and iPad, you need the following:

  • Create an email signature design with HTML that matches your brand. Use MYDESIGNPAD’s Email Signature Service if you need help with design and HTML.
  • Install the HTML email signature properly on your iPhone/iPad with the Quick Signature.app available on the App Store for $1.99 per download. Please use at your own risk. MYDESIGNPAD is not associated with this app and it’s owner in any way. Follow the install instructions below after downloading the Quick Signature.app on your iPhone or iPad.

STEP 1: Reveal HTML Code in Safari

  1. Open your HTML email signature file with Safari.
  2. Go to Safari/Preferences/Advanced.
  3. Check “Show Develop menu in menu bar.”
  4. Go to Safari/Develop/View Page Source to reveal HTML code under the design.
  5. Select all of the HTML code and copy.

Safari Preferences

Safari Preferences-Advanced

Safari Show Page Source

Safari HTML code

STEP 2: Email HTML Code to Your iPhone/iPad Inbox.

  1. Paste the HTML code in a new email message window. Make sure only the HTML code is in the email. Nothing else.
  2. Email message to an email account installed on your iPhone/iPad.

05-email-htmlcode

STEP 3: Copy HTML Code From Your iPhone/iPad Email Inbox

  1. Refresh your inbox on your iPhone/iPad to get new messages.
  2. Open message that you just sent to yourself.
  3. Select all and copy.

STEP 4: Set Up Email Signature with Quick Sig.app

  1. Open the Quick Sig.app.
  2. Create a new signature by pressing the “+” icon on the upper right.
  3. On the “Name” area, give your new signature a name.
  4. On the “Signature” area below “Name,” paste the HTML code that you copied.
  5. Scroll downward and turn on the “HTML” button
  6. Press “Done” on the upper right to go back to the “Signatures” panel.
  7. Select your signature to open the “Detail” panel. You will see your HTML email signature design in the “Preview” window.
  8. Press “Copy Signature.” Then press the iPhone/iPad “Home” button to go back to the main screen.

Quick Signature HTML Install 1-2

Quick Signature HTML Install 3-4

Quick Signature HTML Install 5-6

STEP 5: Assign HTML Email Signature to your Email Account

  1. Open your iPhone/iPad Settings.app.
  2. Go to ~/Mail,Contacts, Calendars/Signature.
  3. Scroll down to the signature preview window for your email account.
  4. Paste the HTML email signature that you copied in STEP 4.
  5. Open Mail.app, compose a new message to test out new HTML email signature

iOS7 Mail Setting 08-09

iOS7 Mail Setting 10-11

iOS7 Mail Setting 12-13

Installation Completed

That Is It! Go on with Mail as usual. Happy email writing.

Follow responses through the RSS 2.0 feed | December 9th, 2013 | 41,434 views

8 comments »

  1. January 6th, 2014

    Caitlin says:

    Is there a way to get the image in the signature not to appear as an attachment?

    When using an image in my signature even with coding in html there is an attachment paperclip that shows up on the iPad for that email. The email signature displays fine but this could be a bother to people that sort their mail by attachments.

  2. July 10th, 2014

    […] Create a Visually Appealing HTML Email Signature For Apple iPhone and iPad | mydesignpad.com […]

  3. February 22nd, 2015

    I bought the app for my IPad signature. And all I wanted to do is put my company logo under my signature, and it won’t let me.

    NEED HELP!!!!!!

    Thanks, troy

  4. February 24th, 2015

    Tim Cai says:

    Hello Troy, please email me at timcai@mydesignpad.com

  5. May 23rd, 2015

    Courtney says:

    Great tutorials! I’m not a computer person at all, but these were great! I love how my email signature turned out – you’re an awesome teacher!

    THANK YOU!!

  6. February 7th, 2016

    Tipapa says:

    I did on my iPad 2 air.Works once and then the image disappears.IOS 9

  7. February 12th, 2016

    Tim Cai says:

    Make sure that you image is hosted remotely on a web server.

  8. July 9th, 2016

    mike says:

    I followed instructions and it works great except that I am getting duplicate signatures- any ideas? I have redone process several times to no avail.

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