How-To

How to Create HTML Signatures in Thunderbird without Learning HTML

Thunderbird TipsWhat’s your email signature look like? One of those drab, plain text affairs with long, ugly URLs? Are you envious of the glorious, rich text signatures replete with images, hyperlinks and digitized signatures that you get from your classier correspondences? Envy no more, good chum, because you can create your own HTML signature in Thunderbird without even learning HTML.

Step One

Create a new blank message in Thunderbird by clicking Write. We’re not actually going to be sending an email here, we’re just using this message as a workspace.

Create HTML Signature in Thunderbird

Step Two

Type out your signature and format it using the formatting toolbar in the composition window. Make everything just like you want it to look in your signature.

Create HTML Signature in Thunderbird

Step Three

Personally, I like to include an image in my signature. If you’re pretty enough, you could even include a headshot, but lookin’ good isn’t really my department, so I’m going to use a logo. There are two ways to do this: attach it or embed an image on a web server. If you attach it, then every single email you send out will have your signature image attached. This’ll add a few KBs to your file size, which may or may not be an issue for you. But the real drawback is that your recipients will never know if you actually sent them an attachment other than your signature image. I don’t really like that, so I usually opt for the remotely hosted image. The drawback of that is that, by default, most web clients block remote images. But once you start emailing someone regularly, they can start accepting remote images, so really, that’s only an issue for your first message.

Anyway, to insert an image, click the Insert button in the formatting toolbar and click Image.

Create HTML Signature in Thunderbird

If you’re attaching your image, you can simply browse for it by clicking Choose File… If you’re using a remote image, copy and paste the location into the Image Location field. You can also add alt text and tooltip text if you’d like, or you can select Don’t use alternate text to forgo this.

Create HTML Signature in Thunderbird

Step Four

You’ll also probably want to include a link. To create a hyperlink, highlight the text you want to use as your anchor text and click the Insert button and choose Link.

Create HTML Signature in Thunderbird

Type in the destination URL and click OK. I don’t recommend attaching the source of the link to the message.

Create HTML Signature in Thunderbird`

Step Five

Once you have your signature just the way you like it, click Edit and choose Select All (or press CTRL-A on your keyboard). This will select all the text.

Create HTML Signature in Thunderbird

Step Six

Click the Insert menu and click HTML.

Create HTML Signature in Thunderbird`

Step Seven

This will show a dialogue box that has the raw HTML code for the signature that you just created. Press CTRL-A and then CTRL-C to copy the raw HTML code to your clipboard. Click Cancel.

Create HTML Signature in Thunderbird

Step Eight

Click Tools and choose Account Settings.

Create HTML Signature in Thunderbird

Step Nine

In the box below Signature text, paste your HTML code. Make sure Use HTML is checked and click OK.

Create HTML Signature in Thunderbird

Now, when you compose a new message, your custom HTML signature will already be inserted.

Create HTML Signature in Thunderbird

Remember that if you’re embedding an image from a remote site, the recipient may have to enable images from your email address before they can see your logo.

Create HTML Signature in Thunderbird

Create HTML Signature in Thunderbird

That’s certainly not the only way to get a rich text HTML signature into Thunderbird, but in my opinion, it’s the easiest, especially for those who feel daunted by raw HTML code. With this method, you can create your signature in a WYSIWYG (what you see is what you get) manner and save it for future use.

88 Comments

