5 simple steps to make your email design responsive
Email newsletters created with MailerLite are optimized for mobile devices.
This is how your emails are automatically adapted for mobile devices:
- Font size for headlines – 24 px
- Font size for text – 16px
- All images are shown in one column and over the entire length
- All buttons are shown in one column and over the entire length
Here are a few tips how to make your emails even more mobile friendly.
#1. Short subject line + preheader
The preheader is the first bit of text that shows up in many email clients immediately after the subject line.
Those snippets appear in most mobile devices and in some desktop clients, such as Gmail and Outlook.
iPhone cuts off subject lines after 35 characters in portrait view, but displays about 140 characters of preheader or two full lines (that’s a lot!).
Don’t use preheader to say… Can’t see images? Click here to view this email in your browser.
It makes way more sense to write short subject line and then expand your message with preheader.
For example, instead of subject line “Summer is finally here: 50% off all dresses”, write “Summer if finally here” as a subject line and then “50% off all dresses” in preheader.
#2. CTA designed for fingers, not a mouse
Your call-to-action is the most important part of your email.
If you include several links in the text, make sure there’s enough space between then and can’t tap the wrong link.
#3. Short paragraphs
Keep paragraphs short, so it’s easy for readers to skim the message and understand what they are supposed to do next.
#4. Power of images
Image is a powerful tool to convince your customers to act. Let’s say you are selling plane tickets to Nice in France. What will you include in your newsletter? Price. Date. And… Photo of sunset in Nice. That will greatly help your customers to imagine what they can get if they purchase the ticket. It’s much easier to sell sunsets than flight tickets, right?
Use images (photos, videos or infographics) that convey or support your message and get strategic about where you place those images, as they’re key to drawing the eye (and moving the scroll bar) down the screen.
Here are 10 awesome examples of our customer using images.
#5. Mobile friendly landing pages
Now you have an email that looks incredible on any mobile device. A reader clicks on your call-to-action and finds a mess of a landing page. That’s it.
Your reader closes the window, eats breakfast and forgets you exist. What a shame! It’s so important to have landing pages optimized for mobile devices.
To prevent this scenario, keep your landing pages clear of all clutter. Follow HubSpot’s guide to Optimizing Landing Pages for Lead Generation & Conversion to be sure this doesn’t happen.
P. S. Aren’t you MailerLite customer? Get 30-day free trial.