Create Responsive Emails that Don’t Suck

It has never been more important to make sure you are sending responsive emails. With more than half of emails being read on mobile devices, you want to give your audience the ability to act on your message as quickly as possible. Incredibly, nearly half of marketers say that responsiveness is rarely or never included in their emails.

In 10 Design Hacks for Responsive Emails That Don’t Suck, Vivek Sharma with tells us,

“The thing is, it’s not that hard to create responsive emails. With the right design hacks, email marketers — whether they’re a team of one or a team of twenty — can start creating more effective emails that look great on mobile and engage consumers who are on-the-go.”

Create a content strategy

The reality is that you have less room to work with on a mobile device. Start off with the main message that you’re trying to get across. Catch their attention and avoid being deleted or archived right off the bat.

Keep it above the fold

The “fold” in an email is the point where a reader would have to scroll. By keeping the most important content, and your call to action, above this point, you give your mobile user the chance to quickly jump to your product.

Big buttons

Remember to keep buttons that are easy to press on a smartphone screen. This goes for everything from your call to action to social buttons.

Find a true hero (image)

Make sure that your hero image will render correctly on mobile devices, then give the recipient a chance to act on it.

No more multi-column

Multi-column formats are a thing of the past if you want your email to display properly on a mobile device. Keep the most important links near the top, prompting contacts in to action.

Font size and style

Use a font that is 16px or larger, and always test for font style. After all, if your recipient can’t read the email, you can’t get your message across.


Remember that your readers will be interacting with your message with their fingers. A link that is difficult to touch, either because it is too small or too close to another, makes for a frustrating user experience.

Test away

The only way you will know if your efforts are working is by testing them. Use A/B testing, and try your email on different devices, then tweak as needed.

Like what you read? Give BrandBlox a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.