Difference between revisions of "Rich HTML email"

From Wikicliki
Jump to: navigation, search
Line 14: Line 14:
 
* All special charactrs must be spelt out (eg: & pound for the pound symbol)
 
* All special charactrs must be spelt out (eg: & pound for the pound symbol)
 
* Keep email below 40k (including images)
 
* Keep email below 40k (including images)
 +
 +
 +
=== Rules to avoid spam folder ===
 +
 +
email client may direct emails with missing table tags, content below the closing </HTML> tag, or empty <title></title> tags, into the junk folder.
 +
 +
other triggers to avoid:
 +
* HTML comments which “obfuscate text”
 +
* Fonts in the HTML code sized 2+ or larger
 +
* Links without a “http://” prefix
 +
* Colored backgrounds
 +
* Special font colors outside of the 217 “Web-safe” colors 
 +
 +
 +
  
 
== See Also ==
 
== See Also ==
  
 
* [http://www.campaignmonitor.com/css/ Guide to CSS Support for Emails] - Great list from Campaign Monitor about the tags that different email browsers can understand
 
* [http://www.campaignmonitor.com/css/ Guide to CSS Support for Emails] - Great list from Campaign Monitor about the tags that different email browsers can understand

Revision as of 02:48, 20 October 2009

Easiest way to make and send Rich HTML

  1. Create your html page first
  2. Open it in IE7
  3. Choose the "send page as email" option
  4. Your Rich HTML email will be ready for sending in Outlook

General Rules for Rich HTML email design

  • Avoid stylesheets
  • Name your images sensibly and generically to avoid SPAM filtering (eg: image1.gif or header.gif)
  • Avoid ROWSPAN and COLSPAN totally
  • All special charactrs must be spelt out (eg: & pound for the pound symbol)
  • Keep email below 40k (including images)


Rules to avoid spam folder

email client may direct emails with missing table tags, content below the closing </HTML> tag, or empty <title></title> tags, into the junk folder.

other triggers to avoid:

  • HTML comments which “obfuscate text”
  • Fonts in the HTML code sized 2+ or larger
  • Links without a “http://” prefix
  • Colored backgrounds
  • Special font colors outside of the 217 “Web-safe” colors



See Also