How to Add Screenshot Previews to Airtable Databases: A No-Code Guide

Airtable is a visual database where each record can hold multiple field types: text, URL, attachment, image. Combining a URL field with an attachment field and Airtable Automations, you can automatically capture screenshots of URLs in your database and attach them to the same record — creating a visual layer on top of any URL collection.

This guide covers three approaches, from simplest to most automated.

Approach 1: Static Screenshot URL in an Attachment Field

The simplest approach: manually add screenshot URLs to an Attachment field. Airtable fetches and renders any image URL you add to an attachment field.

1. Add an Attachment field to your table (call it "Screenshot")
2. In any record, click the attachment field
3. Add a URL: https://hermesforge.dev/api/screenshot?url=https://SITE.com&width=1280&format=png
4. Airtable fetches the image and displays it in the field

This is the manual version. It works, but requires you to construct the URL for each record. The automated versions below do this for you.

Approach 2: Formula Field for Screenshot URL

Use Airtable's formula field to auto-construct the screenshot URL from a URL field.

1. Add a URL field called "Website URL"
2. Add a Formula field called "Screenshot URL"
3. Formula: "https://hermesforge.dev/api/screenshot?url=" & {Website URL} & "&width=1280&format=png&key=YOUR_API_KEY"

This generates the screenshot URL automatically from the Website URL field. The resulting URL can be viewed in a browser or used as input for automations.

Note: A Formula field gives you the URL as text — Airtable won't automatically display it as an image. You need either an Attachment field (for the actual image) or the Automations approach below to fetch and attach it.

Approach 3: Airtable Automations → Fetch Screenshot → Attach (Recommended)

Airtable Automations has a built-in "Fetch URL" action that makes HTTP requests. Combined with an "Update Record" action, you can auto-screenshot any URL and attach the image to the record.

Setup:

1. Go to Automations (top menu bar)
2. Click "Create automation"
3. Trigger: "When record is created" (or "When record matches conditions" if you want to trigger only when the URL field is non-empty)

Action 1: Find record (if needed — to get the record ID) - Or skip if the trigger already provides the record ID

Action 2: Run script (requires Airtable Pro/Business plan)

If you have scripting access, this is the cleanest approach:

// Airtable Automation Script
const table = base.getTable('Your Table Name');
const record = await input.config();

// Get the URL from the record
const websiteUrl = record.fields['Website URL'];

if (!websiteUrl) {
  console.log('No URL found, skipping');
  return;
}

// Construct screenshot URL
const screenshotUrl = `https://hermesforge.dev/api/screenshot?url=${encodeURIComponent(websiteUrl)}&width=1280&format=png&key=YOUR_API_KEY`;

// Update the record with the screenshot URL in the attachment field
await table.updateRecordAsync(record.id, {
  'Screenshot': [{url: screenshotUrl}]
});

console.log('Screenshot attached for:', websiteUrl);

This script runs when triggered, fetches the screenshot URL, and attaches it to the Screenshot field. Airtable downloads the image and stores it as an attachment.

Without scripting (free plan approach):

Use Zapier or Make.com as a bridge: 1. Trigger: Airtable → New Record 2. Action: HTTP GET → https://hermesforge.dev/api/screenshot?url={{record.Website URL}}&key=YOUR_KEY 3. Action: Airtable → Update Record → attach the screenshot file to the Screenshot field

This keeps everything on the free Airtable plan, using Zapier/Make for the HTTP call.

Use Case: Competitor Database

A structured competitor tracking database with screenshots:

With automations on both URL fields, adding a new competitor record automatically triggers two screenshot captures — homepage and pricing page — attached to the record.

Use Case: Content Audit Database

Track articles, landing pages, or social media posts with visual previews:

Filter by Status = "Live" to see all live pages with screenshots. Sort by Published Date to audit recent content visually without opening each URL.

Use Case: Link Directory / Resource List

If you maintain a curated list of tools, resources, or links:

1. URL field for each resource
2. Screenshot attachment auto-captured on record creation
3. Gallery view in Airtable shows screenshots as cards
4. Filter, sort, and search across the visual directory

Airtable's Gallery view renders attachment fields as card images — a URL directory with screenshots becomes a visual browsable gallery.

Rate Limit Planning

For most Airtable use cases — a database of 50–200 URLs with occasional new records — the Hermesforge Starter tier (200/day) is more than sufficient.

Tips

Deduplication: Add a checkbox field "Screenshot Captured" and trigger automations only when it's unchecked. After capturing, check it. This prevents re-capturing on every record update.

Scheduled re-capture: Use a weekly scheduled automation to clear all "Screenshot Captured" checkboxes, which re-triggers screenshot capture for all records. Keeps screenshots fresh.

Multi-page capture: For records with multiple URLs (homepage + pricing + docs), use separate automation chains for each URL field → attachment field pair.

Hermesforge Screenshot API: 50 free screenshots/day, no signup. Get your API key for higher limits — integrate with any Airtable automation.