Homepage » Actionable Insights

10 Tips for Mobile Friendly Emails


Mobile friendly emails are taking the world by storm, meaning your mass messages need to be mobile-device ready. Many marketers have already perfected how to ensure our emails render correctly on desktops, but how do we cater to portable devices with screens 7 inches or less? Mobile-friendly emails require a different approach when compared to that of traditional email design. It may seem like a challenge at first, but if you take these ten tips into account, you should have no problem building out the perfect mobile email marketing strategy.

10 Tips to Mobile Friendly Emails 

1. Create a Mobile Version of Your Email

This should be fairly easy with the right tools – you to need ensure that your regular email has a link to the mobile version, clearly visible and clickable at the top of your email. You could even only make a mobile-friendly version and send the same version to all recipients regardless of what device they use to open the email. The following tips will show you what to take into consideration when creating the mobile version.

2. Keep Your Email Width Less Than 600Pixels

Your email should already be less than 600pixels for desktop or web clients, but you should take it down a notch for mobile devices. Besides iOS (iPhone devices), nearly all other mobile operating systems do not scale to fit your email to the width of the screen. That includes Android handsets/tablets where users will need to either manually zoom in/out or scroll to view your email in its entirety.

When you have an image wider than 300pixels at the top or near the beginning of your mail (usually your top banner), your email is likely to just have one large chunk of white space upon receipt. Nothing screams “trash me” louder than an email built this way. Remember that images are also turned off by default (except iOS devices).

3. Fonts Need to Be Larger, Your Content Needs to Be Brief & Precise

Your email needs to have a minimum 13pixels font size with even larger sizes for headings and subheadings. Larger fonts mean that if your email is extremely wordy, you’ll risk the email being deleted. When you send emails, if the most important messaging is not shown on first glance, your email will fail to attract readership and therefore positive response rates.

Be sure that your mobile email is brief and precise. Often times too much content can be overwhelming for mobile devices and will cause the reader to ignore the message all together.

4. CTA Buttons & Links Need the Most Prominent Real Estate

Make it easy for users to head to where you them to go; your purchase page, your signup form, whatever it is. If it is difficult to click on, then you risk losing your user’s attention. Make sure these buttons are at least 40 x 40pixels. The last thing you want is to risk losing potential customers because your call-to-action (CTA) buttons and links were too difficult to click on.

5.Avoid Using Tiny Navigation or Menu Bars

Avoid including navigation or menu bars for mobile devices, as it can be difficult to size them adequately for small devices. The top priority links you need to be focusing on should be call to action, unsubscribe, share on social networks and contact email.

6. Don’t Stack Links on Top of One Another

It is easy to click on the wrong link if your links happen to be just a small pixel away from the next link. Either enlarge these links or keep far enough from each other so users can navigate through the email with ease.

7. Use Single Columns

While emails designed for traditional PC use can make use of multi-column layouts, two columns are risky for mobile devices since it’ll be likely you need all 600pixels to make your email viewable or legible. You should almost always avoid three or more columns, as the email will then require either zooming or scrolling on most handheld devices.

8. Think Carefully About Image Mapping

While image mapping isn’t recommended for regular desktop emails given its versatile outcomes on various email clients, this is highly recommended for mobile emails not only because of the usual image-blocking issues, but because your linkable areas might be at the wrong place or difficult to click on screen. Users also do not expect images to have specific areas that are linked. Companies which continue to use image-mapping for emails tend to send emails with only one large image in the body with very little or no text and they have the lowest deliverability and open rates.

9. Short Subject Lines

This should be a no-brainer, as smaller screen real estate means less space. If you need to trim down your content, you should also apply this to your subject line. This should be done not just for mobile, but for desktop emails as well. The rule is to get your message across in 40 characters or less (including spaces). In this aspect, be creative and interesting. Channel your inner Rodney Dangerfield and remember, short subject lines have the highest open and click rates.

10. Stick to Other Rules in Traditional Email Design

There have been little advances in how to design your email. Tables are still the way to go for layout. HTML5 and many CSS3 features remain dysfunctional in email, just the same as videos, flash animations, and interactive scripts.

Final Thoughts 

If you haven’t begun the transition to mobile marketing, now’s the time to start. Although mobile marketing presents many different challenges than that of traditional email marketing, when used together and effectively it prove to be an enormous help.

Learn more about Emarsys and how we can help you perfect your mobile-first strategy with highly relevant and personalized content.

Related Articles:

Are You Using Our Free
Benchmarking Tool?

Take Me There