--- title: "How to Create a Professional HTML Email Signature in Thunderbird" description: "Build a professional HTML email signature in Mozilla Thunderbird from a ready-made template, install it, and decide whether to host or embed your logo." url: "https://docs.noiz.ie/email/how-to-create-a-professional-html-email-signature-in-thunderbird/" section: "Email" categories: - "Email > Desktop Clients > Thunderbird" last_reviewed: "27 July 2026, against the current Thunderbird release (monthly Release and ESR channels)" --- # 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 or S/MIME feature built into Thunderbird 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 the current Thunderbird release (monthly Release and ESR channels). 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)](https://support.mozilla.org/en-US/kb/signatures): the official article on adding a plain-text or HTML signature and on attaching a signature from a file. - [Thunderbird Support home (Mozilla Support)](https://support.mozilla.org/en-US/products/thunderbird): the official hub for account, composition and interface topics, and the place to confirm the wording in your exact version. - [Signatures (MozillaZine Knowledge Base)](https://kb.mozillazine.org/Signatures): 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](/email/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](#handling-the-logo-image-host-it-or-embed-it) 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](#handling-the-logo-image-host-it-or-embed-it), 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 `` 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 `
` and the closing `
`: ```
Your Company Name  
Your Full Name
Your Job Title
Your Company Name
Tel: +27 21 000 0000
Web: www.yourdomain.com
Email: you@yourdomain.com
``` ### 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 either that same absolute `https://` address or, to embed the logo, a `data:` URI (explained below). A plain relative filename such as `logo.png` does not work: Thunderbird shows a broken image in its place. 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:you@yourdomain.com"` and as the visible `you@yourdomain.com`. - **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](#handling-the-logo-image-host-it-or-embed-it)). 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. bold)"). 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. ![Thunderbird Account Settings with the account name selected, the Use HTML checkbox ticked, and the professional HTML signature template pasted into the Signature text box](/images/kb/431_thunderbird-signature-use-html.png) Open a new message with **Write** to see the result rendered at the bottom of the compose window. ![A new Thunderbird compose window showing the rendered HTML signature at the bottom, with the logo, name, job title, company, phone, website and email laid out beside a coloured accent bar](/images/kb/432_thunderbird-signature-rendered.png) ## 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 a logo written into that file as a `data:` URI is embedded in every message. ### 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 `data:` URI, which is your logo file encoded as Base64 text, in the form `src="data:image/png;base64,iVBORw0KGgo..."`. Any Base64 image encoder produces this from your logo file. Do not use a relative filename such as `src="logo.png"`: Thunderbird does not load it, and the signature shows a broken image. If you would rather host the logo, keep the absolute `https://` address from Method 1. 3. Save the file as `signature.html` in a folder you will not delete. With the logo written into the file as a `data:` URI, there is no separate image file to keep beside it. ### 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 a `data:` URI it embeds a copy of the image inside the outgoing message. ![Thunderbird Account Settings with the option Attach the signature from a file instead ticked and a signature.html file selected via the Choose button](/images/kb/433_thunderbird-signature-attach-file.png) 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, encode the new file and paste its `data:` URI over the old one. ## 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 `` 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 Method 2, check the `src` in the `.html` file: a relative filename such as `logo.png` produces exactly this broken image, so replace it with a complete `data:` URI or an absolute `https://` address. - **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. --- Source: https://docs.noiz.ie/email/how-to-create-a-professional-html-email-signature-in-thunderbird/