How to take and AI analyze screenshots in Make.com

Learn how you can automate web page screenshots and have AI analyze the screenshot images based on your custom prompts in Make.

Introduction

Using the PagePixels Screenshots Make app, you can easily automate screenshots and run AI-powered analysis on the captured images.

To accomplish this, you can use PagePixels' Create a Screenshot of a Web Page and Analyze the Image with OpenAI's ChatGPT Action in Make. This Action captures web pages and sends the screenshots to OpenAI (creators of ChatGPT) for visual analysis guided by your custom text prompts.

OpenAI technology is ready to go in the PagePixels Screenshots Make app. No OpenAI keys are required, and all PagePixels accounts get 25 FREE AI Analysis credits per month.

Once you've set up your AI analysis screenshot automation in Make, you can connect it to thousands of apps Make supports, like Google Sheets, OneDrive, and Airtable.

As an example, this tutorial demonstrates how to automate daily AI analysis screenshots of weather information and email the AI analysis results using Make's Gmail integration.

Make Scenario we'll create in this tutorial:

How to capture and have AI analyze screenshots in Make

To take a screenshot and have AI analyze your image according to your prompt in Make:

1

Click the + Create a new scenario button

2

Add the PagePixels AI Screenshot Action

Search for and click on the PagePixels Screenshots app.

Select the "Create a Screenshot of a Web Page and Analyze the Image with OpenAI's ChatGPT" Action.

3

Configure your PagePixels Action app event.

Enter instructions for how you want the AI to analyze your screenshot into the AI Prompt field.

For example, let's say we're capturing a weather page and want to know what conditions are forecasted for tomorrow. We can ask the AI:

What is the weather forecast for tomorrow?

Next, add the link to the page you want to screenshot into the Website URL field.

Example: https://weather.gc.ca/en/location/index.html?coords=49.245,-123.115

Configure your screenshot settings as needed.

For example, to capture just the forecast information on this site, we can use the "CSS Selector" field and selector: #mainContent

We'll also use the "Wait Time to Capture" field to allow more time for the weather data to load.

Once you're done configuring your screenshot, click the Save button.

4

Use AI analysis data in another Make app module.

Click the "Add another module" button.

Select your desired app and module.

For this example, we're going to choose Gmail > "Send an Email" module.

Add your AI Analysis data and screenshot image from PagePixels into the module.

For example, we're going to add AI Prompt, AI Response, and Direct Link values to the Content field and use HTML. For instance:

<div>
  <p style="font-size:22px; width:960px;">
    {{1.ai.ai_prompt}}
  </p>
  <p style="font-size:18px; width:960px;">
    {{1.ai.ai_response}}
  </p>
  <img src="{{1.direct_link}}" width="960px">
</div>

Complete the other fields to your preference and click the "Save" button.

Note: You may want to use a test recipient in the "Email Address" field to first confirm everything is to your liking.

5

Test your Scenario

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

After a successful test run in Make, an email will send containing the AI Analysis data and screenshot in the email body.

Example:

6

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 officially set and running on your set schedule.

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

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.
  • Capture screenshots from different locations around the world with PagePixels' Create a Real Geolocation Screenshot Action in Make.
  • Create screenshots from data in Make apps, including emails, using the Create a Screenshot of Custom HTML Action.
  • Compare, contrast, and extract insights from screenshots and other images with the PagePixels' Analyze any Image with OpenAI's ChatGPT Action 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 Action 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.