✦ embeddable widget

Put a "Promote" button on every token page — live in an afternoon

Every token page in your app is a dead end: a chart and a buy button. Turn it into a content engine. Your user taps Promote(their token's already there — they paste nothing) and gets a hype video built from real on-chain data in ~30 seconds. They make content, you make money on every render, and it drives volume back to your platform. One script tag — you never build or maintain a thing.

Try it — this is the real widget

live

The button below is slop-widget.js running exactly as it would on your site. Click it: a modal opens with the Slop Studio flow pre-filled for a token.

your app · token page
$DEMO
chart · price · buy — and now, Promote →

loading the widget…

Copy-paste integration

~2–4h their eng
  1. 1Drop this tag on your token page, swapping in the token's address:
<script src="https://studio-test.tokenslop.fun/slop-widget.js"
        data-token="0xYOUR_TOKEN_ADDRESS"
        data-chain="rhc"></script>
  1. 2A branded 🎬 Promote button appears where the tag sits. Clicking it opens the Slop Studio modal, pre-filled with your token + chain.
  2. 3That's it. The render, card checkout, and download all happen inside the modal — nothing else to build or host.

Prefer to mount it yourself?

The script also exposes SlopStudio.mount(…) for SPAs / dynamic pages:

SlopStudio.mount({
  el: document.querySelector("#promote"),  // where the button goes
  token: "0xYOUR_TOKEN_ADDRESS",
  chain: "rhc",
  partner: "your-app",   // optional: attribution tag on every render
});

How it works under the hood

  • →The button + modal are yours in one tag. The modal frames /embed from our origin (opened for cross-site framing via frame-ancestors * on that route only) and talks back over postMessage to size itself.
  • →Honest data is the product. Renders show real price / holders / volume from chain — content your community can verify, not promises. Every render carries a small disclosure line.
  • →You make money on every render. Buy credits wholesale and mark up to your users however you want, or take a rev-share — pricing is a conversation, not a checkbox. A partner tag rides through checkout so every render is attributed to you.
  • →White-label when you're ready. Same plumbing runs a co-branded page or your own domain/branding — a config change, not a rebuild.
Want the wholesale + setup terms?The same engine powers our own token pages — we're the reference customer. Builders can self-serve the API + credits from the developer docs; volume / white-label deals: DM @tokenslopfun.