13
32 Responsive Email Templates for Your Small Business 14.2k Shares Share on Facebook Share on Twitter What's This? Ads by Google [1] Try AWeber For Just $1 [2] - 24/7 Support. Free Templates, Forms & Tips. Grow Your Business Today! aweber.com [3] Mobile and tablet email opens hit 50% this year [4] , illustrating the need for businesses to design email campaigns for the growing mobile market. Designing for mobile is as important for your emails as it is for your website. Campaign Monitor [5] notes, "Providing a less-than-optimal reading experience on the small screen may not only inconvenience a few recipients, but eventually the majority," leading to severely diminished response rates. See also: 17 Sites for Web Design Inspiration [6] We've collected 32 of the best free and premium responsive email [7] templates to help you improve the mobile email experience [8] for your customers. 1. ZURB [9] http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca... 1 of 13 12/01/2014 18:40

32 Responsive Email Templates for Your Small Business

Embed Size (px)

DESCRIPTION

email templates

Citation preview

Page 1: 32 Responsive Email Templates for Your Small Business

32 Responsive Email Templates for Your Small

Business

14.2k

Shares

Share on Facebook Share on Twitter

What's This?

Ads by Google [1] Try AWeber For Just $1 [2] - 24/7 Support. Free Templates, Forms &

Tips. Grow Your Business Today! aweber.com [3]

Mobile and tablet email opens hit 50% this year [4], illustrating the need for businesses to

design email campaigns for the growing mobile market.

Designing for mobile is as important for your emails as it is for your website. Campaign

Monitor [5] notes, "Providing a less-than-optimal reading experience on the small screen

may not only inconvenience a few recipients, but eventually the majority," leading to

severely diminished response rates.

See also: 17 Sites for Web Design Inspiration [6]

We've collected 32 of the best free and premium responsive email [7] templates to help

you improve the mobile email experience [8] for your customers.

1. ZURB [9]

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

1 of 13 12/01/2014 18:40

Page 2: 32 Responsive Email Templates for Your Small Business

This set of five responsive email templates from the team at ZURB uses the viewport tag

and a fluid layout, with media queries ready for the more limited email clients. Each

template is packaged with a separate CSS stylesheet and HTML file. If you're adding

images, you'll need to create and compress a separate folder with the CSS stylesheet

before you upload.

Price: Free

2. Antwort [10]

Originally made for transactional emails with dynamic content, Antwort's responsive

layouts fit and adapt to email client widths. This means the layouts have been thoroughly

tested in live environments with real data. Antwort uses HTML tables for universal

compatibility, including Outlook, and nest tables for complex layouts. There is also a

style guide and troubleshooting FAQ included on the site.

Price: Free

3. Campaign Monitor [11]

Campaign Monitor provides a free email template builder that allows you to build

mobile-ready templates, which display well on both desktop clients and mobile devices.

Each template has been fully tested in all email clients, including Gmail and Outlook.

Once you've created a template, you can either import it into your Campaign Monitor

account (if you have one), or download it for free. It's quick and easy to use, and boasts a

wealth of options, including layout, color, language and even the type of email

(announcement, newsletter, content-heavy or image gallery).

Price: Free

4. Market [12]

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

2 of 13 12/01/2014 18:40

Page 3: 32 Responsive Email Templates for Your Small Business

The Market e-newsletter and email template builder comes with eight prebuilt

module-based responsive layouts, including 24 color variations and 28 various elements

to help build your layout.

The template builder allows you to create your template in three easy steps, and can even

prepare them for MailChimp or Campaign Monitor. All major email clients are

supported, including Outlook.

Price: $18

5. Campaigner [13]

This is a responsive email template package with nine layouts, eight colors and two skins

available, making more than 120 variations to suit any requirement.

All templates have been tested with Litmus and work perfectly on all major email clients.

They're also formatted for use with MailChimp and Campaign Monitor. A video tutorial,

layered PSDs and documentation are all included.

Price: $18

6. Quinn [14]

Quinn is perfect to showcase your business or product, and includes two style layouts

with 14 modules to customize the templates. It comes packaged with six color schemes,

commented HTML, flexible table structures, a compatible WordPress plugin and sliced

icons ready to use.

All templates are Campaign Monitor- and MailChimp-ready and include documentation

on how to upload to each.

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

3 of 13 12/01/2014 18:40

Page 4: 32 Responsive Email Templates for Your Small Business

Price: $18

7. Freelancer [15]

Freelancer is a simple, beautiful template suitable for most businesses. It's responsive,

retina-ready and comes packaged with five unique layouts, ten color schemes and

repeatable modules. It also features CSS buttons, a flexible table structure, commented

code and is formatted for use with MailChimp and Campaign Monitor.

Price: $18

8. Metromix [16]

Metromix is a multi-purpose responsive email template built for products, marketing and

businesses. It's mobile friendly, coded with media query CSS to make sure it runs

smoothly on all devices.

There are seven predefined color schemes and one mixed layout with flexible, repeatable

modules. You can build your own layout and add or remove blocks easily.

Price: $18

9. FancyMail [17]

FancyMail is designed to help make your campaign more professional, featuring seven

layouts, eight colors and three layout options. Each layout provides an optimal viewing

experience across a wide range of devices and screen sizes.

The template has been tested with Litmus, works on all major email clients and is ready

to use with MailChimp and Campaign Monitor.

Price: $18

10. Freshmail [18]

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

4 of 13 12/01/2014 18:40

Page 5: 32 Responsive Email Templates for Your Small Business

A fresh, minimalist and mobile-friendly email template, Freshmail provides a flexible,

easy-to-use foundation to build and customize a responsive template. It's compatible with

all major email clients, and features seven layouts, pre-defined colors, help

documentation and flexible CSS buttons. Freshmail comes with templates ready for both

MailChimp and Campaign Monitor.

Price: $17

11. MetroMail [19]

Metromail is a beautiful, multi-purpose template featuring eight layouts and colors for a

total of 192 HTML templates. It boasts a modular design to help you build customized

layouts and variations, tested with Litmus and ready to use with MailChimp and

Campaign Monitor. All major email clients are supported, with full documentation

included.

Price: $18

12. MobileMetro [20]

MobileMetro features 10 unique, responsive e-mail templates, works on every major

e-mail client. It also boasts commented code and easily edited and duplicatable modules.

The live preview features a smooth color-picker with the ability to sort, hide and

duplicate columns — meaning you can create unlimited combinations. Each template has

been fully tested with Litmus to ensure it scales perfectly on all devices.

Price: $17

13. Omni [21]

Omni features four flat-style, responsive templates for creative businesses and

photographers. It has a modular based design, is compatible with MailChimp and

Campaign Monitor, and includes inline CSS. Commented code with full support is also

available.

Omni features repeatable modules, is fully browser compatible and comes complete with

layered PSDs.

Price: $17

14. Rocket Mail [22]

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

5 of 13 12/01/2014 18:40

Page 6: 32 Responsive Email Templates for Your Small Business

Rocket Mail is a clean, modern email template for both professional and personal usage.

You can choose from six color themes, six layouts and two backgrounds. The package

includes 72 templates, layered PSDs, commented HTML code, user-friendly

documentation.

It also has a variety of banners, call-to-action buttons and a pricing table. You can copy,

paste, delete and duplicate content blocks from one layout to another for a custom fit.

Price: $15

15. Ridio Mail [23]

Ridio Mail is a clean, modern email template perfect for marketing and business. It

features eight different themes, five color variations and more than 40 valid templates, all

of which are optimized for mobile and ready to use in both MailChimp and Campaign

Monitor. The responsive templates are also iContact-ready and fully documented (PSD

files included).

Price: $17

16. Tytan [24]

Tytan is a fully responsive email template with unlimited colors and layouts, and comes

complete with a custom layout generator. The easy drag-and-drop system enables the user

to build layouts from the front end, without the need to go online or use a server.

Tytan has been tested on Litmus for compatibility for all major email clients.

Price: $17

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

6 of 13 12/01/2014 18:40

Page 7: 32 Responsive Email Templates for Your Small Business

