Skip to main content

Capture website screenshots via Google Sheets to Google Drive with CustomJS

Workflow preview

Workflow preview
100%
Capture website screenshots via Google Sheets to Google Drive with CustomJS preview
Open on n8n.io

Important notice

This workflow is provided as-is. Please review and test before using in production.

1. Workflow Overview

n8n Workflow: Automating Website Screenshots from Google Sheets This n8n workflow captures screenshots of websites listed in a Google Sheet and saves them to Google Dri...

Best for

  • File Management automation workflows
  • beginner n8n builders looking for reusable templates

Tools used

n8n-nodes-base.googlesheetstrigger, @custom-js/n8n-nodes-pdf-toolkit.websitescreenshot, n8n-nodes-base.googledrive

Source and attribution

This workflow is cataloged by N8N Workflows and links back to its original n8n.io source page by CustomJS.

Original n8n.io source

1.1 Workflow description

Title
Capture website screenshots via Google Sheets to Google Drive with CustomJS
Workflow name
Capture website screenshots via Google Sheets to Google Drive with CustomJS

n8n Workflow: Automating Website Screenshots from Google Sheets

This n8n workflow captures screenshots of websites listed in a Google Sheet and saves them to Google Drive using the CustomJS PDF Toolkit.

@custom-js/n8n-nodes-pdf-toolkit

Features

  • Monitors a Google Sheet for new rows with website URLs.
  • Captures screenshots of the websites using the CustomJS PDF Toolkit.
  • Uploads the screenshots to a specified Google Drive folder.

Notice

Community nodes can only be installed on self-hosted instances of n8n.

Requirements

  • Self-hosted n8n instance
  • A Google Sheets document containing website URLs and Titles.
  • A Google Drive folder to store the screenshots.
  • A CustomJS API key for website screenshots.
  • n8n credentials for Google Sheets and Google Drive.

Workflow Steps

  1. Google Sheets Trigger

    • Monitors a specified sheet for new rows.
    • Extracts the URL and Title from the row.
  2. Website Screenshot Node

    • Uses CustomJS PDF Toolkit to take a screenshot of the given URL.
  3. Google Drive Upload

    • Saves the screenshot to a specific Google Drive folder.
    • Uses the Title column as the filename.

Setup Guide

1. Connect Google Sheets

  • Ensure your Google Sheet has a column named Url for website URLs and Name for website names.
  • Set up Google Sheets credentials in n8n.

2. Configure CustomJS API

  • Sign up at CustomJS.
  • Retrieve your API key from the profile page.
  • Add your API key as n8n credentials.

3. Set Up Google Drive

  • Create a folder in Google Drive to store screenshots.
  • Copy the folder ID and set it in the Google Drive node in n8n.

Perfect for:

  • Website monitoring
  • Generating visual archives of web pages
  • Automating content curation

This workflow streamlines the process of capturing and organizing website screenshots efficiently.

1.2 Logical Blocks

This catalog entry is organized from the workflow JSON. The node-level section below shows the executable blocks available for review before importing the template.

2. Block-by-Block Analysis

Block 1 - Google Sheets Trigger

Type / Role
n8n-nodes-base.googleSheetsTrigger - googleSheetsTrigger
Config choices
Version 1

Block 2 - Take a screenshot of a website

Type / Role
@custom-js/n8n-nodes-pdf-toolkit.websiteScreenshot - websiteScreenshot
Config choices
Version 1

Block 3 - Store Screenshots

Type / Role
n8n-nodes-base.googleDrive - googleDrive
Config choices
Version 3

3. Summary Table

Workflow Capture website screenshots via Google Sheets to Google Drive with CustomJS
Complexity beginner
Nodes 3
Categories File Management
Author CustomJS
Published 26 Mar 2025

4. Reproducing the Workflow from Scratch

  1. 1. Download the workflow JSON

    Use the JSON export at /data/workflows/3332/3332.json as the source template for this automation.

  2. 2. Import the template into n8n

    Open n8n, import the downloaded JSON, and review each node before activating the workflow.

  3. 3. Configure credentials and variables

    Replace placeholder credentials, API keys, webhook URLs, account IDs, and environment-specific values with your own settings.

  4. 4. Test with sample data

    Run the workflow manually or in a staging workspace, inspect node output, and confirm downstream systems receive the expected data.

  5. 5. Activate and monitor

    Enable the workflow only after testing, then monitor executions, errors, and rate limits during the first production runs.

5. General Notes & Resources

Review imported nodes carefully before activation. This catalog entry is intended to help you inspect the workflow structure, understand required services, and find related templates faster.

Node names, credentials, schedules, webhook paths, and external service limits may need adjustment for your workspace.

Frequently asked questions

What does Capture website screenshots via Google Sheets to Google Drive with CustomJS do?

n8n Workflow: Automating Website Screenshots from Google Sheets This n8n workflow captures screenshots of websites listed in a Google Sheet and saves them to Google Dri...

What do I need before importing this workflow?

Review the workflow JSON, configure any required credentials in n8n, and test the automation in a safe workspace before using it in production.

Can I customize this workflow?

Yes. Use the block-by-block analysis and the downloadable JSON to inspect each node, then adjust credentials, prompts, schedules, filters, or destinations for your File Management use case.