Foundation for Emails - Product Stars
Best products of August 2018

Foundation for Emails

Create responsive HTML emails that work on any device.

Upvotes 722 PH Page >
Kate
Formerly called "Ink" this is arguably the easiest and clearest way to get concise and beautiful HTML emails. I've also got to give mad props for arguably the cutest mascot second only to the PH Kitties 🐙😺💁
Brandon_Arnold
@katesegrin Thanks Kate! We'd love to see what you've built with it.
Nick Coates
This is awesome! Love how simple it is to create an HTML email. Definitely will be useful to developers/designers. Have to agree with @katesegrin on the cute mascot!
Brandon_Arnold
@gadgick Thanks Nick! You'll still want to have a good understanding on what things work and what things don't in email clients, but for the most part we're trying to take the worry out of it.
Jorge Selva
Paging @whale 😉
Matthew Smith
@jorge_selva hahaha. Yeah, used to be Ink. Good stuff!
Brandon_Arnold
@whale @jorge_selva Thanks Jorge! Mathew, we're looking forward to getting your feedback on the new version soon. We obviously love Really Good Emails and have seen plenty of INK emails on there in the past :)
Ghilia Weldesselasie
What great timing! I was looking into getting the HTML email business but I didn't know where to start. What a life saver!
Brandon_Arnold
@ghiliweld Glad ZURB and our giant squid could help.
Thomas Kimura
Used Ink in the past, loved it. Excited to try this out.
Brandon_Arnold
@_tomki Glad you loved it! It makes email just that much easier.
Josh Muccio
Is it responsive on Gmail & Inbox for mobile?
Tyler Swartz
@joshmuccio That's the big question. I've had soo much trouble getting Gmail to respect my stylez...
Brandon_Arnold
@joshmuccio unfortunately Gmail strips all the style tags in the head, so it's not possible to get the responsive styles in those browsers. If anyone knows someone on the inbox or gmail teams send them my way ;)
Corey Ballou
@brandon_arnold @joshmuccio You can use Foundation + Mandrill. Mandrill can automatically take your HEAD styles and turn them into inline styles. We use Ink + Mandrill at POP.co with great success. https://mandrill.zendesk.com/hc/en-us/articles/205582437-CSS-Inlining
Brandon_Arnold
@cballou @joshmuccio We use an inliner for all emails, but inliners can't inline media-queries so only clients that keep the style tag can use the responsive styles
Jp Valery
Glad to see it's working with MailChimp :)
Brandon_Arnold
@jpvalery Squids and chimps can be besties
Brandon_Arnold
Hey All! Brandon here from ZURB! We're working on a killer new version out very soon, but thanks for the love on Foundation for Email today. What a lovely surprise. Foundation for Email (formerly INK) came from ZURBs own frustrations with transactional emails for our own products. The main goals were making emails function as perfect as possible on Outlook and also get as many responsive clients as we could. We've worked hard to make it feel as easy as using Foundation and in the next version are making a large leap that direction. We talked a lot about it here: http://zurb.com/article/1420/foundation-for-emails-2-making-html-email Let me know if you have any questions and thanks for making my Sunday night, Product Hunters.
Chema
@brandon_arnold whats coming soon? I am a user since long time and I love the product!
Brandon_Arnold
@deambulando @brandon_arnold We'll be getting out a new version in the first quarter of 2016, we wrote a bout it here http://zurb.com/blog
Matthew Smith
@brandon_arnold right on. Reach out if you'd like to work together in some capacity. Guest blogging about how people are using it, and/or ways people could use it differently, etc.
Brandon_Arnold
@whale Will do, Thanks!
Nemo
Is there a list of changes that have been made since "Ink"? I've been using Ink for a long while, and the docs still refer to ink.css, so I'm wondering if this is just a rename or an update?
Brandon_Arnold
@captn3m0 Hey Nemo, this was a rename. We have an update coming out early 2016 and had a blog post discussing it, so i'm thinking some people just noticed the framework.
Daniel Codella
Foundation for Emails 2 has just been announced. You can check out what's new here: http://zurb.com/article/1420/foundation-for-emails-2-making-html-email
Jon Callahan
Yes! This is great. I rely on Ink for a host of email templates and am looking forward to the update. If V1 is any indication, I'm sure V2 will be a high quality framework.
אסף בנימיני
May you help disabled people campaign in Israel? assaf benyamini. *1)my email addresses: 029547403@walla.co.il or: a815962@gmail.com or: hgf32urkw@gmail.com or: assaf197254@yahoo.co.il or: ass.benyamini@yandex.com 2)my postal address: 115/4 costa rica street, qiriat menahem neighborhood, Jerusalem, ISRAEL, zip: 9662592. 3)my phone numbers: at home-972-2-6427757. cellular-972-52-4575172. 4)I am treated in avivit hostel, phone numbers: 972-2-6432551. or: 972-2-6428351. 5)my social-worker's email address: talotan39@gmail.com 6)my first language is Hebrew(עברית).

