How To Build A Email Template For Mobile Devices Constant Contact

Nosotros reached out to a couple of electronic mail experts to become their take on email widths and here'south what nosotros heard.

Email imprint size specifications

Elliot Ross from Activeness Rocket writes, "We've been experimenting with wider emails. Our weekly email tops out at 960px broad, and goes from iii cols to 2 to i depending on subscribers screen sizes."

We checked out Activeness Rocket's email on our Apple Thunderbolt monitor. Sure enough, it looked precipitous as a tack and that yellow background color in the main section stretched full width.

Action Rocket email banner size full width exa,[;e

Then we adapted our screen size and responsiveness kicked in adjusting seamlessly.

Action Rocket responsive email example

It's important to note, however, that at widths wider than 640px that Gmail doesn't show any background color that would appear in the margins at most reasonable browser sizes (y'all can see them if you stretch your browser to wider than 1200px).

Plus, e-mail clients don't use the full width of your screen to brandish an electronic mail message. Some bear witness ads or have navigation or a menu so there are limitations to the real estate on a screen.

So, if y'all desire your email to render well in every email client, it seems we can button the envelope on our electronic mail widths a bit farther to at least 640 pixels. And if you want to become even further, you tin utilise background colors to stretch full-width, similar the yellow band in the Action Rocket email – merely know that some clients may not testify it.

Stig Morten Myre, our ain email developer at Campaign Monitor, advises that the historic period-sometime 600-pixel recommendation is all the same a useful guideline, although non a difficult and fast rule.

"If your electronic mail is mobile-friendly, that generally ways it doesnʼt simply have a unmarried width for everyone. And so the number weʼre talking about here is really the maximum width information technology will be displayed at.

To decide on that number, there are a few things you can look at. Which electronic mail clients do your subscribers open their emails in? Does your electronic mail adapt to the width of those electronic mail clients, or could it end up with horizontal scrolling if the email is as well wide?

Also, consider the line length of your text. A common recommendation is to stay within a range of 45-75 characters per line. So if your font size is the aforementioned on mobile as in the full desktop version, you tin aim for the minimum width to fit approximately 45 characters per line, and 75 or so characters per line at the maximum width. Once more, these are only guidelines, but it tin can be a useful angle to arroyo your electronic mail design from."

When designing our free electronic mail templates, Stig and team took this into account, making the layouts display at a 600-pixel width on desktop and 320 pixels on mobile, to ensure emails volition expect crawly in every client and on every device.

At Entrada Monitor, we're proud to enable our customers to atomic number 82 the revolution in email marketing. You tin choose an email template across a number of dissimilar categories (announcements, newsletters, deals & offers, feedback, events, holidays, reengagement, welcome) to start editing, or design a template with your branding in our drag-and-drop builder.