13 tips for better HTML emails

Designing and sending HTML newsletters can be a little tacky sometimes. The output of HTML in email apps is still much more limited than in web browsers, which means that you have to adapt the way you are designing your email templates. Following are a few tips to improve the HTML of your newsletters.1. Use inline CSS stylesUnfortunatly you’ll have to forget about external style for email template design. The best solution is to declare the CSS in your HTML tags like that: . If you declare your CSS in your header, Gmail will not read it which you do not want.2. Limit the width of your templateWhen creating a template for your email campaigns, don’t forget that many of your subscribers will read it in an online email app like Gmail or Hotmail. Most email software will have a sidebar that takes away some space, so it would be safe to have a template that doesn’t overpass 600px wide.3. Avoid using too many imagesMost of the time email apps will block images unless the user allows them, so you should not rely too much on images for your email understanding or the readers will just see an empty (or almost) email.4. Offer a link that lets the subscribers unsubscribeThis is just good manners, don’t force your newsletter subscribers to stay subscribed if they don’t want to. What would you think if sales people locked the door behind you when you enter a shop?5. Let your subscribers access the web version of the emailThis gives you a way to offer a well layed-out version of your email to readers who can’t read it in their email app.6. Don’t use flashMost email clients will not read flash objects, so it’s not a very good idea to include it. Sometimes it will even give you security alerts.7. Suggest to your readers to add you to their contact listBy doing this, you’re inviting your subscribers to create a closer relationship, but you also avoid getting your email ending up in the spam folder and get a better chance to have

» den Artikel auf Designer Daily (en) lesen

via Designer Daily (en) in Design