Learn how to take, send, and create screenshots in Zapier with the PagePixels Screenshots integration.
Introduction
With the PagePixels Screenshots Zapier app, you can automate the process of taking screenshots and sending the resulting images to any of the 6000+ apps Zapier supports, such as:
Zapier (rhymes with “happier”) is a no-code integration platform for moving data and automating the manual repetitive tasks you do between multiple apps everyday.
Worfklow automations in Zapier are called
Zaps
and zaps operate on an
"if this, then that"
model of automation. In this model,
if
an event happens in one app
then
Zapier fetches data about that event to complete an action in a different app.
For example,
if
a new screenshot appears in your PagePixels' account,
then
upload that new screenshot to your Google Drive.
You can also get here by clicking “My Apps” in the left sidebar menu.
3
Click the “+Add connection” button.
4
Search for and select the PagePixels Screenshots app.
5
Authenticate your PagePixels account.
Once you successfully connect your PagePixels account to Zapier, you’re ready to start automating your screenshots.
How to automate screenshots in Zapier
Use a template
Zap templates are the easiest and fastest way to create a Zap. All you need to do is click on the "Try / Use this Zap" button and Zapier will auto-create the workflow in your Zapier account.
Here's a list of Zap templates that are available for PagePixels Screenshots.
Use the visual editor
When there's no template available for what you want to automate, you can build a custom Zap using Zapier's visual editor.
To explain how, we'll walk you through an example.
send new screenshots to google chat
Let's say you have a recurring screenshot setup in PagePixels, and you'd like new screenshots for that configuration to automatically appear in your Google Chat space.
To accomplish this, you can use the Trigger app event "New Screenshots in PagePixels Screenshots" and the Action app event "Create Message in Google Chat", as detailed below.
REQUIREMENTS
An existing screenshot configuration in your PagePixels account
Select "Create Message" from the "Event" dropdown menu, and click the "Continue" button.
10
Choose or authenticate your app account.
Select which Google Chat account you'd like to use or authenticate a new account connection.
Then, click the "Continue" button.
11
Set up your Create Message action.
To create a Google Chat message, you'll need to complete the required fields (designated by an asterik *):
"Hangouts Chat Room"
"Message Title"
"Message Text"
For this example, we're also going to add input the non-required fields:
"Message Image URL"
"Action Button Text"
"Action Button URL"
The "Action Button URL" field is where we'll insert the new screenshot URL fetched during our Trigger event.
For more details on this step and why we chose to create our Google Chat message this way - see
our notes here.
12
Test action
Click the "Test Action" button
(Note, your test results may look different from the image above, depending on which fields you completed.)
After a successful Action test, you'll find a test message posted to the Google chat room (space) you specified.
13
Publish
After a successful Action test, click the "Publish" button.
Then, click "Publish" one more time in the "Ready to publish your Zap" modal window.
🎉 Your Zap is complete and activated. Now new screenshots for your configuration in PagePixels will automatically send to Google Chat.
📝 Notes
Because of limitations with Zapier's Google Chat app, it's currently not possible to create a Zap that displays the full screenshot image in a Google Chat message. Instead, you can either add a link to the screenshot image or create a button that links to the screenshot. Our example does the latter.
The "Message Image URL" field in the Google Chat action event displays an image at dimensions 24px width X 24px height (not ideal for most screenshot images). In our example, we use this field to display PagePixels' logo (via Google's favicon API), but please feel free to leave this field blank or use your own image.
Use the AI builder
Zapier recently introduced an
AI builder
that can auto-generate a Zap based on a text description.
For example, entering the prompt "If PagePixels generates a new screenshot, then upload that screenshot to Google Drive", produces the Zap:
Then, all you need to do is click the "Try it" button (top right), and finish setting up your Zap in the visual editor.
📝 Notes
Zapier's AI builder uses OpenAI technology under the hood (creator of ChatGPT).
If you're a ChatGPT subcriber, you can also create your Zaps directly in ChatGPT using
Zapier's ChatGPT plugin.
Both Zapier's AI builder and ChatGPT plugin are still in beta.
Zapier's AI builder can help you with other tasks, such as converting data.
Multi-Step Screenshots in Zapier
Use PagePixels Multi-Step feature to interact with websites before capturing a screenshot, so you can:
Fill out a password login form,
Perform a search,
Apply filters,
Navigate to another page,
And more.
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.
To access Multi-Step Screenshot functionality in Zapier, choose the Action
"Take a Screenshot"
or
"Create a Recurring Screenshot"
and look for the
"Multi-Step Actions"
field.
Multi-Step Actions
Here's a list of available browser actions (aka "Multi-Step Actions"), and the expected format for Zapier.
Suppose we want to create an Action in Zapier that does a Google search for “tardigrades” and takes a snapshot of the resulting page.
To create this screenshot, you can use the Action app event "Take a Screenshot in PagePixels Screenshots", and the following inputs in your Action's configuration:
Website URL
https://google.com
For Multi-Step screenshots, the “Website URL” is the starting point of our step sequence and where the first Multi-Step Action takes place.
The URL must include "https://" or "https://" and be publically available.
This action will input the text value "tardigrades" into the text field identified by a CSS selector ("textarea:first-of-type").
{"type": "submit"}
This action simulates pressing the "Enter" key to submit a form. In this case, it submits our search to Google.
📝 Notes
The left-side column under "Multi-Step Actions" you can leave as is. This column is only relevant to Zapier. It will not affect your screenshots or be reflected in your PagePixels account.
To add more Multi-Step Actions in Zapier, use the "+" button. To remove, use the "X" button.
The screenshot generated in this example uses the default settings for "Page Width" (1920px), "Page Height" (1000px), and "Wait Time to Capture Screenshot" (1500ms). You can change these settings in Zapier at anytime.
Zapier resources
Here are some resources for Zapier that may come in handy: