How to Create a Professional HTML Email Signature in Thunderbird

This guide shows you how to design and install a professional HTML email signature in Mozilla Thunderbird: a tidy footer carrying your name, job title, company, phone number, website and a small logo. You will get a clean, copy-paste-ready signature template built the way email signatures actually need to be built (a table layout with inline styles), two reliable ways to install it in Thunderbird, and clear advice on how to handle the logo image so your signature looks right for the people who receive it. It is written for Noiz clients whose mailbox is already set up in Thunderbird.

One quick point of terminology first, because the word "signature" means two different things in email. This article is about the visual footer appended to the bottom of your messages. It is not about a digital signature, the cryptographic OpenPGP/S-MIME feature (built into Thunderbird since version 78) that proves a message genuinely came from you. Those are separate features and this guide covers only the visual footer.

Last reviewed: 27 July 2026, against Thunderbird 140 (latest stable). This guide is written for Noiz hosting and is kept current against Thunderbird. It complements, and does not replace, the official Thunderbird documentation linked below. Menu labels shift slightly between the monthly Release channel and the Extended Support Release (ESR), and between operating systems, so if a control is named a little differently on your machine, look for the closest match.

Official Documentation Reference

• Signatures (Mozilla Support): the official article on adding a plain-text or HTML signature and on attaching a signature from a file.
• Thunderbird Support home (Mozilla Support): the official hub for account, composition and interface topics, and the place to confirm the wording in your exact version.
• Signatures (MozillaZine Knowledge Base): a long-standing community reference that goes deep on file-based HTML signatures and how referenced images are embedded.

Prerequisites

• Your mailbox is already added in Thunderbird. If it is not, follow How to Add an Email Account in Mozilla Thunderbird first. On the Noiz platform the account uses IMAP mail.yourdomain.com on port 993 (SSL/TLS) and SMTP mail.yourdomain.com on port 465 (SSL/TLS), with your full email address as the username. HTML signatures work the same regardless of those settings.
• The details you want in the signature: name, job title, company name, phone number, website address and email address.
• A logo file, ideally a small PNG (transparent background) or JPG. See Handling the logo image for sizing.
• Basic comfort with copying and pasting a block of text. You do not need to understand HTML to use the template below; you only replace the words between the tags.

Two Ways to Install an HTML Signature

Thunderbird gives you two routes to an HTML signature, and the difference matters mainly for how your logo travels to recipients:

• Method 1: Paste HTML into the signature box. You tick a Use HTML box in Account Settings and paste the signature markup straight into the text field. This is the quickest route. A logo is referenced by its web address, so the image lives on a server and each recipient's mail app fetches it when they open your message.
• Method 2: Attach the signature from a file. You save the signature as an .html file on your computer and point Thunderbird at it. This route lets you embed the logo, so a copy of the image is sent inside every message and always displays, even when the recipient blocks remote images.

Both use the same template. Pick the method after you have read Handling the logo image, because that decision (host the logo versus embed it) is the one that actually shapes how your signature looks in the wild.

The Professional Signature Template

Here is the template. It uses a <table> for layout and inline styles on every element, which is deliberate: mail apps such as Outlook, Gmail and Apple Mail strip out stylesheets and are unreliable with modern CSS layout, but they render simple tables and inline styles consistently. This is the single most important reason home-made signatures look perfect in Thunderbird yet fall apart in a recipient's inbox, and this template avoids it.

Copy everything between the first <table> and the closing </table>:

