Click me
Transcribed

Email Template Systems

EMAIL TEMPLATE SYSTEMS An HTML email template with flexible structure that contains a variety of stacked content sections. The sections can be reordered, duplicated or removed to create a variety of messages - from multiple-section newsletters to single-section postcards. While each message may have a unique structure, all messages share a unified look and feel. Preheader Preheader | Web View Header LOGO Lorem ipsum dolor sit amet, consectetur. Navigation nav 1 nav 2 nav 3 Feature Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non malesuada neque. Pellentesque elementum feugiat lobortis. Proin ultrices est ac nulla mattis. Aenean nutrum vestibulum metus neme varius. Integer pharetra, magna varius hendrerit hendrerit, velit diam volutpact uma, eu scelerisque arcu mi quis neque. Cras cursus fringilla nibh vel interdum. Donec ac velit quam, et pretium velmofit Etiam molestie ultrices libero. Feature Call to Action Article Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non malesuada neque. Pellentesque elementum feugiat Article lobortis. Proin ultrices est ac nulla mattis. Call to Action 2 across 4 grid Video Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non malesuada neque. Pellentesque elementum feugiat lobortis. Proin ultrices est ac nulla mattis. Video Call to Action Q:A question for poll response? Poll option 1 option 2 option 3 option 4 Social Selected Quote dispatch John Doe Link to John Doe Facebook or Twitter Jargon Watch Sticky Lorem ipsum Maecenas Adipiscing content dolor sit amet, consectetur adipiscing elit. Maecenas non avis malesuada neque. dolor sit amet, consectetur adipiscing proin ultrices est non avis malesuada neque. Maecenas non avis malesada neque. dolor sit amet, consectetur adipiscing elit. opt. A opt. B opt. C opt. D Catch-all Lorem ipsum Dolor sit amet Lorem ipsum Dolor sit amet Dolor sit amet Dolor sit amet Consectetur Maecenas non adipiscing elit. bottom Consectetur malesuada Consectetur adipiscing elit. adipiscing elit. Lorem ipsum Maecenas non malesuada navigation Maecenas non Maecenas non malesuada malesuada Dolor sit amet Pellentesque Footer Terms of use | Privacy | Unsubscribe Fast and Efficient Create your emails faster! Use one template for all your messages. From postcards to newsletters. Simply select the sections you need, based on your marketing message. A header header header feature feature 2 across Mobile-Ready Use large type and objects for your full-size layout (scalable) then place @media query code to alter your layout when it's opened on a mobile device. Scalable Design Responsive Design Social Build social right into your template. Start with including links to your social pages in your email. Next, enable social sharing to allow readers to post your content. Lastly, consider using a 'social dispatch' section that interactively pulls content from social channels. Pull content from social channels Images-off Optimized Your email should be 100% readable and clickable even with images turned off. To achieve this, use 'bulletproof buttons' which always display properly regardless of settings. In addition, consider 'background color blocking' that would fill in areas where images would load. Lastly, use inline styles to dress up your Alt Tags. Download the Free Report Sticky Content Want to keep readers opening your emails time and again? Sticky content is the way to go! It's a bite-sized content block present in every message which is updated for each mailing. 'Word of the Day', 'By the Numbers', 'Jargon Watch', and trivia are all great examples of sticky content. Template Guide If many different groups will use the email template, consider distributing a 'template guide' that includes the different section names, image sizes and character counts. Take it a step further by adding guidelines for proper branding, tone of voice, color, and more. yesmail 877.YESMAIL sales@yesmail.com yesmail.com INTERACTIVE Best Practices A+B+U EMAIL TEMPLATE SYSTEMS An HTML email template with flexible structure that contains a variety of stacked content sections. The sections can be reordered, duplicated or removed to create a variety of messages - from multiple-section newsletters to single-section postcards. While each message may have a unique structure, all messages share a unified look and feel. Preheader Preheader | Web View Header LOGO Lorem ipsum dolor sit amet, consectetur. Navigation nav 1 nav 2 nav 3 Feature Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non malesuada neque. Pellentesque elementum feugiat lobortis. Proin ultrices est ac nulla mattis. Aenean nutrum vestibulum metus neme varius. Integer pharetra, magna varius hendrerit hendrerit, velit diam volutpact uma, eu scelerisque arcu mi quis neque. Cras cursus fringilla nibh vel interdum. Donec ac velit quam, et pretium velmofit Etiam molestie ultrices libero. Feature Call to Action Article Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non malesuada neque. Pellentesque elementum feugiat Article lobortis. Proin ultrices est ac nulla mattis. Call to Action 2 across 4 grid Video Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non malesuada neque. Pellentesque elementum feugiat lobortis. Proin ultrices est ac nulla mattis. Video Call to Action Q:A question for poll response? Poll option 1 option 2 option 3 option 4 Social Selected Quote dispatch John Doe Link to John Doe Facebook or Twitter Jargon Watch Sticky Lorem ipsum Maecenas Adipiscing content dolor sit amet, consectetur adipiscing elit. Maecenas non avis malesuada neque. dolor sit amet, consectetur adipiscing proin ultrices est non avis malesuada neque. Maecenas non avis malesada neque. dolor sit amet, consectetur adipiscing elit. opt. A opt. B opt. C opt. D Catch-all Lorem ipsum Dolor sit amet Lorem ipsum Dolor sit amet Dolor sit amet Dolor sit amet Consectetur Maecenas non adipiscing elit. bottom Consectetur malesuada Consectetur adipiscing elit. adipiscing elit. Lorem ipsum Maecenas non malesuada navigation Maecenas non Maecenas non malesuada malesuada Dolor sit amet Pellentesque Footer Terms of use | Privacy | Unsubscribe Fast and Efficient Create your emails faster! Use one template for all your messages. From postcards to newsletters. Simply select the sections you need, based on your marketing message. A header header header feature feature 2 across Mobile-Ready Use large type and objects for your full-size layout (scalable) then place @media query code to alter your layout when it's opened on a mobile device. Scalable Design Responsive Design Social Build social right into your template. Start with including links to your social pages in your email. Next, enable social sharing to allow readers to post your content. Lastly, consider using a 'social dispatch' section that interactively pulls content from social channels. Pull content from social channels Images-off Optimized Your email should be 100% readable and clickable even with images turned off. To achieve this, use 'bulletproof buttons' which always display properly regardless of settings. In addition, consider 'background color blocking' that would fill in areas where images would load. Lastly, use inline styles to dress up your Alt Tags. Download the Free Report Sticky Content Want to keep readers opening your emails time and again? Sticky content is the way to go! It's a bite-sized content block present in every message which is updated for each mailing. 'Word of the Day', 'By the Numbers', 'Jargon Watch', and trivia are all great examples of sticky content. Template Guide If many different groups will use the email template, consider distributing a 'template guide' that includes the different section names, image sizes and character counts. Take it a step further by adding guidelines for proper branding, tone of voice, color, and more. yesmail 877.YESMAIL sales@yesmail.com yesmail.com INTERACTIVE Best Practices A+B+U

Email Template Systems

shared by Yesmail Interactive on Apr 30
1,293 views
0 shares
0 comments
Marketers are often strapped for time in the fast-paced digital world, especially when it comes to email programs. However, many marketers spend hours coding and recycling old emails to create new cam...

Publisher

Matthew Caldwell

Designer

Gregg Hecht

Category

Business
Did you work on this visual? Claim credit!

Get a Quote

Embed Code

For hosted site:

Click the code to copy

For wordpress.com:

Click the code to copy
Customize size