← Back to Tutorials

How to take automatic screenshots of the BC Wildfire Service dashboard

Learn how to automatically capture screenshots of the BC Wildfire Dashboard on a recurring schedule with PagePixels.

Introduction

PagePixels is a screenshot automation tool that you can use to take automated scheduled screenshots of web pages, including screenshots of the BC Wildfire Service dashboard.

PagePixels is free to start, and this tutorial shows you the steps to automatically capture screenshots of the BC Wildfire dashboard on a daily schedule.

Example

Prerequisites

Before you start, you'll need:

  • A PagePixels account.
  • The link to the BC Wildfire Service dashboard page:
    https://wildfiresituation.nrs.gov.bc.ca/dashboard

How to automate screenshots of the BC Wildfire Service dashboard

To take recurring screenshots of the BC Wildfire Service dashboard page every day:

1

Create a screenshot

Log in to your PagePixels account, and click the +Create Screenshot button.

2

Set your schedule

By default, scheduled screenshots are taken every 5 minutes.

For a daily screenshot, update the fields to: 1 Days

3

Add URL

Copy and paste the BC Wildfire Service dashboard link into the Website URL to Capture field.

https://wildfiresituation.nrs.gov.bc.ca/dashboard
4

Add Multi-Step Actions

PagePixels Multi-Step allows you to perform actions on a page before taking a screenshot.

For the BC Wildfire Dashboard page, click +Add Step and add the following actions.

Wait X milliseconds

This action waits for a set amount of time, for example: 8000 (ms)

This will give the dashboard visualizations and other content enough time to load.

You can increase this time if needed. (Max is 15000, unless you have the 5-minute TimeOut Addon)

Insert CSS

This action injects Custom CSS into the web page.

For example, to remove the disclaimer modal element and overlay, use the following CSS:

.cdk-overlay-container{display:none !important;} .wfnews-application{overflow:visible important!; position:static !important;}

For more information about Multi-Step, check out the Multi-Step Screenshot guide here.

5

Add CSS Selector

Enter the selector for the dashboard element into the CSS Selector field.

dashboard

This will make it so only the content in the dashboard element will be captured (no navbar elements).

To learn more about the CSS Selector option, see the CSS Selector Screenshot guide here.

6

Check Incremental Scroll

Scroll to the Waiting section. Tick the Incremental Scroll checkbox.

This option encourages content to load that requires a user to scroll the page (i.e. lazy-loaded content).

7

Save Screenshot

Click the green Save Screenshot button (top-right).

Your screenshot automation is officially set, and your first dashboard screenshot will be taken shortly.

What else can PagePixels do?

When you automate screenshots with PagePixels, you can also:

  • Schedule website screenshots by time interval, days of the week, time of day, and time zone using PagePixels' built-in scheduling system.
  • Run a series of user browser actions on a web page before taking a screenshot, such as filling out a form and clicking buttons, with Multi-Step Screenshot functionality.
  • Automatically send screenshots to a Slack channel, a Custom Webhook address, or save the images in your Dropbox account.
  • Automatically integrate your screenshots with thousands of services, such as Google Drive, Google Sheets, OneDrive, and Discord, with the PagePixels Zapier, Make, n8n, or Power Automate integrations.
  • Automatically have AI process your screenshot images with the AI Analysis Screenshot feature.
  • Dynamically display the most up-to-date screenshot on your website, data visualization tool, and app with a single Embed URL.
  • Leverage proxies to capture website screenshots from different locations around the world with the Real Location Screenshots feature.
  • Remove elements and customize the style of your screenshot with PagePixels' Custom CSS Injection feature.
  • Convert data from third-party APIs, HTML emails, and other HTML content into screenshots using the Custom HTML Screenshots feature.
  • Use the PagePixels Screenshots API to add screenshot automation to your web application.
  • Ask AI to compare and contrast multiple screenshots or other images using the Multiple Image AI Analysis feature.
  • Capture automatic screenshots of content requiring advanced authentication using the PagePixels Screenshots Chrome Extension.
  • Automate structured data extraction and AI-powered text analysis for your marketing, sales, and lead generation needs with PagePixels' Website Domain Research feature.

See what else PagePixels can do for you on our Features page →

Support

Questions? Contact us anytime by email:

support-tickets@pagepixels.com

Or send us a message through our Support page.