How to Install HTML Email Signature for Google GMail

If you want to install a HTML email signature into your Gmail, you have come to the right place. GMail users are in luck as the installation process is very straight forward and simple. Assuming that you have a HTML email signature created already, follow the 4 easy steps below to get your great looking email signature installed.

If you don’t have a HTML signature, you may read my tutorial, Create a HTML Signature in Apple Mail on Lion OS X 10.7 to get started on creating one yourself or you may contact me to create one for you at a small cost.

Step 1: Open your HTML file

Drag your HTML email signature file into your browser. For this example, I use Safari but you may use any browser of your choice.

Step 2: Copy Signature

Select your entire signature design (Command+A) and Copy (Command+C). On other broswers where you cannot select the content by highlighting it, go to Edit > Select All and then Edit > Copy

Step 3: Open GMail Settings

In Gmail, you may see a Machine Bearing icon on the upper right hand side. In the drop down menu, go to Settings.

Step 4: Paste HTML Content and Save

Under the General tab in Settings, scroll down till you find the Signature section. Click inside the Signature edit box and go to Edit > Paste to paste in the HTML you have stored in the clipboard (Command+V). Click “Save Changes” right below the Signature edit box.

Summing Up

That is it! You are done! If you run into any problems installing your HTML email signature into your GMail account, let me know by writing in the comments section. I will try my best to help or maybe a fellow reader may. I hope this tutorial is helpful to you and it would be a great pleasure to see your creation so please showcase that wonderful signature you have created!

UPDATE 08-30-2012: Due to the high number of recent requests to create custom email signatures, I created a service section for signature design and development. If you would like me to create a signature for you, please visit www.mydesignpad.com/htmlsignature/ for more info.

Follow responses through the RSS 2.0 feed | July 19th, 2012 | 68,702 views

28 comments »

  1. December 7th, 2012

    Mark says:

    Thank a lot, that tutorial was really simple but saved me the time finding the settings options.
    Cheers

  2. March 19th, 2013

    Dan says:

    Will the image attach to the email? or will it be pulled from a website if I set it up to do that originally?

  3. March 19th, 2013

    Tim Cai says:

    Dan, if you design and code the htlm signature correctly, the images will be pulled from a web server instead of seeing it as attachments.

  4. March 19th, 2013

    Dan says:

    Thank you Tim. I will try it. Thank you for the tutorial too.

  5. March 27th, 2013

    Thanks for doing this, Tim. Very helpful. Not to nit-pick, but I believe that the Paste command is (Command+V), not (Command+P), which is Print. I updated and implemented your code in Gmail this afternoon. Looks nice!

  6. March 28th, 2013

    Tim Cai says:

    Dear Brian, thank you for pointing out my mistake. It is not nit-picking at all. Really appreciate it. I will update the post right away. cheers!

  7. June 10th, 2013

    when installing into gmail, and sending to apple mail on iOS, the signature doesn’t doesn’t size appropriately. it looks too big. am i doing something wrong?

    thank you!!!

  8. June 10th, 2013

    Al says:

    Thank you for this simple tutorial. I’m not sure why but ours doesn’t work. When I paste our signature in the box, the formatting is all wrong.

    Here is our email signature: https://www.dropbox.com/s/bm17sjzi974uqaa/Email%20Signature-Al.html

    And here is what it looks like after pasting it in:
    https://www.dropbox.com/s/6mjzs77je898xg4/Screen%20Shot%202013-06-10%20at%203.39.02%20PM.png

    Thank you

  9. June 14th, 2013

    Hey this quick video will walk you through process! Hope it helps!
    http://www.googlegooru.com/how-to-create-a-signature-in-gmail/

  10. June 14th, 2013

    Hey this quick video will walk you through the process! Hope it helps!
    http://www.googlegooru.com/how-to-create-a-signature-in-gmail/

  11. June 27th, 2013

    Susan says:

    We have an HTML image (our logo) to add to our signature. The problem we are encountering is it keeps dropping off the gmail signature. It will work for a day or two and then only the html coding will show – not the actual image. We think it may be a problem with where the HTML image is located? I really don’t know a lot about this so any help will be great! Thanks!

  12. June 27th, 2013

    Tim Cai says:

    Susan, The html codes have to written in a specific way and the image must be hosted on a remote server. I would love to help. Have you checked out my page on creating custom email signatures? For a small fee, I can help you write up the html codes correctly and walk you through the installation process. Please check out link: html signature

  13. July 9th, 2013

    Aida says:

    Hello,

    I have followed the steps and added the html signature and it looks great, but… when someone receives an email the signature is not visible unless they do right click and download pictures. Any ideas?
    Thanks!

  14. July 11th, 2013

    Graeme says:

    Hi I tried the above but for some reason my links do not copy across. The signature comes across great but not the links. Any help would be great.
    Google support desk says to me that it does not support html Signatures, which I know it does.

  15. July 11th, 2013

    Tim Cai says:

    Aida, Some email programs, especially older versions would have default security settings that will only load images unless the reader accepts to display.

  16. July 11th, 2013

    Tim Cai says:

    Graeme, did you write the codes for the links correctly? Use the “a” tag for links. It should look something like this: a href="http://website.com"

  17. July 24th, 2013

    Chuck says:

    Tim, Thanks for the great tutorial! I discovered something that may answer some of the questions above: Gmail seems to ignore some hyperlinks even when correctly formatted in HTML. However, if you paste the signature in and THEN adjust the links using Gmail’s signature editor, it recognizes them fine.

  18. August 13th, 2013

    Tim Cai says:

    Dear Chuck, thanks a lot for your tip! What a great contribution!

  19. January 12th, 2014

    SOWMYA says:

    Tim,

    Thank you for your tutorial, really it helped me lot.
    One small problem , it shows

    Your vacation responder message is too long. Please enter a shorter message or use plain text format

    Pls help me

  20. January 13th, 2014

    SOWMYA says:

    can anyone help me pls?

  21. January 14th, 2014

    Sue says:

    it doesnt hold any formatting by doing it this way

  22. January 18th, 2014

    Tim Cai says:

    If you preview the signature design with IE, the formatting may not stick. Try using Firefox, Safari or Chrome.

  23. January 20th, 2014

    Hi Tim

    I have had issues copying across the formatting of the html signature that I have written and tried a fresh install of the signature that you supplied in the lion tutorial and repeated the same problem. Has Google disabled this option in Gmail? I am also an old web designer and I know that this code is functioning properly within the browser.

  24. January 20th, 2014

    Hi Tim

    Please disregard – copying from Safari failed but from Chrome worked – Go figure…

  25. January 24th, 2014

    Sweet girl says:

    Thanks for sharing……have a great day

  26. February 18th, 2014

    I’m trying to add HTML code to my signature and I don’t see an edit button or paste to paste HTML.

    I put the html code in and still looks like HTML.

    Checking to make sure that Gmail Apps will support what we’re doing – Here is what my signature should look like and what I want different. I’m happy to purchase your services but need to know it will work.
    http://screencast.com/t/X1tLzYLLOA includes more questions.

  27. March 9th, 2014

    Courtney says:

    Hi Tim,

    For some reason, I was able to get my html signature to Work for my Mac Mail, but for Gmail—I copy and paste and the image is gone? Can you help me, please?

  28. March 23rd, 2014

    L2B says:

    I have somehow gotten an error message “The webpage cannot be found….HTTP 404….” imbedded in my Signature, which I’ve never used. I don’t know how to remove the error message and I cannot send ANY email.

    Suggestions would be appreciated.

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