🔥 Google Sheets integration is live! Learn more

How to Create Full-Page Screenshots in Airtable using Urlbox

Apr 28, 2022Rosie Threlfall

In this guide, we'll create full-page screenshots in Airtable using Urlbox. We'll use the Data Fetcher Airtable app along with Urlbox to create these screenshots as attachment files in Airtable. This tutorial is 100% no-code!

Set up Screenshots Table

Create a table called 'Screenshots'.

Create a field called 'URL' and add the URLs you want to screenshot.

Create a field called 'Screenshot' with type 'Attachment'.

screenshots-table.png

Create a new Grid view called 'Needs screenshot' with the following filters:

  • The 'URL' field is not empty.
  • The 'Screenshot' field is empty.
screenshots Needs screenshot.png

Install Data Fetcher

Install Data Fetcher from the Airtable app marketplace. After the app launches, sign up for a free Data Fetcher account by entering a password and clicking 'Sign up for free'. If you already have a Data Fetcher account, sign in using the 'Have an account?' button at the bottom left of the box.

Group 1Data Fetcher Sign Up .png

Create and Import Full-Page Screenshots from URLs in Airtable

On the home screen of the Data Fetcher app, click 'Create your first request'. Requests in Data Fetcher are how you import data to or send data from your Airtable base.

click-create-your-first-request.png

On the create request screen in Data Fetcher, for Application, select 'Urlbox'.

urlbox-application.png

For Authorization you need to copy and paste your API key from Urlbox. This means Data Fetcher can import the screenshots from your Urlbox account into Airtable. You can sign up for a free 7 day trial or a paid plan of Urlbox here. If you already have a Urlbox account, you can find your API key on your dashboard.

authorize Urlbox and Airtable to connect

For Endpoint, select 'Create screenshots from URLs'

urlbox-create-screenshots-endpoint.png

Enter a Name for your request, e.g. 'Import Screenshots'. Then click 'Save & Continue'.

import-screenshots-to-airtable.png

For URL, we want to insert a reference to the values in our 'URL' Airtable field. First, click the + button.

microlink-url-add-icon.png

On the modal that opens, select 'URL' for Field. Then select 'Needs screenshot' for Run for every record in view. Then click 'Confirm'.

microlink-url-reference-modal.png

URL should now contain a reference to the table.

microlink-url-reference.png

For Format choose the file type you would like to import (PNG, SVG, JPEG etc.)

urlbox-image-format.png

Under More options for this Urlbox endpoint, scroll down through the different options and enable 'Scroll full-page' to capture the full-page height of the URL as a screenshot. You can also set 'Scroll horizontally to capture full width' to capture a full width screenshot.

set urlbox image width to import to Airtable

Make sure the Output Table & View is set to 'Screenshots' and 'Needs screenshot'.

microlink-output-table-view.png

Click 'Save & Run'.

urlbox-to-airtable-import-options.png

The request will run and the Response field mapping modal will open. This is where you set how the fields from Urlbox should map to the fields in the output table. Make sure the 'Screenshot' field is mapped to our existing 'Screenshot' field. Then click 'Save & Run'.

urlbox map fields to airtable to import screenshots

Data Fetcher will then run the request for every record in 'Needs screenshot' and convert the URLs to screenshots in Airtable.

microlink-screenshot-output-data.png

Create Screenshots from URLs on a Schedule

At the moment, we have to manually run the request to create the screenshots. We can use Data Fetcher's scheduled requests feature to automatically create them every 15 minutes/ hour/ day etc.

In Data Fetcher, scroll to Schedule and click 'Upgrade'.

table-1-schedule-upgrade-button.png

A new tab will open where you can select a plan and enter your payment details to upgrade.

Screenshot 2021-12-29 at 10.25.19.png

Return to the Data Fetcher app and click 'I've done this'.

table-1-schedule-ive-done-this-button.png

Click 'Add API key' in order to add your Airtable API key. You can find your Airtable API key here.

Group 11(1).png

Enter your Airtable API key and click 'Save'.

save-airtable-api-key.png

Enable Schedule this request.

schedule-data-fetcher-request.png

Select how often you want the request to run, e.g. 'Every 15 mins'. Click 'Save' The request will now run and create the full-page screenshots from your chosen URLs automatically on a schedule.

Group 11(2).png

Related Posts

Get Screenshots of LinkedIn Pages in Airtable

Get Screenshots of LinkedIn Pages in Airtable

Feb 6, 2022

Andy Cloke

LinkedInScreenshot
How to Get Screenshots from URLs in Airtable

How to Get Screenshots from URLs in Airtable

May 10, 2021

Andy Cloke

microlinkScreenshot