Zapier (rhymes with “happier”) is a no-code integration platform for automating workflows and moving data around multiple web applications.
Automations in Zapier are called
and operate on an
"if this, then that"
model of automation. In this model,
an event happens in one app
Zapier fetches data about that event to complete an action in a different app.
a new screenshot appears in your PagePixels' account,
upload that new screenshot to your Google Drive.
Select "Create Message" from the "Event" dropdown menu, and click the "Continue" button.
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.
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"
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.
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.
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.
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
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.
Zapier's AI builder uses OpenAI technology under the hood (creator of ChatGPT).
This action will input the text value "tardigrades" into the text field identified by a CSS selector ("textarea:first-of-type").
This action simulates pressing the "Enter" key to submit a form. In this case, it submits our search to Google.
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.
Here are some resources for Zapier that may come in handy: