Guide to automating screenshots with Power Automate

With the PagePixels Screenshots Power Automate connector, you can automate the process of capturing screenshots directly within your Power Automate workflows.

You can also send your screenshot images to apps supported by Microsoft Power Automate, including:

PagePixels is free to start and the Power Automate integration is available to all plans.

This guide goes over what the PagePixels connector can do, how to connect PagePixels to Power Automate, how to schedule screenshots in your flows, and how to create Multi-Step screenshots.

Below is a list of Actions you can perform using the PagePixels Screenshots Power Automate connector.

Actions

Below are the steps for how to connect your PagePixels account to Power Automate:

1

Login to Power Automate

2

Go to your Connections page

In the left side-bar, click More and select Connections.

3

Add New Connection

Click the + New Connection button (top-left).

4

Add PagePixels connection

Search for PagePixels (top-right). Under Action click the + button.

5

Authenticate your PagePixels account

Log in to PagePixels or click Sign up to create a free account.

6

Authorize the connection

Click the Authorize button.

7

Confirm connection

Click the Allow access button.

Once you've successfully connected your PagePixels account to Power Automate, you're ready to start automating your screenshots.

Take a Screenshot of a Web Page EXAMPLE

How to create a daily screenshot flow

Using the PagePixels Take a Screenshot of a Web Page Action, you can automate taking screenshots of web pages on a recurring schedule within Power Automate.

For example, below are step-by-step instructions for how to create a daily website screenshot flow in Power Automate:

1

Create a new flow

Click the + Create button.

2

Schedule your automation

Click the Scheduled cloud flow option.

Configure your schedule. For a daily screenshot, set the Repeat every field to the 1 Day option.

Click the Create button.

3

Add PagePixels Action

Click the + button.

Search for PagePixels. Select the Take a Screenshot of a Web Page action.

4

Configure your screenshot

Copy and paste your website link into the Page URL field.

Configure your screenshot to your needs with over 20+ options. Note: Page URL is the only required field. All other fields are optional.

Once you're done, click the Save button.

5

Test your Flow

Click the Test button.

Select the Manually option. Click Test.

Click Run Flow.

Click Done.

After a successful test run in Power Automate, you'll see green checkmarks appear.

🎉 Your Flow is now complete and will automatically take a screenshot on a daily schedule.

Default screenshot settings are Page Width: 1920 (px), Page Height: 1000 (px), Wait: 1500 (ms). Feel free to configure these settings in Power Automate to fit your needs.

Use PagePixels Multi-Step Screenshot feature to interact with websites before capturing a screenshot, so you can:

PagePixels Multi-Step works by making browser actions (click, input text, press enter, etc.) available for you to add, and then PagePixels runs those actions for you before taking the screenshot.

You can access Multi-Step functionality through the Multi-Step Actions field in the following Actions:

Multi-Step Actions

Here's a list of Multi-Step Actions you can use, and what the expected format is for Power Automate.

Important Note: Multi-Step Actions must be in an array. To input your actions as array, use the text field option in Power Automate as seen in the example.

"{\"type\": \"click\", \"selector\": \"#your-selector\"}"

"{\"type\": \"hover\", \"selector\": \"#your-selector\"}"

"{\"type\": \"redirect\", \"value\": \"https://example.com\"}"

"{\"type\": \"javascript\", \"selector\": \"console.log('my javascript');\"}"

"{\"type\": \"css\", \"value\": \"#selector{color:red;}\"}"

"{\"type\": \"text_field\", \"selector\": \"#your-selector\", \"value\": \"your text\"}"

"{\"type\": \"select\", \"selector\": \"#dropdown-field\", \"value\": \"selected value\"}"

"{\"type\": \"checkbox\", \"selector\": \"#checkbox-field\", \"value\": \"true\"}"

"{\"type\": \"submit\"}"

"{\"type\": \"wait\", \"value\": \"5000\"}"

"{\"type\": \"wait_for_selector\", \"selector\": \"#your-selector\"}"

MULTISTEP SCREENSHOT EXAMPLE

How to perform a search with Multi-Step Actions

Let's say you want to search Wikipedia for "hawaiian monk seal" and take a screenshot of the results page.

For example:

To create this Multi-Step screenshot in Power Automate:

1

Add Web Page URL

For Multi-Step screenshots, the Page URL is where the first Multi-Step Action takes place.

In this case, you'll want to use Wikipedia's homepage URL:

https://www.wikipedia.org/

Important Note: The URL must include "https://" or "http://" and be publicly available.

2

Add Multi-Step Actions

Under Multi-Step actions click the text input button (right-side). This will allow you to add Multi-Step actions as an array.

Add your array of actions to the input field.

For Example:

[

"{\"type\": \"text_field\", \"selector\": \"#searchInput\",

\"value\": \"hawaiian monk seal\"}", "{\"type\": \"click\",

\"selector\": \"#search-form button\"}"

]

Breakdown of each action

"{\"type\": \"text_field\", \"selector\": \"#searchInput\",

\"value\": \"hawaiian monk seal\"}"

• This action will input the text value "hawaiian monk seal" into the search text field identified by the CSS selector (#searchInput).

"{\"type\": \"click\", \"selector\": \"#search-form button\"}"

• This action clicks the button to submit our search form to Wikipedia.