Six new responsive email layouts and other template improvements

If you make use of your Advanced Email Analytics, you have likely seen that your prospects are checking their email from a myriad of devices (tablets, phones, laptops, etc.). It is more important than ever that your designs look good across devices. We now have six stock email templates that are responsive to give you a head start in your design.

And remember, you can of course use your own responsive templates – our editor and email infrastructure are fully compatible with all  responsive design techniques. These templates are just useful as a starting point and contain best practice HTML and CSS for implementing a responsive design.

To get started with one of our stock templates, simply select it from our Pre-formatted Layouts when building your next email template.

Screenshot: Pre-formatted layout preview on Outlook 2013 and iPhone 4S

Screenshot: listing of template options

Here are some more great changes we made to ALL of our templates (responsive and non-responsive):

  • Added an “original only” tweak that hides the unsubscribe tag when the email is forwarded to avoid forwarded recipients from unsubscribing prospects
  • Changed line-height to px from em
  • Added placeholder image dimensions and removed max-width style
  • Added a “css reset” of sorts for emails that helps prevent issues in outlook

Read Next

Lead Generation Tips from Trick-or-Treaters

6 thoughts on “Six new responsive email layouts and other template improvements

  • Awesome!!! This is so exciting – we’re implementing this in all of our emails right away!!

  • Nice, but it doesn’t work on Gmail, since Gmail doesn’t support style section or media queries inside the document, only inline styling for each element

  • Barak, that’s absolutely correct and a great point to clarify.

    Unlike responsive landing pages or websites which can (and should) adapt to 3 or more sizes of devices, emails only really need 2 sizes, and luckily most mobile email clients read and render the responsive style blocks correctly (except of course Gmail apps on phones).

    Our responsive email templates only apply to screens that have widths less than 480px wide (mobile phones). Since most we suggest a maximum width of 600px or so for HTML emails, they should load up just fine on things like tablets, just like on a desktop email client.

    Good catch!

  • What you are offering doesn’t address the majority. According to ComScore, 45% of U.S. smartphone users use Gmail. What alternative options are you considering to address this?

    • Hi Chris. A HUGE percentage of people who use Gmail on mobile (like me) use the native mail app for the phone (rather than a specific gmail app or an HTML 5 app). Responsive templates work for those people.

      If people ARE using the native gmail browser on mobile there isn’t anything responsive that works great (that I know of) and you just need to make a generally simple looking email (that no longer takes advantage of larger monitors too).

Comments are closed.

Ready to see how marketing automation can help you grow at record speeds?
Request a personalized demo today!
Need help?No problem. Chat with our sales experts or call us at 1-800-667-6389.