88 Comments

  1. Jim Ringle

    Thanks for the help, got the signature to work

  2. Alun Barrett

    Fantastic, you don’t know how long this has been on my list of things to do.
    Regards
    Alun

    • Jo Murray

      THANKYOU!! This is a brilliant tutorial – I don’t usually have a go at anything like this but I have just managed to insert my signature with a working link to my little self catering holiday cottage business- it was so easy and no tears!

    • Frannie

      same here. and sadly, i’ve been with the company for 3 months and I just now figured it out (with your help!) THANK YOU!

  3. Isaias

    Thanks a lot for this fantastic suggestion. You saved my day !!

  4. Isaac

    You’re the man Jack… Thanks

  5. katrina

    thank you so much

    that was so clear and helpful

    amazing

  6. sa

    To put it simply: After going through this tutorial, I’m signing up for your newsletter! Thank you!

  7. Greg

    Awesome work – many thanks

  8. Tim Schutte

    Very cool hint. Thanks so much!

  9. WIll

    THANKS! I have worked for weeks looking for a way to do this and you made it so simple.

  10. Diann

    Thanks very much for your clear steps outlining what to do. It took me hours of trial and error until I found your how to do steps.

  11. LynnC

    You ROCK! Thanks so much for this, Jack

    …now if I can just figure out how to control how it looks to my client, since it appears in a different font on her computer than it does on mine, in Thunderbird as well as in Mac Mail….

    Any and all suggestions are welcome!

  12. Ashwin

    Awesome tute pal! Great work! Thabnks!

  13. mla

    this is great! Thank you!

  14. Name

    Very good, thanks

  15. Lil

    Thank you so much!!

  16. tourinio

    Perfect !!!!!!!!!!!!!!

  17. rade.sajic

    how do I add twitter and Linkedin to the signature?

  18. Cory Church

    Perfect solution and super easy. Thanks.

  19. Kenneth Barker

    Great tutorial. If you don’t miss out steps (as I love doing, ahem) it works beautifully. Warning: Send your newly completed blank email to a friend or different email address – that’s when the link becomes active. Kenneth

  20. Vicky

    Thank you Jack for sharing this great tutorial. I’ve tried many different ways on how to do this and your step by step tutorial works great and so easy to follow.

  21. Vicky

    BTW, how do you get rid off the dash line above the Signature? I am using Thunderbird/3.1.20 on iMac. Thanks a lot.

    • LouLou

      I’d love to know that too, although using a pc…

  22. Wai Fu

    Good tut.Thanks

  23. Peter

    many thanks for the post.
    couldn’t figure it out from mozilla’s instructional….
    me thinks they should borrow yours.

    brilliant. simple. nice one.
    Peter

  24. Jim

    Thank you for posting this. It made my email signature look great!

  25. MALARVANNAN

    lovely

  26. Annette@Wellness WA

    Thanks so much for this, was really useful :)

  27. CF@Melb.Aus

    Great ! Excellent easy.
    I have spent few times fixing the problem, this time is easy fix.
    Thanks.

  28. K. Denby

    Wow! You are awesome. Thank you so much. That was immensely helpful.

  29. Diego

    Hi Did what you said and work great, but when I reply a message some icons from my signature are gone..Please let me know if you have an idea>..
    Thanks Diego.

  30. Suresh M

    Thank you…

  31. Ajit P

    Fantastic! I was trying to do this for ages and faiing miserably. Thanks.

  32. Dom B

    That is quite simply the clearest, most elegant how to link I have ever come across. Thank you. I follow nothing but will now bookmark your site. Brilliant.

  33. Josko

    Thanks mate this was pain in the ass from to do it for a long long time, thanks again

  34. Nicole

    Thank you, this was SO easy!

  35. Joe Hardy Jr.

    Simply amazing! To echo everyone else, THANK YOU!

  36. Marc Fisher

    Fantastic! Thank you very much.

  37. John Willis

    Thank you so so much – it works and looks great.
    It also was really easy!!!

  38. Fetze

    Many thanks, this is want I was looking for since a long time!

  39. Faiz

    seriously, couldnt ever figure out. couldnt have done without your help. thank you very much!

  40. bernhard

    avesome! easy and fast. thanks so much

  41. Mike

    Many thanks. Very easy and simple to follow.

  42. Bonnie

    I notice in your signature that there are two little dashes, same thing shows up in mine – any way to eliminate them? I tried re-composing my signature but they keep showing up.
    Anyway, thanks for this thorough and clear tutorial!

  43. Tim

    Nicely Done!!!

  44. Dolly

    Excellent work.
    Precisely what I needed.
    Thank you!

  45. Reena

    Thank you !!! its very easy steps to follow.. thanks for time saving

  46. mike

    Cool…..never posted a comment before. But hey thanks so much for posting HOW TO DO THIS…..needed this for a biz venture……looks cool

  47. Raj

    Thanks a Lot….:)

  48. Fi Macmillan

    I have just created my new signature using HTML but two dashes appear above the new signature – even though they aren’t in the HTML coding.

  49. Veronika

    Great! Been banging my head against the wall for ages! No I don’t have to do that anymore – just follow your great step-by-step! (Bookmarked of course! ;) )
    Thanks!

  50. Geeta

    I tried but in my Thunderbird, In Email Setting i dont see Signature text to copy the HTML code ???
    How to get that Signature Text

    Geeta

    • Prashant

      Check if two options below:

      “Attach the signature from file…” and “Attach my vCard….”

      are unchecked and

      “Signature Text : use HTML…” is checked.

      Hope this help. :)

  51. Prashant

    Thanks buddy. I was looking for something like this for long.

  52. Michael Cussen

    Brilliant Jack! This saved me hours trying to work this out through Thunderbird whose Help is pretty basic. Much appreciated mate.

  53. Maggie

    THANK YOU! THANK YOU! THANK YOU! I’ve spent hours trying to figure this out for the past 6 months! I cannot believe how easy it is to do WITHIN Thunderbird!

  54. Patrick

    Your Thunderbird advise worked, thank you for posting it.

  55. Kim

    Clearest instructions that I’ve found – thanks

  56. Jose

    Wow! Thanks to you I was able to have my e-mail signature back. I tried other ways and it was so complicated and it didn’t work. Your explanation was easy to follow and it works great; thank you!!!

  57. Ardit

    Thanks! This is a great help.

  58. Felicia

    So easy with your step by step instructions. Thanks so much!

  59. Elizabeth

    So easy…THANK YOU!!!!

  60. ESC

    November-2015, working perfect!, thanks!.

  61. SS D

    It works great ! Thank you so much !!

  62. Martin

    So easy I wish I had seen this before the other 13 websites! Thanks a lot.

  63. kim

    How do you get the signature to show up automatically when replying or forwarding a message? Using Mac.

  64. Bryan

    Well done! I was about to give up on ever getting a good looking signature into Thunderbird.
    Many thanks
    Bryan

  65. Donal Curtin

    Like everyone else, can I say what a great price of advice. You have a real gift – a blend of the tech expertise, plain English, and helpfulness. Well done

  66. Vishal Kumar Ram

    Just a Quick Addition You Can Also add Social Account Button like Facebook or Twitter

    simply Follow This Steps

    1. Search Facebook and Twitter Button — Make Sure to Pick Good Quality Image from google search

    2. then go to – link — Link Your Profile Website Address — Then — Set the Image Size To 31*28 Size

    3. Click Edit — Select All — Copy — Click on insert –Html — Copy Html Code —

    4. Then Follow step 8 and Step 9

    • LouLou

      This would add the external links though wouldn’t it? Do they get disabled by email handlers?

  67. Owltan

    This is brilliant and so well set out for lay person

    Thanks

  68. Rozena Erbes

    Thanks!! I’ve been trying to do this but couldn’t figure it out!! Blessings!

  69. Manish

    Sorry but having had all i getting error in my signature

  70. Joy

    This was exactly what I was looking for! Thank you for making it so easy!

  71. Hisham

    Thanks a lot, you have been a greaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaat asiist to me

  72. Jane

    Thank you for your clear instructions

  73. Amol

    Thank you very much, very informative and simple. Excellent instructions.

  74. Dave

    Super cool, dude.
    Thanks

  75. Sameera

    Perfect Information. Thank you so much. No need to wait until my office IT person to do my job.. thank you again.. Best regards,

  76. Rammy

    Thankyou so much. It worked :)

  77. Soniya Raut

    Thank you very very much!!:)

  78. Mardi

    Thanks so much. It worked for me too. My only issue is that it’s coming out double spaced when I don’t want it to. The wording I copied isn’t double spaced. Can anyone help. Thanks

  79. Mike

    It can be done and explained way easier and faster…
    Open a new message, add text, links, images – edit it as you want.
    Then File->Save As->File
    This will save the message as html file that can be chosen for a signature in given account settings.

    Plus of having it on file is that if you want to set mail accounts anew, it’s easier to point to a proper file and you can edit or view it on another program if needed.

  80. Mark

    I had an HTML signature before, but wanted to add an image with a hyperlink. Couldn’t figure out how to insert the hyperlink code into the HTML. This was exactly what I needed. Thanks a ton.

  81. Maggie Danesfahani

    Thank you so much. Really helpful

  82. rosco331

    Thanks a million, worked like a charm!

  83. Frank

    Why does the image I chose only work once, then I have to re-add it after every single email? An answer would be great. Thank you.

Leave a Reply

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

 

To Top