How to make an email template for gmail using HTML and CSS

Question

I was wondering how I could design an email template using HTML and CSS and then incorporate that into an email. I want to do it as other companies do when they send confirm

Answer 1

Whether you prefer to code an email by hand, or use a pre-existing template, there are a few rules to keep in mind in creating an HTML email:

• Utilize Tables in your Layouts
• Fixed-Width Positioning (for non-responsive emails)
• Pixel Units
• The Possibilities with CSS (check Ultimate Guide to CSS link below)
• Inline CSS
• Anchor Links Best Practices
• Test in All Major Clients
• Always Offer Web-Based Views
• Adding Image Content
• Avoid the Spam Folder!
• Add Un-Subscribe Option

Take a look at these sites for more info on this subject:

How to Code HTML Email Newsletters

9 Tricks to Design The Perfect HTML Newsletter

How To Code An Email Newsletter in 6 Simple Steps

The Ultimate Guide to CSS - A complete breakdown of the CSS support for every popular mobile, web and desktop email client