17. Online Bazar [25]

Online Bazar is a simple, beautiful template suitable for all types of businesses, featuring

four unique layouts, 10 color schemes and repeatable modules.

The template is compatible with MailChimp and Campaign Monitor, as well as major

email clients and browsers. It boasts a flexible table structure and commented code, and

includes PSD files.

Price: $15

18. Silter [26]

Silter features a responsive email template with a modern design any business could use,

with 8 different themes and five colors to choose from to help create your own

customized layout.

The templates are compatible with MailChimp and Campaign Monitor, and come well

documented with the PSD files included.

Price: $17

19. Slash [27]

Slash is an email template with a flat-style design, including seven different color

variations to suit your business. It includes more than 77 HTML files, seven PSDs,

commented HTML, a flexible table structure and sliced-ready icons from Designmodo.

The templates are also compatible with the WordPress plugin MyMail.

Price: $18

20. SquarePath [28]

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

7 of 13 12/01/2014 18:40

Page 8: 32 Responsive Email Templates for Your Small Business

SquarePath is compatible with MailChimp and Campaign Monitor, works on all devices

and has been tested with Litmus for quality, speed and accuracy. SquarePath features

lightweight commented code, inline CSS and easily duplicated modules.

Price: $17

21. Flick [29]

Flick is a minimalist email template with a flat design style, and includes layered PSD

files, seven color schemes, commented HTML and a flexible table structure. It features

sliced icons from Designmodo and has more than 189 separate, responsive HTML files.

Price: $18

22. Extra [30]

With Extra, you can create your own custom email template using the template builder.

The builder provides unlimited variations using drag-and-drop modules, with the ability

to see the template in action on desktop, tablet and mobile devices.

Changes are made in real time, and you can export the HTML file as MailChimp- and

Campaign Monitor-ready templates.

Price: $18

23. Brev [31]

Brev is a modular responsive email template that allows you to combine or switch

modules, and it includes six color schemes and sliced icons to suit your requirements.

Brev has commented HTML, CSS buttons and patterns from Subtle Patterns.

Price: $18

24. Ballio [32]

Ballio is a flat style responsive email template that includes 24 color schemes and 10

layouts — that's a total of 240 template files. Layered and sliced PSDs and user-friendly

documentation are included, along with full compatibility in all major email clients and

browsers. The templates have also been tested with Litmus.

Price: $18

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

8 of 13 12/01/2014 18:40

Page 9: 32 Responsive Email Templates for Your Small Business

25. Modern [33]

Modern is a clean, professional and multi-purpose email template. It has been tested with

Litmus and is compatible with MailChimp, Campaign Monitor and iContact.

The flexible structure and block modules allow you to build new templates with 75

templates and five colors. Editable PSDs and documentation with full instructions come

with the package.

Price: $18

26. Sampurna [34]

Sampurna's flat design is perfect for a wide variety of purposes, including products,

services, news or heavy content. It's packed with 16 unique and repeatable modules,

which you can mix and match to create your preferred layout. Choose from five

pre-defined layout variations and five colors.

Price: $18

27. Storesletter [35]

Storesletter provides three different layouts and four color schemes for each template.

You can choose layouts with one or two columns (or a sidebar), with fully commented

HTML and inline CSS, making the templates easy to edit. The template has been tested

on more than 20 email clients, to ensure it is mobile compatible.

Price: $15

28. Taurus [36]

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

9 of 13 12/01/2014 18:40

Page 10: 32 Responsive Email Templates for Your Small Business

Taurus is a responsive newsletter template that can be used for any product or campaign,

such as e-commerce, affiliate, promotional and news. It works well with any kind of

email service provider such as Aweber, iContact, Benchmark Email, MailChimp,

Campaign Monitor and Constant Contact.

It's been tested on all major browsers and email clients, and features six premium

templates and eight color schemes.

Price: $16

29. Flatro [37]

Flatro is a multi-purpose, corporate-style newsletter template tested with MailChimp,

Campaign Monitor and Thunderbird, ensuring that it is bug-free and displays well on all

devices and browsers.

