AI
Pass

How to Embed a Free AI Image Editor on Your Website (No Code)

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

If you run a blog, a portfolio, an Etsy store, or a tutorial site, you've probably wished you could give visitors a real image editor right on the page — without sending them off to another tab.

You can. AI Pass Canvas ships with a built-in embed mode, and dropping it onto your site takes about thirty seconds.

What it looks like once embedded

Visitors get the full Canvas experience inside your page: drag-drop an image, generate, restyle, cutout, inpaint, upscale, export. Your visitors don't need to leave your site, and you don't need to write a single line of JavaScript.

How to grab the embed code

  1. Open AI Pass Canvas
  2. Look at the bottom-right corner — there's a small floating </> button (purple)
  3. Click it. A modal pops up with the iframe code already filled in
  4. Hit Copy Code
  5. Paste it into your site's HTML

That's the whole flow. The iframe code looks like this:

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

Where to paste it

  • Plain HTML/static site: paste it inside any <div> where you want the editor to appear
  • WordPress: switch to the HTML/Code block (not Visual), paste the iframe in
  • Webflow: drop a "HTML Embed" element on the page, paste the iframe
  • Ghost: use the "HTML" card and paste
  • Notion: paste the URL into a /embed block (Notion handles iframes natively)
  • Substack / Medium: not supported (they sandbox embeds tightly) — link out instead

What it costs you

Nothing. Embedding is free. Visitors who use the AI features (generate, restyle, etc.) sign in with their own AI Pass account and use their own $1 of free signup credit. The AI compute bills the visitor's account, not yours.

For free actions — crop, paste, cutout (basic tier), layer manipulation — visitors don't even need to sign in.

Why this is unusual

Most "free AI image editor" tools either don't allow embedding at all, or only allow it on a paid tier. AI Pass keeps embedding free because the per-edit pricing model ($0.02–$0.13 per AI op) means every visitor who creates an account is a potential paying user. The embed is a discovery channel, not a feature gate.

Real ways people are using it

  • A photography blog embeds Canvas in a "Try the technique" sidebar — readers can practice the cutout / restyle they just read about
  • An Etsy product page embeds Canvas so buyers can preview a custom-color version of the product before ordering
  • A design tutorial site embeds it on lesson pages so students don't need to switch tools
  • A SaaS landing page embeds it as an interactive demo of "what AI image editing actually feels like"

The mobile caveat

The embed button itself only shows on desktop (mobile screens hide it to save space). The iframe still works on mobile when embedded — visitors on phones get a slightly cramped but functional Canvas inside your site.

Try it

Open Canvas, click the </> button bottom-right, copy the snippet, and paste it into a test page. You'll see it working in your browser within a minute.

Related Apps

canvas