Go Responsive with 7 Free Email Templates from Stamplia

[ 45 By

With nearly 50% of emails opened on mobile devices, it’s important to keep small screens in mind. We offer plenty of mobile optimization tips, inspiration and resources on the Litmus blog—and starting today, we’re also offering 7 pre-tested and bulletproof responsive templates for your next campaign.

Our friends at Stamplia offer an email template marketplace with tons of beautiful, pre-tested templates that will work with any ESP—and their talented-team has created seven Litmus-exclusive templates that are now available to download for free! Each template is responsive and has been thoroughly Litmus-tested (yes, that means they even work in Outlook, Gmail, and the rest of those tricky clients!). They also come with PSD source files so you can tweak and modify to your heart’s content.

Download the Templates

TEMPO

tempo

Tempo is a clean and colorful template, perfect for blog updates and newsletters. Its ample whitespace and s-curve design invite readers into the email, and the large heo image, navigation, and touch-friendly CTAs make converting on mobile as easy as ever.

View the Litmus results →

WOOSHI

wooshi

Wooshi’s appetizing visuals and grid-based layout are perfect for product-filled newsletters. With sections for both image- and text-heavy content, you can feel confident that all your customers will be satisfied.

View the Litmus results →

SIMPLES

simples

For the minimalist designers, Simples provides a clean, elegant template that puts the focus on products and features. The lack of ornamentation ensures that your message gets across in a clear, no-fuss manner.

View the Litmus results →

UNDERSCORE

underscore

Underscore provides a more traditional newsletter feel with a large hero image and sections for quick news items, as well as longer articles. The classic design stacks on mobile, providing a great reading experience for subscribers on smaller devices.

View the Litmus results →

NEXIT

nexit

Nexit is ideal for retail brands looking for a simple, adaptable template. The product sections, navigation, and text-based banners ensure an email that customers can scan all day long.

View the Litmus results →

MINTY

minty

Who doesn’t love Minions? Minty focuses on a simple and minimal email design, but contains every possible structure you may want for your email: S-curve design, 1-column, 2-column-, and 3-column layouts.

View the Litmus results →

TUBOR

tubor

Tubor’s highly structured, 2×2 grid is perfect for modern newsletters. The large featured section keeps important updates front-and-center, while the mobile view stacks secondary sections for a wonderful reading experience.

View the Litmus results →

The Stamplia Marketplace

In addition to responsive templates, Stamplia offers a variety of templates that are perfect for newsletters, transactional emails, events, alerts, notices and more. Their marketplace offers an affordable solution for teams without a specialized email designer on staff (most of their templates are under $15!). Freelancers and email designers also benefit from being able to share their expertise by contributing new designs.

Download the Templates

  • https://metalabs.io Vlad Miller

    This templates looks very good, how can I get them?

    • Manuel Castillo

      Vlad the link to download us in the post

      • http://www.litmus.com Justine, Litmus

        Hi Vlad, as Manuel said, you can just enter your email in the box and hit the “download” button. Let us know if you have any problems!

        • FuzzyCoherence

          The email box and download button don’t work on Chrome but do work in IE11. Same for the login buttons when replying to comments.

          • https://metalabs.io Vlad Miller

            Yeah, I’m using Chrome, that’s why I didn’t saw it. Thank you

  • Manuel Castillo

    Pretty Cool thanks!

  • Manuel Castillo

    Hi Lauren, what email editor can these templates be used with? are they good for campaign monitor or mailchimp? Thanks!

    • http://www.litmus.com Justine, Litmus

      The templates can be used with any ESP! You’ll just need to insert the applicable tags to make them work with your platform’s WYSIWYG editor, if needed.

      • Kirk

        I went through a couple of these and I see empty table cells and rows being used for spacing. Is there a trick to making these easy to maintain via an html editor like found in Bluehornet or SilverPop? I hand these off to clients and I don’t think they would be able to add new content blocks based upon the table structure.

        • http://www.litmus.com Justine, Litmus

          As you mentioned, the empty table cells and rows are used for spacing. This type of spacing strategy shouldn’t interfere with the editors found in ESPs. In order to add new content blocks, ESPs typically offer a template language that you’d need to add to the HTML to get the templates working within their system. For example, you can see Campaign Monitor’s template language here: http://www.campaignmonitor.com/create/editable-content/#multiline

  • Jody Gibbons

    Great thanks for the share and post!

  • Nathalie

    Thanks to Jeremie Berrebi for sharing the offer, it’s great !

  • Shannon Crabill

    Cool, but what do these look like on Blackberry devices?

    • http://www.litmus.com Justine, Litmus

      Newer BlackBerries running version 10 of the BB operating system have full support for media queries and responsive design, so they should look very similar how they would on an iPhone.

      • Shannon Crabill

        Nice! Is that just in the BB Browser or in the BB email client as well?

        • http://www.litmus.com Justine, Litmus

          To be fair, I haven’t done much testing with emails in BlackBerry’s browser. Market share stats suggest that type of usage is quite low.

  • Andy Nolan

    Hi – Thanks for the templates, If I would like to modify and then generate the html to use in an email what do I need to do once I have made the required changes in Photoshop – Andy

    • http://www.litmus.com Justine, Litmus

      For small modifications, I’d suggest making those changes directly in the HTML. Unfortunately there’s no way to automatically generate email-friendly HTML from Photoshop—you’d need an experienced email designer/developer to translate the changes made into HTML that will be responsive and render correctly. If major changes are required, perhaps Stamplia has something that meets your needs without big modifications?

  • meervilt!

    Well, maybe their mail templates are OK, but their website sucks. Not at all useable on iPad. Slowww, lagging, stupid Feedback button (not responding) blocking the text, zero margins, cramped feeling.

  • http://www.hryzalek.cz Petr Doseděl

    Nice newsletters, thanks! But… Please, what about licensing?

    • http://www.litmus.com Justine, Litmus

      I’ve asked the folks at Stamplia to chime in regarding licensing. You can also check out their site or inquire directly with them.

      • Tom

        Hi Justine, Is there any update on licensing? Are they free to be modified and used for commercial projects? Thanks for your help.

        • http://www.litmus.com Justine, Litmus

          Hey Tom, I’d recommend getting in touch with Stamplia directly at team@stamplia.com

  • Thomas

    I wonder that nobody noticed, but although the templates are pretty nice….they are invalid! Each template has several general code misstakes and as we know, spam filters don´t like invalid code.

    • http://www.litmus.com Justine, Litmus

      There’s not much evidence to support the idea that invalid HTML would cause issues with spam filters. Due to lack of support in most email clients for modern/valid HTML and CSS, we’re often left to using deprecated or otherwise invalid markup. Stamplia is using an XHTML doctype, which is more strict, but as long as they aren’t any malformed/unclosed tags, other invalid HTML shouldn’t cause an issue with spam filters. I’ve written a guide to validating HTML for email here: https://litmus.com/blog/validating-html-for-email

      • Thomas

        That may be true, but even if Spamfilters of email-clients and ISP would´nt react to invalid Code (concerning the rules of W3C) – where is the sense in using invalide code anyway? I may be wrong and please correct me, but I think I saw some unclosed tags and other obvious coding misstakes in the offerd templates….

        • http://chrisawise.com Chris

          You are correct, I saw multiple border=0 tags in the same td’s ect.

          Still nice looking though.

  • Carol

    Hi, really? Please Justine, can you confirm that?

  • Sophie Hill

    I noticed in the templates there was a modulebg=”edit” st-sortable=”2columns” attribute in some of the table and td tags. Does anyone know how these work?

    • Jason Rodriguez

      Those tags are proprietary to Stamplia’s upcoming editor. If you are adapting the code on your own, you can either remove them or ignore them. If you take advantage of Stamplia’s (soon-to-be-released) editor product, then those tags are used to identify editable regions and make editing the content of the emails quick and easy without having to dig into the code itself.

    • jayant vyda

      st-sortable, st-edit and st-image are stamplia’s proprietory tags.These tags are used to build compatible templates to work with the stamplia editor. Stamplia editor is a power packed web application to build robust email templates and also has rich features to export your customized templates directly to major email service provider with a few clicks. These tags were left intact so that they can be imported into the stamplia editor and start building beautiful email templates without having to edit any code.

  • Megan Nalbandian

    Are these free downloads expired? The folder is empty when I download it…

    • http://www.litmus.com Justine, Litmus

      No, not expired. We’ve done some testing and didn’t have any trouble with the file. Can you try again in another browser, or email us (hello@litmus.com) if you’re still having trouble?

  • Keith

    Minty’s breaking in Firefox 27.01 for me. 2 & 3 across assets aren’t pushing to a vertical, they just push outside the parameters of the page.

    • http://www.litmus.com Justine, Litmus

      Firefox has some known issues with supporting responsive tables. The templates should be working fine in email clients, where they’re intended to be viewed. Have a peek at the Litmus results linked to above.

  • Tim Rinkel

    The information about st-* tags makes sense. I was looking through the Wooshi template and found “class=imagepop”. I don’t see a definition for it. Am I missing something?

  • Steven Hudson

    Nice templates, I like the design. https://www.themebulk.com/ also has beautiful and responsive themes too.

  • http://www.jefferywright.com/ JefferyWright

    The download templates interface elements do not appear/work in Chrome or Firefox, but do in IE? Why wouldn’t this site be coded for all major browsers?

    • http://www.litmus.com Justine, Litmus

      We’ve tested the download links in a variety of browsers and operating systems but haven’t been able to replicate this issue. Would you mind sending us an email with your browser/OS details so we can troubleshoot? We can be reached at hello@litmus.com.

  • Hilary Lee

    I’m wondering if in the Nexit version, if the images are supposed to overlap each other when the screen resolution is pulled down to phone size. This template would work best for my business, but it does not seem to resize correctly when pulled down (in my web browser MAC Chrome). I’d be happy to send you a screenshot if you’re interested.

    • http://www.litmus.com Justine, Litmus

      The templates are built to be viewed in an email program rather than a web browser—in some cases they are using elements that aren’t supported in a modern web browser (but will be in an email program—go figure!). Check out the Litmus results linked to above.

  • HannahHudson

    I have a question. I’ve been following litmus’ blog and emails for a while now (great content and advice- so thanks!) and I’m just wondering if you have any luck with coding emails so that they are responsive in either a browser on a smartphone (so for example, if I check my gmail in the safari app- online) or the gmail app? I use css3 media queries, but both of those two mentioned above strip out that css, which leaves my emails “unresponsive”. Thanks!

    • http://www.litmus.com Justine, Litmus

      Thanks for the kind words! Your observations are spot-on. Since Gmail strips the entire of an email, including any elements (which would include your media query), responsive emails aren’t supported in the Gmail app on iOS or Android. Unfortunately there’s no way to get around this—what we recommend instead is layering a mobile first design that will look great everywhere with responsive elements for the apps/clients that will support it.