How to Send HTML Emails with Gmail and Google Docs

All popular email programs like Gmail Yahoo and Hotmail are now use HTML or Rich Text Formate. Your email can have custom fonts, inline images, lists, table, div and other formatting same as web page.

How do you write an HTML Email?

The built in WYSIWYG editors, like edit plus, notepad, Adobe Dreamweaver CS3 and other. They offer basic functions for formatting text but there are things you cannot do. For instance, how do you insert a 3×5 table inside a Gmail message? Can you right-align an image and wrap text around it similar to Word?

All this is easily possible in HTML but since your email program won’t let your compose a message directly in HTML, you’re stuck.

I have two easy solutions for this problem. The first is HTML Mail – here you can write an HTML message and send it yourself or anyone else with a click. The tool has a simple WYSIWYG editor but you can also switch to the code view and compose messages directly with HTML markup.

There’s another alternative that uses Google Docs to send HTML mails from your Gmail account itself. It works for both Google Apps and regular Google Accounts.

First make a copy of this Google Docs sheet and then choose Gmail –> HTML Mail to authorize the sheet to send mails from your email account. Once authorized, choose GMail –> HTML Mail again and now you should see a form for sending mails. Fill in the various fields, write any HTML code in the Message field and hit send.

You can use the previously mentioned WYSIWYG editor to generate the HTML markup and copy-paste that code into the Google Docs form. Also, if you wish to send the same message to multiple recipients at once, just separate their email addresses with commas.

The Google Docs option internally uses Google App scripts (class GmailApp) and you can find the full source code under Tools –> Script Editor. So the next time you want to create a more professional-looking email newsletter that has tables and other complex formatting, you know where to go.