Better OG Images for Your Notion-Powered Site

Whether you use Super.so, Potion, or the Notion API — add professional OG images to every Notion page.

Try Imago API Free

Notion API

Server-side fetch using the official Notion SDK to get page titles dynamically.

Super.so

Code injection support for Super.so sites using Notion as a CMS.

Any Framework

Works with Next.js, Nuxt, Astro, and other modern frameworks.

Server-Side Integration

Use Node.js to generate dynamic OG images from Notion pages:

// Using the Notion API to get page title and generate OG image:
const { Client } = require('@notionhq/client');
const notion = new Client({ auth: process.env.NOTION_KEY });

async function getOgImageUrl(pageId) {
  const page = await notion.pages.retrieve({ page_id: pageId });
  const title = page.properties.Name?.title?.[0]?.plain_text ?? 'My Page';
  return `https://imagoapi.com/api/og/generate?title=${encodeURIComponent(title)}&template=modern&api_key=${process.env.IMAGO_API_KEY}`;
}

// For Super.so: paste in Site Settings > Custom Code > Head
// For Potion: paste in Settings > Head Code

Ready to Boost Your Social Previews?

Generate beautiful, dynamic OG images for your Notion site in minutes.

Start Generating Now