<table cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; color:#2b2b2b;">
  <tr>
    <td style="padding:0 16px 0 0; vertical-align:top;">
      <img src="https://www.yourdomain.com/img/logo.png" alt="Your Company Name" width="72" height="72" style="display:block; width:72px; height:72px; border:0;">
    </td>
    <td style="padding:0 16px 0 0; border-left:3px solid #1a7f5a; font-size:0; line-height:0;">&nbsp;</td>
    <td style="vertical-align:top; font-size:13px; line-height:1.4;">
      <div style="font-size:16px; font-weight:bold; color:#1a1a1a;">Your Full Name</div>
      <div style="font-size:13px; color:#1a7f5a; padding-top:2px;">Your Job Title</div>
      <div style="font-size:13px; font-weight:bold; padding-top:6px; color:#1a1a1a;">Your Company Name</div>
      <div style="padding-top:8px;">Tel: <a href="tel:+27210000000" style="color:#2b2b2b; text-decoration:none;">+27 21 000 0000</a></div>
      <div style="padding-top:2px;">Web: <a href="https://www.yourdomain.com" style="color:#1a7f5a; text-decoration:none;">www.yourdomain.com</a></div>
      <div style="padding-top:2px;">Email: <a href="mailto:[email protected]" style="color:#2b2b2b; text-decoration:none;">[email protected]</a></div>
    </td>
  </tr>
</table>

What to Replace

Change only these values and leave every tag and style alone:

• Your Full Name, Your Job Title, Your Company Name: the three text lines.
• The logo src: for Method 1 use the full web address of your hosted logo, for example https://www.yourdomain.com/img/logo.png; for Method 2 use a plain filename such as logo.png (explained below). Keep the alt text as your company name so the logo still makes sense when the image cannot load.
• The phone number: appears twice, once as the dialable link tel:+27210000000 (digits and a leading + only, no spaces) and once as the readable +27 21 000 0000.
• The website: appears in href="https://www.yourdomain.com" and as the visible www.yourdomain.com.
• The email: appears in href="mailto:[email protected]" and as the visible [email protected].
• Optional, the accent colour. The hex value #1a7f5a appears three times (the vertical bar, the job title and the website link). Replace all three with your brand colour to match your identity. Keep the other colours (#1a1a1a for headings, #2b2b2b for body text) for readability.

yourdomain.com, the sample phone number and the colours are all placeholders shown as examples; swap in your own. Resist the temptation to add more: two or three tidy lines and a small logo read as far more professional than a wall of icons, quotes and disclaimers.

Method 1: Paste the HTML into the Signature Box

This is the fastest way to get a working signature and is the right choice when your logo is hosted at a web address (see Handling the logo image).

1. Open Account Settings. Click the menu button (the three horizontal lines, near the top right) and choose Account Settings. If you use the classic menu bar, it is under Tools > Account Settings instead.
2. In the left-hand list, click the name of the account you are signing from (the top entry for that account, not a folder or a sub-page beneath it). The main settings for that identity appear on the right.
3. Tick the box labelled Use HTML (its full label is along the lines of "Use HTML (e.g. <b>bold</b>)"). This tells Thunderbird to treat the signature field as markup rather than as literal text.
4. Click into the Signature text box and paste the edited template. Because Use HTML is ticked, Thunderbird interprets the tags; you will not see the code, and the signature does not preview here.
5. Close the Account Settings tab. There is no Save button; changes are kept automatically.

Open a new message with Write to see the result rendered at the bottom of the compose window.

Method 2: Attach the Signature from a File

Use this method when you want the logo to always display, even for recipients who block remote images. Here the whole signature lives in an .html file and Thunderbird embeds any image the file references.

Save the Signature as a File

1. Open a plain-text editor (Notepad on Windows, TextEdit in plain-text mode on macOS, or gedit on Linux). Do not use a word processor such as Word, as it inserts formatting that breaks the file.
2. Paste the edited template. For an embedded logo, change the image src to a plain relative filename with no folder and no https://, for example src="logo.png".
3. Save the file as signature.html in a folder you will not delete, and save your logo image into the same folder under the exact filename you referenced (logo.png). The relative reference only works when the image sits beside the HTML file.

Point Thunderbird at the File

1. Open Account Settings (menu button, then Account Settings) and select the account name on the left.
2. Tick Attach the signature from a file instead (text, HTML or image).
3. Click Choose and browse to your signature.html file.
4. Close the Account Settings tab. When you compose a message, Thunderbird reads the file, and because the logo is referenced relatively it embeds a copy of the image inside the outgoing message.

When you later change the signature, edit the .html file and the update is picked up automatically; there is nothing to re-import. If you replace the logo, keep the same filename or update the src to match.

