← Back to Tutorials

How to take automatic screenshots of Gmail emails with Make.com

Learn how you can automatically create screenshots of your Gmail emails in Make.com using the PagePixels Screenshots Make app's Custom HTML module.

Introduction

With the PagePixels Screenshots Make app, you can convert data and HTML from thousands of apps in Make.com into screenshots, including your Gmail email messages.

To accomplish this, you can use PagePixels' Create a Screenshot from Custom HTML Action in Make. This Action accepts data and HTML from another Make.com app, such as Gmail, and can convert your HTML emails into screenshots.

Once you've set up your Custom HTML screenshot automation in Make.com, you can connect it to thousands of apps Make supports, like Google Drive, Google Sheets, and Discord.

PagePixels is free to start and this tutorial demonstrates how you can take screenshots of new Gmail email messages and save the images to Google Drive in Make.

Make Scenario we'll create in this tutorial:

How to take automatic screenshots of Gmail emails using Make.com

To automatically screenshot new Gmail email messages in Make.com and save the image to another app:

1

Click the + Create a new scenario button

2

Add Gmail Watch New Emails Trigger module

Search for and select the Gmail app.

Select the Watch New Emails trigger module.

3

Configure Gmail module

Choose or connect your Gmail account in the "Connection" field.

Configure which Gmail emails you want to monitor for your trigger. Click Save.

Select where you want your trigger to start. Click Save.

4

Add PagePixels Create a Custom HTML Screenshot module

Search for and select the PagePixels Screenshots app.

Select the Create a Custom HTML Screenshot module.

5

Configure PagePixels module

Choose or connect your PagePixels account in the "Connection" field.

Add HTML tags into the "Custom HTML" field.

Click into the field and select the Gmail data you want to include in your screenshot. For example: 

<html>
  <p style="margin-left: 20px; margin-top: 20px;">
    Date: {{1.internalDate}}
  </p>
  <p style="margin-left: 20px;">
    From:{{1.fromEmail}}
  </p>
  <p style="margin-left: 20px;">
    Subject:{{1.subject}}
  </p>
  <p style="margin-left: 20px;">
    Message:{{1.htmlBody}}
  </p>
</html>

Set "Full Page" to Yes to capture the entire email.

Finish configuring your screenshot and click Save.

6

Use the screenshot in another Make app module.

Click the plus Add another module button.

For this example, we'll download the screenshot image using the HTTP Get a File module.

Search for and select the HTTP app.

Choose the Get a File module.

Add the "Direct Link" item from PagePixels into the "URL" field. Click Save.

7

Upload the screenshot image to Google Drive

Click the plus Add another module button.

Choose the Google Drive app.

Select the Upload a File module.

Choose or connect your Google Drive account in the "Connection" field.

Configure where you'd like to save the screenshot file in your Google Drive.

The "File" field should auto-select the HTTP - Get a file item for you.

Click Save.

7

Test your Scenario

Click on the "Run once" play button to test your scenario.

After a successful test run in Make, a copy of your Gmail email screenshot will be uploaded to Google Drive.

Example:

Note: The full Scenario will only run if there's a new email in your Gmail that meets the criteria you set.

8

Schedule your Scenario

Click the Every 15 minutes scheduling toggle in your bottom toolbar to the "ON" position.

Set your desired schedule and click the Save button.

Click the Save icon in the bottom toolbar.

🎉 Your Make automation is now set and running on your chosen schedule.

See our Make Help Guide for more comprehensive information about our Make integration.

Need help with your screenshot automation? Contact us.

Further Reading

See more PagePixels and Make tutorials below:

What else can PagePixels do?

When you automate screenshots with PagePixels and Make, you can also:

  • Automate clicking buttons, filling out forms, performing a search, and more - all before taking a screenshot with Multi-Step functionality in Make.
  • Take and have AI analyze your screenshots with PagePixels' Create a Screenshot of a Web Page and Analyze the Image with OpenAI's ChatGPT module in Make.
  • Capture screenshots from different locations around the world with PagePixels "Create a Real Geolocation Screenshot of a Web Page" module in Make.
  • Compare, contrast, and extract insights from screenshots and other images with the PagePixels' Analyze any Image with OpenAI's ChatGPT module in Make. See an example in this tutorial.
  • Automate structured data extraction and AI-powered text analysis for your marketing, sales, and lead generation needs with PagePixels' Create a Domain Research Report module in Make.
  • Use an Embed URL to dynamically share and display the latest screenshot on your website, dashboard, presentation app, and more.
  • Remove elements and customize the style of your resulting screenshots with PagePixels' Custom CSS injection feature.
  • Take screenshots of entire webpages with the Full Page option. Or use a CSS Selector to capture only a specific part of a webpage.
  • Block ads and stop cookie banners from appearing in your screenshots with PagePixels' "No Ads" and "No Cookie Banners" options.
  • Leverage PagePixels' full-featured Screenshots API to programmatically take scheduled and instant screenshots of websites and online images.

Explore even more possibilities of what you can do on our Features page →

Support

Questions? Contact us anytime by email:

support-tickets@pagepixels.com

Or send us a message through our Support page.