To
ensure your email campaign has the best chance at success, use a
responsive design that looks good on any screen size. Instead of
designing your own, take advantage of these free responsive templates
that have already been tested on a variety of screen sizes and email
clients.
Here is a list of free responsive email templates. There are single
email templates, as well as template sets with multiple design options.
All of these templates can be modified to suit your needs. In addition,
several of the template sites also feature helpful email reference
guides to make the most of your campaign.
Ink Sidebar Template.
Ink is a responsive email framework made by
ZURB,
a design company for web products, services, and websites. Ink’s CSS
framework helps you craft HTML emails that can be read on any device.
Ink provides a set of four templates:
Basic,
Hero,
Sidebar, and
Sidebar Hero.
Each template is a single HTML email built using Ink. Preview them and
inspect the code to see how they were implemented, or download them and
make some changes.
—
Email Blueprints from MailChimp.
Email Blueprints, from
MailChimp,
is a set of six HTML email templates to serve as a foundation and
starting point for the design of emails. They include template language
elements specifically for MailChimp users, but those elements can be
stripped out to send through any system. For clarification on the coding
practices shown in these emails, or for general HTML email knowledge,
visit MailChimp’s
HTML Email Reference.
—
Antwort Template.
Antwort
offers responsive layouts for email, with columns on desktop that
automatically become rows on mobile. There are three available
templates: single column fluid layout, two column simple layout, and
three column with images. Antwort also provides an
HTML Styleguide and a list of helpful resources.
—
Responsive HTML Email Template.
This
template
by Charles Memud is designed to work on all major email platforms and
smartphones. Using MailChimp’s Email Blueprint as the foundation, this
template is an improved version with more row options, redefined
structure, and platform fixes for Outlook, Yahoo, Hotmail, Gmail, and
more.
—
Email Templates from Stamplia on Litmus.
Here are seven free
email templates available on
Litmus, an email testing and analytics platform. The templates are from
Stamplia,
an email templates marketplace. The templates come with the PSD —
Photoshop Document — source files to tweak and modify. In addition to
responsive templates, Stamplia offers a variety of templates for
newsletters, transactional emails, events, alerts, notices, and more.
—
Responsive Email Template.
Here is a free responsive
email template from
Email on Acid,
a preview service to see exactly how your emails will look in roughly
70 email clients and mobile devices. The template offers three different
layouts, which trigger based on the width of the screen. The default
layout supports up to three columns. The blog post lists the clients
that have been tested.
—
Simple Responsive HTML Email Template.
This is part of a series from
Tuts+ called
Mastering HTML Email.
In this tutorial, you learn to create a simple responsive HTML email
that will work in every email client. It uses minimal media queries and a
fluid width approach to ensure maximum compatibility. Once you’ve
finished, make sure you validate and test using live devices and a web
preview service like Litmus or Email on Acid.
—
Responsive Email Template.
Here is a free responsive
email template
from Marco Lopes, a visual designer at boutique platform Farfetch.com.
The download file includes all PSD elements, as well as open-source HTML
and CSS. Download and customize as you see fit. The template was tested
on Litmus.
—
99designs Free Email Templates.
Online graphic design marketplace
99designs offered free responsive email templates to celebrate the launch of its
Email Design
category. For the launch, it ran a contest asking designers to create
three templates for customers to download: a newsletter template, a
promotional template, and a template for email notifications. Each
template is available in green, blue, orange, and grey.
—
Template Builder.
Template Builder is a tool from
Campaign Monitor,
an email campaign platform. Using the drag-and-drop user interface, you
can easily create and preview a mobile-ready template. Drag pieces of
content like text, images, and buttons. Add different pre-design layout
areas, and customize. Once you’ve finished your template, use it in a
Campaign Monitor account or download the HTML, CSS, and images for free.
0 comments:
Post a Comment