• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
5 Steps To Responsive Email Campaigns
 

5 Steps To Responsive Email Campaigns

on

  • 1,631 views

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

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

Statistics

Views

Total Views
1,631
Views on SlideShare
1,631
Embed Views
0

Actions

Likes
1
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    5 Steps To Responsive Email Campaigns 5 Steps To Responsive Email Campaigns Presentation Transcript

    • 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
    • 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
    • Mobile responsivedesign is the best way todeliver optimized mobile experiences.Here’s how to go about it @dotMailer dotMailer.co.uk 3
    • STEP 1 PlanIt’s best to optimize for the most popular devices amongst your audience. @dotMailer dotMailer.co.uk 4
    • STEP 2 Review analytics Verify how your target audience uses mobile to buy from you. @dotMailer dotMailer.co.uk 5
    • 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
    • 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
    • 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
    • Download our full guide to optimizing your emails for mobile http://bit.ly/11JnbPX @dotMailer dotMailer.co.uk 9