Skip to main content

Embed Widgets

Embed your items, projects, and tip button on any external website. Each embed is a self-contained HTML page in an <iframe> – no JavaScript includes, no tracking, no dependencies on your end.

Available Embeds

Item Button

A compact purchase button showing the item title, price, and cover image.

<iframe src="https://makenot.work/embed/i/ITEM_ID/button"
        width="300" height="80"
        frameborder="0"></iframe>

Item Card

A richer card with cover image, title, creator name, description excerpt, and purchase button.

Cover Image
Midnight Frequencies
by Neon Cascade
A six-track ambient journey through late-night radio static and distant signals.
$8.00

Available in two layouts:

Vertical (default, 350px wide):

<iframe src="https://makenot.work/embed/i/ITEM_ID/card"
        width="350" height="400"
        frameborder="0"></iframe>

Horizontal (600px wide, image on left):

<iframe src="https://makenot.work/embed/i/ITEM_ID/card?layout=horizontal"
        width="600" height="200"
        frameborder="0"></iframe>

Audio Player

A playable audio preview with cover art, title, play/pause controls, and progress bar. Audio items only.

<iframe src="https://makenot.work/embed/i/ITEM_ID/player"
        width="400" height="120"
        frameborder="0"></iframe>

Project Card

A card showing the project cover, title, creator name, item count, category, and description excerpt.

<iframe src="https://makenot.work/embed/p/PROJECT_SLUG/card"
        width="350" height="400"
        frameborder="0"></iframe>

Tip Button

A button with the creator’s avatar and a “Support @username” label.

<iframe src="https://makenot.work/embed/u/USERNAME/tip"
        width="300" height="80"
        frameborder="0"></iframe>

Finding the Embed Code

From the item dashboard, open the Embed tab for copy-paste-ready embed codes.

How Embeds Work

Each embed is a complete HTML document with inline CSS and JavaScript. No external scripts, no cookies, no tracking. Embeds are cached for 5 minutes.

All embeds set permissive framing headers (X-Frame-Options: ALLOWALL, Content-Security-Policy: frame-ancestors *) so they work on any domain.

What’s Shown

Embeds only display public items from active accounts. All text is HTML-escaped.

See Also