5 Steps To Responsive Email Campaigns

1,768 views

Published on

Do you want to ensure your email campaigns are delivered pixel perfect no matter what device they're viewed on?

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,768
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

5 Steps To Responsive Email Campaigns

  1. 1. http://bit.ly/11JnbPX 2 3 41 5 STEPS to mobile responsive design Your complete plan for mobile-optimized email marketing www.dotMailer.co.uk
  2. 2. Mobile is more important than ever. go online via smartphones every day 2bn per year is spent via mobile devices 6x/day smartphone users check emails @dotMailer dotMailer.co.uk 2
  3. 3. Mobile responsivedesign is the best way todeliver optimized mobile experiences.Here’s how to go about it @dotMailer dotMailer.co.uk 3
  4. 4. STEP 1 PlanIt’s best to optimize for the most popular devices amongst your audience. @dotMailer dotMailer.co.uk 4
  5. 5. STEP 2 Review analytics Verify how your target audience uses mobile to buy from you. @dotMailer dotMailer.co.uk 5
  6. 6. STEP 3 Design your layouts To begin designing your campaign, you need to wireframe which layouts you want to use for each device, and where the different elements of your campaign should sit within each. @dotMailer dotMailer.co.uk 6
  7. 7. STEP 4 Use media queriesMedia queries allow you to design specific stylesheets for portrait/landscape screens as well as specific mobile devices. <!DOCTYPE html> <style type=”text/css”> /*Place CSS to control for mobile here*/ </style> @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5), only screen and (max-device-width: 480px) { /*Place CSS to control for mobile here*/ } @dotMailer dotMailer.co.uk 7
  8. 8. STEP 5 TestTesting is still crucial with responsive design. A good email service provider will show youan inbox preview of your campaign across the most-used mobile browsers. @dotMailer dotMailer.co.uk 8
  9. 9. Download our full guide to optimizing your emails for mobile http://bit.ly/11JnbPX @dotMailer dotMailer.co.uk 9

×