Capture Website Screenshots via Google Sheets to Google Drive with CustomJS

Description

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

Google Sheets Trigger

Monitors a specified sheet for new rows.
Extracts the URL and Title from the row.

Website Screenshot Node

Uses CustomJS PDF Toolkit to take a screenshot of the given URL.

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.