Most modern email clients send HTML emails by default. Gmail and Yahoo Mail, for example, have built-in WYSIWYG editors you can use to write HTML messages. However, if you want to write HTML in an external editor and then use it in your email client, it can be a little tricky. Learn how to create and embed HTML in Gmail, macOS Mail, and Thunderbird.
Send HTML Email in Gmail or macOS Mail
Gmail and the Mail app on a Mac don't offer a way to compose an email in HTML within the client. However, you can send an HTML message through either of these two clients by copying and then pasting the HTML code created in another application.
1. Write your email in an HTML editor. Be sure to use full paths, including URLs to any external files.
2. Once the HTML file is complete, save it to your hard drive (it doesn't matter where).
3. Open the HTML file in a web browser. If it looks as you expect (images visible, CSS styles correct, and so on), select the entire page using Ctrl+A on Windows PCs, or Cmd+A on Macs.
4. Press Ctrl+C (Windows) or Cmd+C (Mac) to copy the entire page contents.
5. In Gmail or Mac Mail, start a new message. Paste the page contents copied above into the message body using Ctrl+V or Cmd+V.
Note: You can edit the text once it has been pasted into your new message, but be careful not to delete any of your styles or embedded images. They're difficult to fix without repeating the previous steps.
Send HTML Email in Thunderbird
Thunderbird makes it easy to create HTML and then import it into your mail messages.
1. Write your email in an HTML editor. Be sure to use full paths, including URLs to any external files.
2. Select all of the HTML code using Ctrl+A (Windows) or Cmd+A (Mac). To see the code, you may have to change the view from WYSIWYG to the raw HTML code view that reveals all of the HTML tags and other information.
3. Copy your HTML code using Ctrl+C or Cmd+A.
4. Open Thunderbird and Write a new message.
5. In the message menu, click Insert and select HTML.
6. When the HTML pop-up window appears, paste your HTML into the window by pressing Ctrl+V or Cmd+V.
7. Click Insert and your HTML code will be inserted into your message.
Tips for Writing in HTML
If you're going to write your HTML messages in a different editor, there are a few things you should remember so that your messages will work.
- 1. Your images need to be hosted on a public website. They don't have to be on a web page, but they do need to be publicly accessible on the internet.
- 2. Use the complete URL of the image in the attribute, and test it to make sure your image displays properly before you send the message.
- 3. Do not use relative paths in links. You should use fully qualified URLs for all links, just as with images.
- 4. If you are using CSS, embed them in the HTML code using the inline, embedded, or external style sheets.
No comments:
Post a Comment