Docs / Embeds
Embed prompts on your site
Every published, public prompt has a tiny iframe-friendly card at /embed/<slug>. Drop it onto a blog post, a portfolio piece, or a landing page in one line.
The snippet
On any prompt detail page (e.g. browse the gallery), scroll to the bottom and copy the snippet. It looks like this:
<iframe
src="https://artinstring.com/embed/<slug>"
width="100%"
height="420"
loading="lazy"
style="border:0;border-radius:16px;"
title="A prompt title · Artinstring">
</iframe>What visitors see
Hero image, prompt title, modality, short description, and a Run on Artinstring button that opens the full runner in a new tab. No chrome, no header, no footer. Visitors run with their own Artinstring account — quota and tier rules apply to the visitor, not the site that embedded it.
Sizing
The default 420px tall fits most prompts comfortably with a 16:9 hero. If your prompt has no hero image, 320px is enough. Use width="100%" and a fixed height; the card scales gracefully down to ~280px wide.
Security
Embed pages are served with Content-Security-Policy: frame-ancestors * so any origin can frame them. Other Artinstring routes still send X-Frame-Options: DENY.
Embed pages are noindex — they show up only when an embedding site loads them, never in search results.
Coming for Studio
- Custom branding (your logo, your colors)
- Hide the "Powered by Artinstring" footer
- postMessage handshake for in-iframe runs
- Token-scoped runs that bill the embedding Studio user