More and more people are checking email on their mobile devices, smartphones, and tablets. I have a client that has a 72% mobile open rate. Because of this, an email that can be read on a mobile device and a desktop is a business must.
How do you do this? Use responsive email templates. Responsive templates automagically sense the size of the screen the viewer is using and resize the email to fit the screen. With a responsive template, your email will look good on a smartphone and a 27″ monitor.
Here are 8 tips on your email layout and format that will make your responsive email template successful:
1. Easy on the images
Images can take time to download, and if someone’s not on wifi they won’t want to burn through their data plan watching the spinning download wheel… Don’t lose the attention of the reader because they’re tired of watching the spinning download wheel. (fascinating as it is)
2. Short subject lines
An iPhone only shows 35-40 characters of text in the subject line. Use the subject line wisely to capture attention and a read. Need more room? See the next tip …
3. Use pre-header text whenever possible
That little snippet of text shows up on the reader’s email inbox and gives them a hint of what is to come. If you choose not to use the pre-header area, the first line of your email text will show in your reader’s email inbox on a smartphone.
4. Break up your text
Long paragraphs are a no-no on mobile devices. It will cause your reader to scroll and scroll and scroll. Short and sweet with a “read more” link to the article will get your article read.
5. Use buttons instead of text links
Buttons are easier to push on small screens than text links (think fat fingers on a tiny little screen). You’ll get way more click-throughs with buttons.
6. Don’t put 2 text links on top of each other
If you can’t use a button, you’ll need to use a text link. But don’t put links so close that it’s hard for people to open one or the other. Remember the fat fingers? Always add a line of text or a blank line between links for easy clicking.
7. Enlarged fonts
Don’t make your reader pinch and swipe the screen to be able to read your email. By enlarging the text, your email will come through readable without touching the screen (MailChimp does this automatically for you).
8. Single column layout
This is the only way to take advantage of a small smartphone’s limited screen width. If you choose to use a 2 or 3 column template, MailChimp will automatically break apart and stack up one field on top of another.
Have you used these tips with success? Share your newsletter here I love to see what you create with responsive email templates.