know before it goes: testing your email design
TRANSCRIPT
![Page 1: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/1.jpg)
Know Before it GoesTesting For Your Email Design
![Page 2: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/2.jpg)
Normal People’s Worst Nightmare.Normal People’s Worst Nightmare.
![Page 3: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/3.jpg)
Email Marketer’s Worst Nightmare.Email Marketer’s Worst Nightmare.
![Page 4: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/4.jpg)
Why test?• Preserve your brand and reputation• Retain conversions and revenue• HTML and CSS are not always well
supported• Dozens of different email clients
and devices out there
![Page 5: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/5.jpg)
Good QA is good customer service.- Chad White, The Retail Email Blog
![Page 6: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/6.jpg)
Lay a Solid FoundationLay a Solid Foundation11
![Page 7: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/7.jpg)
Email HTML ≠ Web HTML
• Use table-based layouts• Inline CSS only• Limited or no support for:
• Forms/surveys• Video• Javascript• Flash• Background images• Animated .gifs
![Page 8: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/8.jpg)
Verify ContentVerify Content22
![Page 9: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/9.jpg)
Triple check spelling and pricing to avoid embarrassing errors
Format the plain text version for readability and usability
![Page 10: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/10.jpg)
Your testing checklist• Remove/convert symbols and nonstandard characters
® © “ • ™ £ ¢ € ° • Ensure images and URLs start with http://www • Proofread & spell check
•Preheader, from name, subject line, body copy, text version• Are prices and other critical information correct?• Replace default or placeholder values• Verify personalization or dynamic content• Does email content lead to relevant landing pages?• Perform a spam check
![Page 11: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/11.jpg)
Confirm Function Confirm Function33
![Page 12: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/12.jpg)
Add “style=display: block;” to sliced images to prevent gaps
Be sure to include ALT text to combat image blocking
![Page 13: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/13.jpg)
Test your emails in a variety of programs to be sure they display as you expected.
![Page 14: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/14.jpg)
Your testing checklist• Tested in common/popular email clients
• Set up test accounts or use an online tool• Preview with images on and images off • Check rendering in desktop, mobile and webmail • Verify all links work and go to the correct pages• Verify web analytics tagging is in place and working• Are CAN-SPAM elements in place?
• Working unsubscribe mechanism, mailing address, etc.
![Page 15: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/15.jpg)
Create (and Follow!) a Process Create (and Follow!) a Process44
![Page 16: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/16.jpg)
We are by nature flawed and inconstant creatures.
- Atul Gawande, The Checklist Manifesto
![Page 17: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/17.jpg)
Your testing checklist• Makes you a smarter, more systematic decision-maker• Creates a culture of discipline and teamwork• Gets the dumb stuff out of the way
![Page 18: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/18.jpg)
Creating checklists• Short and simple• Use task checks for ‘dumb’ but critical stuff
• Did you select the right setting? Press the red button?• Use communication checks for complex stuff
• When coordination or knowledge sharing is necessary, communication checks a balance between freedom and discipline
• Pick the right type of list:• READ-DO (read each step, then do it)• DO-CONFIRM (do the steps from memory, then pause and check)
![Page 19: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/19.jpg)
Tools & Resources Tools & Resources**
![Page 20: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/20.jpg)
Validation
http://validator.w3.org/
![Page 21: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/21.jpg)
http://validator.w3.org/• Look out for ‘Start tag’ or ‘end tag’ omitted errors
• End tag for TABLE / TD / TR omitted• End tag for element A which is not open• End tag for P which is not finished
• Empty elements are okay• “NET-enabling start-tag requires SHORTTAG YES”
• Deprecated tags are okay• “there is no attribute BACKGROUND”
full details: https://litmus.com/blog/validating-html-for-email
![Page 22: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/22.jpg)
Innovyx Campaign Audit
Runs your email through a series of checks and balances; emails you a report.
![Page 23: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/23.jpg)
Industry Guides from Campaign Monitor, MailChimp, etc. are written by experts and chock full of information
![Page 24: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/24.jpg)
Litmus
Takes screenshots of what your emails look like on a variety of email programs and mobile devices, performs spam check, validates links, etc.
![Page 25: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/25.jpg)
emailchecklist.org performs 7 quality and best practice checks on your HTML
![Page 26: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/26.jpg)
EmailMonday.com Checklist
Provides a framework for following best practices and starting your own QA process
![Page 27: Know Before it Goes: Testing Your Email Design](https://reader033.vdocuments.mx/reader033/viewer/2022060111/55632be6d8b42a57348b5007/html5/thumbnails/27.jpg)
Happy testing!