Notion

Embed live screenshots in Notion

Keep Notion pages enriched with up-to-date website screenshots

Automatically capture website screenshots and embed them in your Notion pages and databases. Perfect for competitive research wikis, design archives, and project documentation that stays visually current.

How it works

Connect in 4 steps

1

Set up the Notion API

Create a Notion integration and connect it to your workspace.

2

Capture a screenshot

Call the Allscreenshots API with the URL you want to capture.

3

Update the Notion page

Use the Notion API to embed the screenshot URL as an image block or file property.

4

Automate with a scheduler

Run the script on a schedule or trigger it via Zapier/Make for hands-free updates.

</> Code

Notion + Allscreenshots Script

javascript
1import { Client } from '@notionhq/client';
2
3const notion = new Client({ auth: process.env.NOTION_TOKEN });
4const API_KEY = process.env.SCREENSHOT_API_KEY;
5
6async function captureAndEmbed(pageId, url) {
7  // Capture screenshot
8  const response = await fetch(
9    'https://api.allscreenshots.com/v1/screenshots',
10    {
11      method: 'POST',
12      headers: {
13        'X-API-Key': API_KEY,
14        'Content-Type': 'application/json',
15      },
16      body: JSON.stringify({ url, fullPage: true, responseType: 'url' }),
17    }
18  );
19  const { storageUrl } = await response.json();
20
21  // Embed in Notion page
22  await notion.blocks.children.append({
23    block_id: pageId,
24    children: [
25      {
26        type: 'image',
27        image: {
28          type: 'external',
29          external: { url: storageUrl },
30          caption: [{ text: { content: `Screenshot of ${url}` } }],
31        },
32      },
33    ],
34  });
35}
Where screenshots land

Two places to put a capture

Image block on a page

Append an external image block (the script above) to embed the screenshot inline in any Notion page or wiki entry.

Files & media property

In a database, set a Files & Media property to the hosted storageUrl so every row carries its own screenshot.

What you can build

Ideas to start from

Competitive research wiki

Keep a page per competitor with a current screenshot of their homepage, pricing, and key landing pages.

Design review board

Capture each page under review and embed it next to notes and feedback.

Content audit database

Add a screenshot column to a content database so the team sees each page without leaving Notion.

Why Allscreenshots

Built for Notion

Visual documentation

Enrich Notion wikis with real screenshots instead of plain links. See what the page looks like at a glance.

Database integration

Add screenshot columns to Notion databases for competitor tracking, design reviews, or content audits.

Always current

Schedule captures to keep screenshots in Notion up to date as websites change.

FAQ

Frequently asked questions

Yes. Capture with responseType "url", then use the Notion API to set a Files & Media property on the page to the returned storageUrl.

Ready to integrate with Notion?

Start with 100 free screenshots every month. No credit card required.