AI
Pass

Embed an AI Image Generator on Your Site in 30 Seconds

Eiliya · May 3, 2026 · 2 min read · tutorials

If you write tutorials about prompt-engineering, run an AI-themed newsletter, or just want a real "try it on this page" feature for your visitors, you can drop a full AI image generator into your site in about thirty seconds.

AI Pass Image Studio supports iframe embedding out of the box. Visitors get the full app — Generate, Edit, Upscale, Remove BG, Relight tabs, all the latest models — without leaving your page.

The 30-second flow

  1. Open AI Pass Image Studio on desktop
  2. Find the </> button in the bottom-right corner
  3. Click it → modal opens with the iframe code
  4. Hit Copy Code
  5. Paste into your site

Here's what you'll be pasting:

<iframe src="https://aipass.one/apps/image-studio"
        width="100%"
        height="600"
        frameborder="0"
        allow="clipboard-write"></iframe>

What models the embed gives visitors

Same as the standalone app — the embed isn't a stripped-down version. Visitors can pick:

  • Nano Banana 2 (Gemini 3.1 Flash Image) — $0.067 / image, the new default
  • Nano Banana Pro (Gemini 3 Pro Image) — $0.134, premium quality
  • GPT Image 2 — OpenAI's latest, multi-image edits
  • Imagen 4 Ultra, Flux Pro Ultra, Seedream 3, Recraft 3, and a few more

For Edit (Image Edit 2), the same Multi-Image dropdown is available inside the iframe.

Who pays for the AI

Visitors. Each visitor signs in with their own AI Pass account and uses their own $1 free signup credit. You don't pay anything. There's no API key, no token, no rate limit on your end.

The embed effectively turns AI Pass into a "free image generator" hosted inside your page. Your visitors get the credit; you get the engagement.

When you'd use this

  • AI-focused blogs and newsletters: embed on tutorial pages so readers can try prompts as they read
  • Educational sites: drop it into "Lesson 1: Prompt Engineering" so students see results live
  • Marketing landing pages: an interactive demo beats a screenshot every time
  • Internal tools at companies: paste it into a Notion page or wiki so the team can quickly generate visuals

Sizing tips

The default height="600" works for most generate flows. If your page has room and you want all the controls visible without scrolling, bump it to 800. On mobile, browsers usually scroll the inner content correctly even at 600px.

For full-screen embeds (e.g. a dedicated /try page on your site), you can use:

<iframe src="https://aipass.one/apps/image-studio"
        style="width:100%; height:100vh; border:0;"
        allow="clipboard-write"></iframe>

What about on a $0 budget?

Embedding is free. AI Pass doesn't charge per impression, per render, or per visitor. The economic model is: visitors who pay (top up their account) cover the model costs. Embeds are a top-of-funnel discovery channel.

Try it

Grab the iframe from Image Studio's bottom-right </> button and paste it into a test page. You'll be done before your coffee gets cold.

Related Apps

image-studio