Q&A: Capturing Full Email Screenshots

In:

Awile back, someone asked me how I take screenshots of emails for my monthly email design inspiration series if the email doesn’t have a view online link. The problem is, taking a normal screenshot doesn’t work if you have to scroll to view the entire email, and using a tool that allows scrolling capture usually breaks when taking a screenshot in Gmail. After trying many different methods and tools, this is my current process for taking full email screenshots.

Add the Litmus Scope Bookmarklet to Chrome

First, you need to install the Litmus Scope Bookmarklet to Chrome. Using Scope will allow you to grab the HTML from any any email in Google Mail.

Open the email in Gmail

Open the email you want to screenshot within Gmail and click on the Scope bookmarklet.

email-screenshots-open-email

email-screenshots-scope-email

The Scope app will open and your email will be displayed.

email-screenshots-scoped-email

Copy & Paste the HTML Code

Toggle to the HTML view in Scope and copy all the code.

email-screenshots-scoped-email-code

Open up notepad, or any other HTML editor and paste the code. Save it as ’email.html’, then open that file in your browser.

Take the Screenshot

Now that you have extracted the email you can take the screenshot. There are a couple tools that allow you to take scrolling screenshots. I use Snagit for my screenshots, but here are some free extensions for Chrome.
Full Page Screen Capture
Awesome Screenshot

email-screenshots-capture

The Result

full-email-screenshot

Questions?

Email me, send me a tweet @jennamolby, or leave a comment

Related Posts

  • 11/06/2019
    How to Turn Any Email Template into a Pardot Email Template

    Do you know you can turn any email template into a Pardot email template? With a couple of modifications to the HTML, you can have a fully functional Pardot email template which allows you to remove, edit and duplicate sections. In this tutorial, I will show you how to take any free, responsive email template and turn it into a Pardot email template.

  • 06/12/2018
    Creating Pardot Email Templates: Common Questions & Answers

    Can my Pardot email be responsive? Why doesn’t my background image appear in Outlook? Can Pardot emails be drag & drop? I get asked these questions a lot from Pardot users and see them posted frequently in the Trailblazer Community. Let’s dive into these questions as well as other common Pardot email template questions.

  • 24/10/2018
    How to Create a Net Promoter Score Survey in Pardot

    Learn how to build a net promoter score (NPS) survey directly in Pardot. I will show you how to create an NPS survey that asks the recipient to give you a score from 1 – 10 using an in-email rating that directs them to a Pardot landing page to collect more information.

1 comment(s)
  • Šárka

    28/06/2018 at 3:30 am
    Reply

    Thank you a lot for this advice. It really saved me a lot of time when I don´t have to edit the previews of email campaigns for clients. :)

Leave A Comment

Your email address will not be published. Required fields are marked *

About Me

Welcome to my blog, where I share, tips, tricks, thoughts and solutions that I learn in my daily life as a sales and marketing professional.

LEARN MORE

Categories
Most Commented
Popular Posts