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

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

 

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?

Reponsive Emails

By Jensen Kuras

Reponsive Emails

Creating responsive emails is super important so people can be exposed to your content while waiting in a long line, using the bathroom, or trying to look busy during an awkward conversation!

  • 266