HTML

How to Send HTML Emails Using Thunderbird

 

For those running an e-commerce site or managing member information, considering sending out newsletters is common. Typically, you might use your e-commerce site’s email sending feature or a dedicated email delivery service. However, for those who don’t own an e-commerce site or don’t need a large-scale email delivery service, here’s a guide to sending HTML emails using the email client “Thunderbird.”

Sending HTML emails is a simple yet effective way to communicate, especially when you want to enhance the design and layout. In this article, we will explain step-by-step how to create and send HTML emails using Thunderbird.

Contents
  1. Basic Steps to Create an HTML Email in Thunderbird
  2. 1. Create a New Email Using the “Write” Button in Thunderbird
  3. 2. Select “Insert HTML” from the Email Composition Screen
  4. 3. Insert Code for Your HTML Email
  5. 4. Input Recipient and Subject, Then Send
  6. 5. Always Confirm Before Sending
  7. Conclusion

Basic Steps to Create an HTML Email in Thunderbird

First, launch Thunderbird and open the new email creation screen. To create an HTML email using Thunderbird, you’ll need to follow a few steps. Essentially, the email is created by directly inserting HTML code. Let’s take a closer look at the process.

1. Create a New Email Using the “Write” Button in Thunderbird

Launch Thunderbird and click the “Write” button at the top left. This will open the new email composition screen. While it appears the same as a regular email composition screen, you’ll need to perform a few unique operations to create an HTML email.

Email 'Compose' screen example

2. Select “Insert HTML” from the Email Composition Screen

Next, click the “Insert” menu and select “HTML” from the dropdown menu.

Insert HTML menu example

This will open a screen where you can directly insert HTML code. This screen allows you to freely control the layout and design of your HTML email.

HTML insert screen example

3. Insert Code for Your HTML Email

HTML emails require a specific format. They often use table tags and inline styles for layout adjustments. By using the template provided below, you can quickly create visually appealing emails.

Basic Format Example for HTML Emails

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HTML Email Template</title>
<style type="text/css">
<!--
img {
  border: 0px;
  display: block;
  vertical-align: bottom;
}
a {
  text-decoration: underline;
}
-->
</style>
</head>
<body bgcolor="#cccccc" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<table cellspacing="0" cellpadding="0" width="100%" border="0" align="center" bgcolor="#cccccc">
  <tr>
    <td width="100%" height="40" align="center"></td>
  </tr>
  <tr>
    <td width="100%" style="background-color:#cccccc" align="center">
      <table cellspacing="0" cellpadding="0" width="640" border="0" align="center" bgcolor="#FFFFFF" style="margin:0 auto;">
        <tr>
          <td width="100%" height="40" align="center"></td>
        </tr>
        <tr>
          <td width="100%" height="180" align="center">
            <a href="https://dad-union.com/" target="_blank">
              <img src="https://dad-union.com/wp-content/uploads/2021/07/cropped-favicon-1-180x180.png" width="180" height="180" alt="DAD UNION - Web Engineer Alliance" style="border:0px; display:block; vertical-align: bottom;" />
            </a>
          </td>
        </tr>
        <tr>
          <td width="100%" height="40"></td>
        </tr>
        <tr>
          <td width="100%" height="40" align="center" style="color:#000; font-size:28px; font-weight: bold;">This is an HTML email template.</td>
        </tr>
        <tr>
          <td width="100%" height="80" align="center">To use images, specify the absolute path starting with "https://" in the src attribute of the img tag.</td>
        </tr>
        <tr>
          <td width="100%" height="40" align="center">It is basically created using tables.</td>
        </tr>
        <tr>
          <td width="100%" height="40" align="center">Character encoding is UTF-8.</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>

4. Input Recipient and Subject, Then Send

Once the HTML is inserted, it will appear in the email body. Enter the recipient and subject to complete your email. Finally, click the “Send” button to send your HTML email.

5. Always Confirm Before Sending

HTML emails may appear differently depending on the recipient’s environment. For example, Gmail, Yahoo Mail, or mobile carrier email services may cause design issues. Always send a test email to confirm its display before the actual send.

Conclusion

This guide explained how to send HTML emails using Thunderbird. HTML emails are a powerful tool for business communication as they allow you to control the design and layout. This method is perfect for those who want to send emails easily without using email delivery services. Use this guide as a reference to create and send effective HTML emails.

*Please use this method at your own risk.

HTML Emails Thunderbird
RELATED POST