background preloader


Facebook Twitter

Pulp. Mashed up email. Email Design Guide. Content Focus your message Some of the most effective emails have one clear message.

Email Design Guide

If you have multiple messages to send, try breaking them up into a series of emails. Be concise Reduce the length of your email until you can simplify no more. Create a hierarchy Put the most important information first for people who are short on time. Break it up Use headings and bulleted lists to divide content into sections that are easy to understand.

Link out If you have a lot of information to convey, link to a page on your website (or someone else's website) where subscribers can learn more. Templates Start from scratch Sometimes it's easiest to start from scratch. Save your template Instead of starting over every time you send an email, create a template you can use and modify again and again. Identity Label it Make sure the reader knows who the message is coming from by putting your logo or name at the top of the email. Color Pick a palette Choose just one or two colors for your emails. Images. Mailgun. Mailjet.

The Fab Four technique - Responsive Emails without Media Queries. The Fab Four technique to create Responsive Emails without Media Queries I think I found a new way to create responsive emails, without media queries.

The Fab Four technique - Responsive Emails without Media Queries

The solution involves the CSS calc() function and the three width, min-width and max-width properties. Or as I like to call them all together: the Fab Four (in CSS). The problem Making responsive emails is hard, especially since email clients on mobile (like Gmail, Yahoo or don’t support media queries. That last approach has been my favorite so far. Once all the blocks are stacked, they don’t take the full width of the email. I’ve been looking for ways to solve this problem for a long time. A solution Remembering width, min-width and max-width On top of the calc() function, the solution I found involves these three CSS properties. If the width value is greater than the max-width value, max-width wins.If the min-width value is greater than the width or max-width values, min-width wins. (Answer : the box would be 480px wide.)

Demo. A Responsive Email Framework. Common UI Patterns to Build Faster You can use these UI patterns in your designs to quickly get your email into shape.

A Responsive Email Framework

We’ve included buttons, menus, block grids, callouts, typography, and thumbnails. Creating Email Newsletters That Convert. Do you send an email newsletter to help drive sales and revenue for your business?

Creating Email Newsletters That Convert

You’re not alone. In fact, according to our own research, email newsletters are still one of the most popular types of email campaigns marketers send. But do you know the different elements to include in your newsletter to get the best results? If not, you could be missing out on valuable clicks and sales. How To Write Addictive Newsletters That Trigger Conversion.

Building an online presence is more than just creating a stunning website, though this is an essential first step.

How To Write Addictive Newsletters That Trigger Conversion

Every business, big or small, can benefit from a compelling newsletter. This marketing tool will grow your brand, increase followers loyalty, give you a direct opportunity to communicate news and product offers and show clients (or potential clients) what you’re all about. Never created one before? Here’s what you need to become someone’s inbox regular: Wix’s Shout Out application is an amazing tool that helps you create, design and send professional newsletters to your contacts. Headers & Value Let’s start where every good story does, at the beginning. Hey Hey CTA. 150+ fresh A/B email split testing ideas you can use today. Want Better Email Conversion Rates? Try These 7 Tips. (Infographic)

Email marketing can deliver tremendous results when it is done correctly.

Want Better Email Conversion Rates? Try These 7 Tips. (Infographic)

It is one of the most effective forms of online marketing -- and that isn't going to change anytime soon. Increasing Usability for E-mail Newsletters. E-mail marketing has been very popular in the past ten years and it still is, most likely because of its relatively reduced costs, low amount of work required and quite large potential audience.

Increasing Usability for E-mail Newsletters

E-mail marketing is a direct way of sending commercial messages to a group of people by using the e-mail as the main and only channel. E-mail newsletters are not always sent because a company needs to sell a product, sell ads or request donations, but is sometimes meant to build loyalty, trust and brand awareness. There are many usability guidelines for e-mail marketers to follow and in the past couple of years the number of guidelines has actually increased, as users request more and more from providers and tend to ignore poorly designed layouts. Email is not Dead. Mad Mimi Email Marketing Blog - For tips on email newsletters and marketing strategy. Content Hub. Constant Contact Blogs. Email Marketing Best Practices and Resources - Vero. MailChimp Email Marketing Blog. GetResponse Blog - Email Marketing Tips. VerticalResponse Blog. Email Design Inspiration by HTML Email Designs.

Email Design Inspiration. Look What You Can Do. Really Good Emails - The Best Email Designs in the Universe (that came into my inbox) Responsinator. Email Testing and Email Marketing Analytics - Litmus.