Upload
prabhul-kumar
View
208
Download
0
Tags:
Embed Size (px)
DESCRIPTION
email templates
Citation preview
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
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
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
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
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
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
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
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
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
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
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
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
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