Design once and code once! Email template systems are the fast, flexible way to quickly publish email campaigns from ONE template. Plus templates are a great catch all for email best practices in mobile, social, images-off and more.
2. Yesmail Confidential 2
Topics
1. Why do we need a Template System?
2. What is a Template System?
3. Benefits of a Template Systems
– efficiency & email best practices
4. Sticky Content
3. Yesmail Confidential 3
What you’ll learn about template systems
1. Efficient – design once, code one
2. Flexible – use one master for all emails. Every. Single. One.
3. Catch-all for best practices - mobile, social, images off, testing
4. Collaborative – Template Guide gets the teams speaking the same
language. Design expectations are set before email is even created
5. Sticky – small, bite-sized content marketing that works
5. Yesmail Confidential 5
Why do we need to use one?
1. Multiple templates are inefficient
1. Designing each email in Photoshop and slicing/coding every time
time is inefficient and error-prone.
7. Yesmail Confidential 7
Template System
• Unified headers and footers with a large
variety of internal stacked sections
• The sections can be reordered, deleted
or duplicated to make many message
combinations – from long newsletters to
short postcards
• One template for all messages
11. Yesmail Confidential 11
Commonly used sections
• Feature – 2 to 5 different styles
• All Image – flexible, fixed width, variable height
• Article – 2 to 5 different styles: small, medium, large
• Product 2, 3 and 4 across
• Video, large & small
• Social Dispatch & product reviews
• All text – best for transactional
12. Yesmail Confidential 12
A Template System Consists of:
1. All Sections Master Layout 2. Template Guide 3. Style Guide (optional)
13. Yesmail Confidential 13
Template Guide
• Shows all sections and their names
• Image sizes
• Word counts
Medium
Article
Image
Right
14. Benefits of a Template System
Efficiency & Best Practices
15. Yesmail Confidential 15
Why use a Template System? Speed & Efficiency
• Design once, code once
• “Design into the code” instead of “Photoshop > Slice > Code”
• Designers simply change copy, images & URLs
• When you first see initial email layout, it’s the actual coded
message and could be sent within hours
• Avoid designing each email in Photoshop then slicing every time
– It’s inefficient, much time spent coding
– It increases likelihood of errors
16. Yesmail Confidential 16
Why use a Template System? Consistent & Standardized
• Highly consistent branding
• Email Teams (Manager, Designer, Copy,
Coder) all with a clear understanding of the
layout
• Teams refer to same sectional names…
“For this message I want one feature, one video large
and one small article”
• Everyone involved will have clear
expectations of what will be created
• Surprise, delays or redesigns are avoided
Email
Management
Production
Design
& Copy
Strategy
17. Yesmail Confidential 17
Why use a Template System? email best practices
• Mobile Ready
• Images-off Ready
• Social Ready
• Dynamic
• Quick Versions for testing
18. Yesmail Confidential 18
Why use a Template System? Mobile Ready
• Desktop is scalable
• Responsive code for phones
• CSS3 @media queries create
a 2nd, true mobile layout
19. Yesmail Confidential 19
Why use a Template System? Images Off Ready
• Bulletproof buttons
• Under image color
blocking
• Alt tags with style
• Clear separation of copy
and image (no copy in
images)
20. Yesmail Confidential 20
Why use Template System? Social Ready
• First design your button / Call to Action
hierarchy
• Then attach optional sharing icons
– Shares a part of your email,
not the entire email
21. Yesmail Confidential 21
Why use a Template System? Dynamic
• Fully hybrid layouts mean all copy is html, not images
• Merging and database automation
• Clean separation of copy and images means that anything can be
merged in dynamically (images, copy, urls)
22. Yesmail Confidential 22
Why use a Template System? Flexible & Testable
• Use one template for all (yes, ALL) emails
• Everything from transactional to newsletters to postcards
• The modular sections opens up major possibilities for testing
23. Yesmail Confidential 23
Why use a Template System? Easily Rebrandable
• Simple color changes (background, button, type, etc) allow you
to use it for multiple business lines or different brands
24. Yesmail Confidential 24
Q: Doesn’t it look similar each time?
It does not have to.
• The template is simply a container
• The content in it is what keeps it fresh
• Also we recommend regularly mixing and matching sections to
create new combinations
Q: Is it part of the mailing system?
No, but it can be.
• Basically, it’s nothing more than a single HTML document
• But it can easily be plugged into CMS tools, WYSIWIG editors
and drag & drop tools
26. Yesmail Confidential 26
Sticky Content
• Small, repeatable, value-added, non-product content
• Trains users to open
“What are they going to do this time”
• Keeps users opening and engaged
TIP: Create sticky content as a project; for example, create 1
year worth of sticky content at one time
31. Yesmail Confidential 31
Summary:
Template Systems
1. Efficient - code once and “design into code” each time
2. Flexible – use one master for all emails. Every. Single. One.
3. Catch-all for best practices - mobile, social, images off, testing
4. Collaborative – Template Guide gets the teams speaking the same
language. Design expectations are set before email is even created
5. Sticky – small, bite-sized content marketing that works