It features 19 email templates with a maximum of three columns, nine basic layouts,

well-organized and layered PSD files, and commented HTML with repeatable modules.

Price: $17

30. Appetizer [38]

Appetizer is a modern multi-column email template designed specifically for restaurants

and cafés. The package contains a standard menu layout and a special promo design for

reminders, announcements and special offers.

It contains Campaign Monitor tags for easy editing, standards-based HTML with inline

CSS, commented code, and layered PNG and PSD files.

Price: $13

31. Emailology [39]

This template from Email on Acid offers three unique layouts triggered by the width of a

user's screen. It supports up to three columns, and you can mix and match sections to

create your own unique template layout.

It's built with media queries and floating elements that naturally stack, and has been fully

tested on most mobile devices, tables and email clients.

Price: Free

32. The Suite [40]

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

10 of 13 12/01/2014 18:40

Page 11: 32 Responsive Email Templates for Your Small Business

https://www.google.com/url?ct=abg&q=https://www.google.com/adsense/support

/bin/request.py%3Fcontact%3Dabg_afc%26url%3Dhttp://mashable.com/2013/11/08/email-

responsive-design

/%253Fcrlt.pid%253Dcamp.g6SUqFB2T4cq%26gl%3DAE%26hl%3Den%26client%3Dca-

pub-9942038924324175%26ai0%3DCc10FeqjSUrLeGu2qigb48oHID5vrvcoD47GVxnH7xMGEsgEQASDSrZ0CUIao7b4EYJF2oAHb_ej-

A8gBAagDAaoEoQFP0EqKQtw4Ob486PWw_ZFtuI3iVfWhyij_Ixw0AQ8xv5cRgP9NSe_vlX870AMgNdkMS1O-

Tz2VBeh4wH9hV9NBQpiyjTRURCHoKGDDUYEC7alR_H8rM0a-

zmVih2kRLb9umYZNo2OGAJAJZGamGg6KMQCZV-BrvfL-

sTCncw5u9U1Jk9ORtuc4vo2zZBc4ZdQJjczYE8k3am1n3FmaTqhcgogGAYAHjYKXAQ&

usg=AFQjCNG67nZenMrxn7Z6SCVJe_fvA4UyIg

1.

http://www.googleadservices.com/pagead/aclk?sa=L&

ai=Cc10FeqjSUrLeGu2qigb48oHID5vrvcoD47GVxnH7xMGEsgEQASDSrZ0CUIao7b4EYJF2oAHb_ej-

A8gBAagDAaoEoQFP0EqKQtw4Ob486PWw_ZFtuI3iVfWhyij_Ixw0AQ8xv5cRgP9NSe_vlX870AMgNdkMS1O-

Tz2VBeh4wH9hV9NBQpiyjTRURCHoKGDDUYEC7alR_H8rM0a-

zmVih2kRLb9umYZNo2OGAJAJZGamGg6KMQCZV-BrvfL-

sTCncw5u9U1Jk9ORtuc4vo2zZBc4ZdQJjczYE8k3am1n3FmaTqhcgogGAYAHjYKXAQ&

num=1&cid=5GgzqJ-dye-PdzQfsGLoQHt-&

sig=AOD64_1HMRVmRsvKU4ta7AcUn4sLav47QQ&client=ca-pub-9942038924324175&

adurl=http://www.aweber.com

2.

The Suite is a package of more than 36 responsive email templates with six unique

layouts, sliced PSD files and full documentation. The templates feature inline CSS and

easily edited and repeatable modules.

It's compatible with most email clients and programs such as MailChimp, Outlook,

Thunderbird, Hotmail, Gmail, Yahoo and most mobile and tablet devices.

Price: $17

Have something to add to this story? Share it in the comments.

Image: Mashable composite; iStockphoto [41], numbeos [42]

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

11 of 13 12/01/2014 18:40

Page 12: 32 Responsive Email Templates for Your Small Business

http://www.googleadservices.com/pagead/aclk?sa=L&

ai=Cc10FeqjSUrLeGu2qigb48oHID5vrvcoD47GVxnH7xMGEsgEQASDSrZ0CUIao7b4EYJF2oAHb_ej-

