Tuesday, October 4, 2022
HomeEmail MarketingThe Do's and Don'ts of Constructing HTML Emails

The Do’s and Don’ts of Constructing HTML Emails

On the subject of e mail advertising, HTML emails are the best way to go. They appear extra skilled than plain textual content emails and will be extra interactive. Nonetheless, there are some things you want to bear in mind when constructing them. On this weblog put up, we are going to focus on the dos and don’ts of HTML e mail design to be able to create stunning and efficient e mail campaigns!


  • Choose up an excellent HTML coding software program: there are many choices like Dreamweaver, Notepad ++, and Elegant Textual content. These will work simply advantageous!
  • Code Cellular First: Most e mail is now learn on cell gadgets, so it’s necessary to code your e mail with this in thoughts. Use a responsive design in order that your e mail appears good on each desktop and cell gadgets.
  • Hold e mail width beneath 650 pixels extensive: You need your e mail to be straightforward to learn, so maintain the width beneath 650 pixels. This manner, recipients received’t must scroll horizontally to learn your e mail.
  • Use Tables when coding your e mail: Tables will make it easier to management the e-mail’s format and ensure every little thing appears neat and arranged. You can even use CSS to model your HTML e mail, however bear in mind that not all e mail shoppers assist CSS.
  • Select Inline CSS: It’s extra prone to be rendered correctly by e mail shoppers than embedded or linked CSS as a result of e mail shoppers usually strip out or ignore embedded or linked CSS.
  • For prolonged content material, hyperlink to an outdoor supply: You wish to do that When you have lots of content material that you simply wish to embody in your e mail. That means, recipients can click on by means of to learn the remainder in the event that they’re .
  • Use photographs hosted in your web site or a third-party picture internet hosting web site: It will be sure that your e mail appears good and masses rapidly, even when the recipient’s e mail consumer doesn’t assist photographs.
  • Stick with the 80/20 rule: 80% textual content and 20% photographs. Too many photographs could make your e mail appear to be spam and may end up in your e mail being despatched to the recipient’s spam folder.
  • Use a URL shortener for lengthy URLs: Giant hyperlinks inside your e mail can appear to be spam, so use a URL shortener to make them look neater and extra skilled. There are nice shortener options like Bit.ly and TinyURL which you’ll even hyperlink to your individual area


  • Embedded movies: E mail shoppers can’t show embedded movies, so your e mail will simply present a clean house the place the video needs to be.
  • Picture-only emails: Like with embedded movies, e mail shoppers can’t show photographs by themselves. Your e mail will simply present a clean house the place the picture needs to be. At all times embody textual content in your e mail to ensure your content material might be learn it doesn’t matter what.
  • Keep away from massive photographs: They’ll make your e mail take longer to render and even worse and appear to be spam with the chance to be positioned contained in the spam folder. As a substitute, attempt to maintain your e mail beneath 100kb.
  • Designer fonts are fairly however not a good suggestion: Stick with frequent fonts like Arial, Occasions New Roman, and Verdana. e mail shoppers might not have the identical fonts put in, so your e mail might find yourself trying very completely different from the way you meant.
  • Background photographs: Utilizing background photographs inside an e mail shouldn’t be really helpful as a result of e mail shoppers usually block photographs by default, so your recipients must allow them to see the background picture. Even when they do allow photographs, nonetheless some e mail shoppers might not show them. Alternatively, you should utilize a coloured background as an alternative
  • Javascript and embedded Varieties: e mail shoppers don’t assist Javascript or varieties, so your e mail will simply present a clean house the place the shape needs to be. A extra handy strategy could be to hyperlink to a kind hosted in your web site

Have you ever discovered the following pointers helpful? Do you have got some other ideas? Share them with us within the feedback under!

Completely happy emailing! 🙂

© 2022, VerticalResponse. All rights reserved.



Please enter your comment!
Please enter your name here

Most Popular

Recent Comments