How to design an engaging email template


When it comes to design, there is a lot of talk about websites, but not a lot on email templates. But no worries, we have got you covered with our top tips on how to make your email that much better (and prettier)!

1. Don’t over design (00:18)

Keep it simple, silly! Ultimately emails are derived from letters, which are simply words on a page. All you are trying to do is get a message across, so don’t try to overcomplicate things!

2. Two column maximum (00:34)

Honestly, probably even sticking to just one column would be best. Think about how narrow your email is when people open them in a browser, and especially when people are opening them on mobile devices.

3. Make it mobile friendly (00:48)

Speaking of mobile devices, more than half the people reading emails now read it on their phones. So, be sure to make the fonts big enough, the photos are not overflowing, and make sure it is scannable.

4. Make it scannable (01:04)

Flowing from one point swimmingly into another, making the email scannable is important! Let’s be real, people’s attention spans are decreasing by the day, so we have to make it digestible. Adding header texts, and email text to break up different sections of the email, and adding space in between those blocks will help people scan what you are trying to say.

5. Add a hierarchy (01:18)

Nonprofits usually have a lot they want to say in their newsletter because they are doing such great work, but focus on a main message and put that on top (which we call a hero section). In the hero section, include some text (keep it short!) and image so that readers know right-off-the-bat what to expect.

6. Use clear call-to-action (01:43)

Have at least one call-to-action in the email! Emails are like websites and geared at asking your supporters to do something. Add a button somewhere above the fold (above the scroll), so that it will not be missed.

Tip: Research shows that most call-to-action buttons in emails are either blue or green, so start there if you are not sure what color you want your button to be.

7. Use brand colors (02:15)

Apply the brand colors to your email template so that there is consistency from your newsletters, to your website, to your social media platforms.

8. Use dynamic variables (02:31)

In MailChimp, these are called “merged tags.” You should use these for static, fixed elements in your newsletter (the copyright year, physical address, name of organization). This way, you don’t have to worry about editing the template all the time.

9. Make sections of emails sharable (02:51)

The common practice is to add shared buttons at the end of an email so that people get the whole email, but all they want to share is a part of the email. So instead, add a click to tweet or click to share somewhere in your template so you can share the most important parts.

10. Cross browser and client test (03:10)

This is a way of making sure that it works (and looks nice) on all devices and all browsers that your supporters may be using. It would not be fun to put in all this work, only to have it show up weirdly on Safari on a Mac. There are services like Litmus that allows you to test your emails on one easy platform, or you can manually test it out on every browser or device.

So there you have our top tips on how to make your email newsletter template that much better. Have fun designing!