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
- 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?
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!
