The Best-Kept Secret for Previewing Emails on Multiple Devices

Do you ever wish there was an easy way to view your email designs on every screen size available?

It’s no secret: of course you do.

Mobile viewership of email is skyrocketing, going head-to-head with desktops. The problem isn’t that we don’t know hand-held devices are here to rule the world. It just seems as if there are countless versions of screen sizes to design for, including giant phones and mini tablets.

Your first response should be to narrow down the results of the most popular devices used to view your emails. You can usually find this in the reporting section of your email service provider. Work on responsive designs, or at the very least mobile-friendly layouts, that works best with those screens.

Now it’s time to preview your emails on those devices, and you don’t have to make a trip to Best Buy to do it.

The best-kept secret for previewing emails on multiple devices is actually a simple feature in the Google Chrome browser. Gasp!

It’s not fancy, but it gets the job done. The process is simple:

1. Open the .html file with your email’s HTML content in Chrome. One way to do this is by selecting the “view in browser” link.


2. Right click and choose Inspect Element from the dropdown menu.


3. Hit the ESC key on your keyboard.


4. Click on the Emulate tab.
   


5. From the dropdown, choose the device screen size in which you want to see your email.

Important: Refresh the screen before you choose a new screen size to emulate. Otherwise, you’ll be SOL.

Done! Your email will appear as it does on the chosen device, including any responsive design you’ve built into it.

And if you want your emails to be responsive, (and super engaging), but you’re not sure how to get started, just hit us up. We’ve got your back.

The Best-Kept Secret for Previewing Emails on Multiple Devices