Top Nav

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. Here’s how:

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 remote 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 tool bar 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.

More Reading:

, , ,

80 Responses to How to Create HTML Signatures in Thunderbird without Learning HTML

  1. Jim Ringle February 10, 2011 at 10:54 am #

    Thanks for your help, its working great.

  2. Jim Ringle February 10, 2011 at 11:16 am #

    Thanks for the help, got the signature to work

  3. Alun Barrett February 15, 2011 at 6:02 am #

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

    • Jo Murray January 28, 2016 at 5:36 am #

      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 February 12, 2016 at 10:25 am #

      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!

  4. Isaias September 22, 2011 at 8:41 am #

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

  5. Isaac November 4, 2011 at 9:22 am #

    You’re the man Jack… Thanks

  6. katrina December 4, 2011 at 6:14 pm #

    thank you so much

    that was so clear and helpful


  7. sa December 30, 2011 at 3:19 pm #

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

  8. Greg January 27, 2012 at 6:20 am #

    Awesome work – many thanks

  9. Tim Schutte February 15, 2012 at 10:43 am #

    Very cool hint. Thanks so much!

  10. WIll February 27, 2012 at 8:21 am #

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

  11. Diann April 4, 2012 at 7:43 am #

    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.

  12. LynnC April 11, 2012 at 5:05 pm #

    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!

  13. Ashwin July 23, 2012 at 2:56 am #

    Awesome tute pal! Great work! Thabnks!

  14. mla August 1, 2012 at 9:06 pm #

    this is great! Thank you!

  15. Name August 24, 2012 at 5:47 am #

    Very good, thanks

  16. Lil September 5, 2012 at 2:43 pm #

    Thank you so much!!

  17. tourinio September 22, 2012 at 2:43 am #

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

  18. rade.sajic October 12, 2012 at 2:10 pm #

    how do I add twitter and Linkedin to the signature?

  19. Cory Church October 15, 2012 at 11:56 am #

    Perfect solution and super easy. Thanks.

  20. Kenneth Barker December 16, 2012 at 8:11 am #

    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

  21. Vicky February 6, 2013 at 11:12 am #

    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.

  22. Vicky February 6, 2013 at 11:25 am #

    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 August 11, 2016 at 6:43 am #

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

  23. Wai Fu February 23, 2013 at 7:20 am #

    Good tut.Thanks

  24. Peter February 24, 2013 at 8:41 am #

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

    brilliant. simple. nice one.

  25. Jim March 13, 2013 at 2:02 pm #

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

Leave a Reply