A beautifully designed email can do wonders to your marketing campaign. But, writing an HTML email can be overwhelming and challenging -even if you are CSS/HTML expert. As a web-designer, you won’t be happy with the compromises you’ll have to make when designing for email.
Here are a few tips for designing/coding your first HTML email:
- Always use simple text editor like notepad for coding. You could use WYSIWYG style tools to generate HTML, like Adobe Dreamweaver. But the disadvantages is they, often throw in lots of self generated code which not all email client would render.
- Set Email layout width between 500-600 px.
- Use simple HTML layout such as tables instead of divs.
- Email clients will strip out your <HTML>, <HEAD>, and <BODY> tags, in order to keep email code from interfering with their web pages. That is any CSS specified in <BODY> tag will not be rendered.
- Use minimal images. Not all images appear during display, remember not to put important text, headline or link as an image.
- Always provide a presentable Text version of the HTML email.
- TEST your email for cross-client compatibility before sending, remember, it can’t be called back.
Tools to Test Email Templates:
Fractal, validates HTML emails across all major clients and fixes known email quirks. The last step is to test for cross-client compatibility.