Handling the Logo Image: Host It or Embed It

This is the decision that determines whether recipients actually see your logo, so it is worth understanding both options.

Host the Logo at a Web Address (Method 1)

The image sits on a server and the signature references it by URL. Each recipient's mail app downloads it when they open your message.

• Upside: your emails stay tiny, and you can swap the logo everywhere at once by replacing the file on the server.
• Downside: many mail apps block remote images by default until the reader clicks "show images", so your logo may appear as an empty box on first view. A remote image is also an external fetch, which privacy-minded recipients may distrust.
• Where to host it on Noiz: upload the logo into your website's files (for example a /img/ folder) and use its public address, such as https://www.yourdomain.com/img/logo.png. Confirm the address opens in a browser on its own before relying on it, and never link to a logo on someone else's site.

Embed the Logo in the Message (Method 2)

A copy of the image is carried inside every message you send.

• Upside: the logo always displays, with no "show images" prompt and no external fetch.
• Downside: every single email is a little larger, and a copy is embedded even in short replies, so keep the file small.

For most business users the embedded route (Method 2) gives the most reliable, professional result, provided the logo is genuinely lightweight.

Keep the Logo Lightweight

• Dimensions: display the logo at roughly 64 to 90 pixels tall. The template sets 72 by 72; adjust the width, height and the matching style values together.
• Crispness on sharp screens: export the file at twice the display size (for example a 144-pixel image shown at 72) so it stays clean on high-resolution displays, while keeping the width and height attributes at the display size.
• File size: aim to keep the logo under about 30 to 50 KB. Use PNG for logos with flat colour or transparency, and JPG for photographic content.
• Always set width and height: without them, some mail apps blow the image up to its full pixel size and wreck the layout.

Test Your Signature Before You Rely On It

A signature that looks perfect in Thunderbird can still misbehave elsewhere, so send a few test messages and check them where your recipients actually read mail:

1. Send one to yourself and open it in Thunderbird to confirm the layout, links and logo.
2. Send one to a different provider such as a Gmail or Outlook.com address, and open it in that provider's web mail. This is where table-and-inline-style signatures earn their keep.
3. Check with images blocked. In the test message, do not click "show images" straight away. If you hosted the logo (Method 1) it will be hidden until you allow it; if you embedded it (Method 2) it should appear immediately. The alt text is your safety net either way.
4. Check on a phone. Open a test on a mobile mail app to confirm the signature does not overflow the screen.
5. Click every link. Confirm the phone number dials, the website opens and the email address composes a new message.

Troubleshooting

• Symptom: the signature shows raw code like <table> instead of a formatted footer. The Use HTML box was not ticked before pasting (Method 1). Tick it, clear the box and paste the template again.
• Symptom: the logo is a broken-image icon or empty box. For a hosted logo (Method 1), open the src address in a browser; if it does not load, the file is not public or the address is wrong. For an embedded logo (Method 2), confirm the image sits in the same folder as the .html file and that the filename in src matches exactly, including capitalisation.
• Symptom: recipients see a plain-text version with no formatting. Their mail app, or your own, may be composing in plain text. Ensure you are writing HTML mail (hold Shift while clicking Write toggles the compose format), and remember some recipients deliberately view mail as plain text, where only the words survive by design.
• Symptom: the signature looks fine in Thunderbird but cramped or misaligned in Outlook or Gmail. Almost always caused by CSS that those apps ignore. Stick to the table-plus-inline-styles pattern in this template and avoid adding modern layout such as flexbox or background images.
• Symptom: the embedded logo appears twice, once inline and once as a loose attachment. This is normal in a few mail apps that list every embedded image in the attachment area as well as inline; it does not indicate a fault.
• Symptom: the signature does not appear on replies. Check Account Settings > Composition & Addressing for the option that includes the signature on replies and forwards, and confirm you are replying from the same account the signature belongs to.

If your signature still will not behave across mail apps, open a support ticket with the Noiz support team. Include the account it applies to, whether you used Method 1 or Method 2, the logo address if you hosted it, and a screenshot of how the signature looks in the inbox where it is going wrong.