EMBED INFRASTRUCTURE

Real Embeds. Zero React.

One script tag. Data attributes. Works on any HTML page — WordPress, Squarespace, a random .html file. No build step. No frameworks. The widget renders itself.

// Just add this to any page:
<script src="/mint/widget.js"></script>
// PRODUCT CARD

Clean Theme

Light background, green accent. Good for standard e-commerce.

<div data-mint-widget="product" data-theme="clean"
     data-title="Agent Hoodie" data-price="49.99" data-tag="NEW"></div>
// PRODUCT CARD

Dark Theme

Lime accent on dark. Mint's native palette.

<div data-mint-widget="product" data-theme="dark"
     data-title="CLI Sticker Pack" data-price="8.50"></div>
// PRODUCT CARD

Glitch Theme

Corrupted aesthetic. Generative SVG art. Purchase flow with mock transaction hash.

<div data-mint-widget="product" data-theme="glitch"
     data-title="kernel_panic" data-price="0.42"
     data-edition="1/1" data-artist="glitch"></div>
// TIP JAR

Dark Tip Jar

Preset amounts, custom input, sparkle animation, session total. Lime-green palette.

<div data-mint-widget="tipjar" data-theme="dark"></div>
// TIP JAR

Clean Tip Jar

Light variant for clean, light-themed sites.

<div data-mint-widget="tipjar" data-theme="clean"></div>
// TIP JAR

Glitch Tip Jar

Fuchsia corruption. Monospace. Sharp edges.

<div data-mint-widget="tipjar" data-theme="glitch"></div>
// HOW IT WORKS

Embed Anywhere in 3 Steps

01
Add the script

One script tag in your HTML. Loads async, no blocking. 7KB gzipped.

02
Place widget divs

Add a div with data-mint-widget and data attributes. Widget renders in Shadow DOM — zero style conflicts.

03
Done

No build. No dependencies. No config files. The widget handles everything.

Back to Mint Commerce