A8gBAagDAaoEoQFP0EqKQtw4Ob486PWw_ZFtuI3iVfWhyij_Ixw0AQ8xv5cRgP9NSe_vlX870AMgNdkMS1O-

Tz2VBeh4wH9hV9NBQpiyjTRURCHoKGDDUYEC7alR_H8rM0a-

zmVih2kRLb9umYZNo2OGAJAJZGamGg6KMQCZV-BrvfL-

sTCncw5u9U1Jk9ORtuc4vo2zZBc4ZdQJjczYE8k3am1n3FmaTqhcgogGAYAHjYKXAQ&

num=1&cid=5GgzqJ-dye-PdzQfsGLoQHt-&

sig=AOD64_1HMRVmRsvKU4ta7AcUn4sLav47QQ&client=ca-pub-9942038924324175&

adurl=http://www.aweber.com

3.

http://marketingland.com/mobile-email-opens-hit-50-ipad-drives-most-mobile-email-transactions-

report-58229

4.

http://www.campaignmonitor.com/guides/mobile/5.

http://mashable.com/2013/10/09/web-design-inspiration-2/6.

http://briangraves.github.io/ResponsiveEmailPatterns/7.

http://blog.fogcreek.com/responsive-html-emails-a-different-strategy/8.

http://zurb.com/playground/responsive-email-templates9.

http://internations.github.io/antwort/10.

http://www.campaignmonitor.com/templates/11.

http://themeforest.net/item/market-responsive-newsletter-with-template-builder-/47486412.

http://themeforest.net/item/campaigner-responsive-email-template-/512967213.

http://themeforest.net/item/quinn-responsive-email-template/542903314.

http://themeforest.net/item/freelancer-responsive-email-template/578240615.

http://themeforest.net/item/metromix-responsive-email-template/505977616.

http://themeforest.net/item/fancymail-responsive-email-template/585769417.

http://themeforest.net/item/freshmail-responsive-email-template/473495318.

http://themeforest.net/item/metromail-responsive-email-template/565105719.

http://themeforest.net/item/mobilemetro-respons-email-with-template-builder/475085520.

http://themeforest.net/item/omni-responsive-email-template/501628721.

http://themeforest.net/item/rocket-mail-clean-modern-email-template/382715122.

http://themeforest.net/item/ridio-mail-responsive-email-template/536604423.

http://themeforest.net/item/tytanresponsive-email-template-with-editor/585007924.

http://themeforest.net/item/online-bazar-responsive-email-template/533263625.

http://themeforest.net/item/silter-responsive-email-template/478268126.

http://themeforest.net/item/slash-responsive-email-template/517960327.

http://themeforest.net/item/squarepath-respons-email-with-template-builder/426800528.

http://themeforest.net/item/flick-responsive-email-template/504077029.

http://themeforest.net/item/extra-responsive-email-template/573599030.

http://themeforest.net/item/brev-responsive-email-template/591213731.

http://themeforest.net/item/ballio-flat-responsive-email-template/578764032.

http://themeforest.net/item/modern-responsive-email-template/570567033.

http://themeforest.net/item/professional-business-email-template-sampurna/559666134.

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

12 of 13 12/01/2014 18:40

Page 13: 32 Responsive Email Templates for Your Small Business

http://themeforest.net/item/storesletter-html-emailmarketing-template-to-sell/114742435.

http://themeforest.net/item/taurus-metro-responsive-newsletter-template/477166636.

http://themeforest.net/item/flatro-responsive-email-newsletter-templates/517731037.

http://themeforest.net/item/appetizer-responsive-html-email-template/386370738.

http://www.emailonacid.com/blog/details

/C13/emailology_a_free_responsive_email_template_using_media_queries_-_part_i

39.

http://themeforest.net/item/the-suite-responsive-email-template/432526940.

http://www.istockphoto.com/mashableoffer.php41.

http://www.istockphoto.com/user_view.php?id=117377442.

http://mashable.com/2013/11/08/email-responsive-design/?crlt.pid=ca...

13 of 13 12/01/2014 18:40