Widget Configurator

Choose a widget, customize it, get embed code. Paste into any site — no frameworks, no dependencies. It just works.

Widget Type

Theme

Corner Radius

Product Card Settings

Product NamePriceBadgeButton TextSize

Live Preview

Product Name

$0.00

Embed Code

<div style="font-family:'Inter',system-ui,sans-serif;background:#0a0a0a;border:1px solid #1e293b;border-radius:12px;padding:1.5rem;width:280px;transition:all .25s ease;box-shadow:0 2px 8px rgba(0,0,0,.15)">
  <div style="width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#84cc1615,#84cc1608);border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden">
    <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="#84cc16" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
  </div>
  <div style="color:#e2e8f0;font-size:1rem;font-weight:600;margin-bottom:.25rem">Product Name</div>
  <div style="color:#94a3b8;font-size:.85rem;margin-bottom:1rem">$0.00</div>
  <button style="width:100%;padding:.65rem;background:#84cc1618;color:#84cc16;border:1px solid #84cc1644;border-radius:8px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:all .2s">Add to Cart</button>
</div>

Paste this HTML into any website. No dependencies, no JavaScript frameworks required. The widget is fully self-contained.

What happens next?

1Paste the embed code into your site

2Connect Stripe to accept real payments

3Track views, clicks, and revenue in your dashboard

4Edit your widget anytime — hosted embeds update instantly

Integration Guide Open Dashboard