Beautiful OG Previews for Your Framer Site

Add dynamic OG images to every Framer page without leaving the editor. Paste one URL, done.

Try Imago API Free

No Code Option

Paste the URL directly in Framer's SEO settings for instant results.

Code Component

For CMS pages, use our TypeScript code component with dynamic titles.

Edge Cached

Fast worldwide delivery with our global edge network.

Easy Integration

Two simple ways to add OG images to your Framer site:

// Option 1: In Framer Page Settings > SEO > Open Graph Image URL:
https://imagoapi.com/api/og/generate?title=YOUR+PAGE+TITLE&template=modern&api_key=YOUR_KEY

// Option 2: Framer Code Component (TypeScript):
import { addPropertyControls, ControlType } from "framer"
export function OGImageMeta({ title }: { title: string }) {
  const ogUrl = `https://imagoapi.com/api/og/generate?title=${encodeURIComponent(title)}&template=modern&api_key=YOUR_KEY`;
  return <meta property="og:image" content={ogUrl} />;
}

Ready to Boost Your Social Previews?

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

Start Generating Now