Responsive Emails

EMAIL PITFALLS

• Emails dont't use media queries
• More email clients than regularly supported browsers
• Hard to predict all outcomes
• Coding like it's 1994

Reponsive is important

• Mobile-first emails improve click-thru immensely
• 42% of emails are opened on mobile devices
• Enforces CTAs to the user

ZURB's INK

templates

they save a lot of time.

Modifying templates

• All templates are 580px wide with 12 columns

• Contains .html & .css file

• Modify template w/  Liftopia brand guidelines

• Copy  + Paste .css file into <style> tags

• Run through an inliner

R T F M

Docs are scary but they will help you solve problems.

Every time you read they become less scary.

! save all copies of email !

we can reuse our own internal templates

testing templates

• Litmus.com = BrowserStack for Emails
• Test in at least:
  • iOS Phone   26% of market
  • Gmail             15% of market
  • Outlook        13% of market
  • Android         5% of market
• Finished templates should be flawless
• MVPs are okay until we get there! 

Sending emails?