Even on Outlook.

Making Emails Suck Less

We know building HTML emails is hard, especially responsive emails. That's why we created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding emails, and more time on other things, like building amazing products.

Email marketing is good for your business. In fact it's $44-back-for-every-$1-spent kind of good. And with a tool as powerful and easy to use as Foundation for Emails, you’ll have the ability to create amazing results.

54%

of all emails are opened on a mobile device, therefore you need templates that will be optimized for both desktop and mobile email clients.

75%

of Gmail’s 900M users access their accounts via mobile devices.

6x

Transactional emails can produce over 6 times the revenue than generic marketing emails.

Build responsive emails that look great on any device and all of the major email clients, even Outlook!

Making a marketing or promotional email? Drip campaign? Transactional email? Foundation for Emails is the framework that can help you easily build emails for any use case. Choose from 10 responsive HTML templates to start from that are tested on mobile and desktop versions of Outlook, Gmail, Apple Mail and more.

Learn how Foundation for Emails can be used for:

Spend Less Time Coding

If you've worked with Foundation for Sites, you'll feel right at home.

Responsive Grid for Any Layout

You can make a layout that works for your content, not the other way around.

Do more with a grid designed to work on any device. Make your grid fit your content and not the other way around. Now you can code emails like you've been coding websites, with a grid designed to work on any device. Create evenly sized blocks of content great for image galleries or product lists. Your layout stacks neatly so your content is accessible on small screens. Things like padding and row width automatically scale to fit on mobile.

Common UI Patterns to Build Faster

You can use these UI patterns in your designs to quickly get your email into shape. We’ve included buttons, menus, block grids, callouts, typography, and thumbnails. In addition to that, helpers like Visibility and alignment get you closer to a finished product faster so you can spend less time coding.

Make stylish emails fast with Sass

From colors and font-sizes to spacing and column counts, Sass lets you have all the control over common styles and eliminates the need for repetitive, time consuming CSS. By changing a few Sass variables, you can get the look and feel you need for an entire email in minutes, letting you spend more time on your copy or conversion funnels.

ZURB MASTER CLASSResponsive Emails

In this online class, you’ll learn how to rapidly design and develop responsive emails that look beautiful on just about every screen, browser, and email client out there—even Outlook.

Say goodbye to sifting through hundreds of pesky table tags.

Let’s face it, email clients are way behind the times. Email markup with tables requires 3x more markup and can get complicated very quickly. What if email markup was more like the web? With Inky you’ll write tags like <row> and <columns> to spit out the six table tags needed to just get the skeleton of your email together. You’ll be able to code emails faster with less frustration and better organization, giving you more time to spend on better things, like building your product.

<container><row><columns>This is a column.</columns></row></container>
<tableclass="container"><tbody><tr><td><tableclass="row"><tbody><tr><thclass="small-12 large-12 columns first last"><table><tr><th>This is a column.</th><thclass="expander"></th></tr></table></th></tr></tbody></table></td></tr></tbody></table>

From Startups to Fortune 500, millions of developers trust and use Foundation for Emails.

Every day, informative and lucrative emails around the world are built on the solid Foundation for Emails framework. Designers, developers, and marketers across industries and continents are using Foundation for Emails to bring their ideas to life.

Spend Less Time Testing & Preparing

We've got you covered, from customizing to building to inlining.

Emails that work in all of the major clients, even Outlook

There’s no need to worry about inconsistent spacing and odd rendering issues with your layouts. Foundation for Emails gives you the guidelines so you can be confident that emails look as expected in testing. You’ll spend less time debugging your emails and more time optimizing your campaigns.

The ZURB Email Stack will make you an email pro

Upgrade your email workflow to save time be more efficient. Along with a Gulp build system, Inky templating, auto inlining, CSS and image compression, The ZURB Stack includes the support of Handlebars templates to keep you from repeating yourself. Share common elements like your header and footer for multiple emails, allowing you to change only the content that matters.

was a pain

It used to be that every time you had to make a change to your email, you had to copy the contents, open the inliner in your browser, paste it in and inline. Then you needed to copy and paste it back into your template. That’s crazy! Foundation for Emails 2 inlines your CSS automatically (Sass version). It keeps your “work-in-progress” HTML and inlined version separate so you can easily continue to make changes as needed.

Ten Templates to Get You Started Faster

No matter what you're building, our selection of responsive email templates will get you started.

Instead of coding from scratch, save time by grabbing one of these templates:transactional emails for apps, marketing, drip campaigns, newsletters and more can be jump started with our templates. Just like the Foundation for Emails framework, they are battle-tested to work on all devices and email clients. The templates include: