Creating email campaigns in HTML

If you're a web designer who's been charged with creating code for an HTML email, this help section is for you. HTML for email is remarkably different from HTML on the web, so we've put together these tips, tricks and requirements to help you refine your code. Follow these guidelines, and your code will solidly render in the wide variety of email clients out there.

Contents

• General HTML tips
  • Top ten tips - A list of our top ten tips & recommendations
  • General tips for designing for email - Can-Spam compliance, building and testing code, and more
• Structuring your content
  • Basic format - Building your content within table structures
  • Nested tables - Nesting your content in tables and working with <div> tags
  • Margins and width - Ensuring proper placement of text and images
• Styling
  • Styling - CSS style sheets, inline styles and font styling
• Images
  • Image specs and more - Image specifications, hosting, maps and more
• More HTML goodies
  • Be personal and smart - Personalization, special characters, smart tags
  • Links - Link format and anchor links
  • Supported programs and browsers - Which programs and browsers render the HTML included in these Help pages
  • Mobile considerations - Making your email friendly for mobile devices

Please note: You should only be using your own HTML with an Upload Your Own HTML template. If you are using a custom stationery or a Blank Template -- these are the ones for which you choose a simple, newsletter or advanced layout -- you will not want to load in your own HTML. Instead, use the image and text placeholders to add your content.