Embeds

Beta

Put any of the six tools on your own website with one line.

The loader and the pop-up flow are built and covered by scripted checks. They have not been tested with real wallets on many other sites yet.

Add to your coinHow it works

How it works

How Embeds works.

  1. Step 1:

    Open the Studio, pick a tool and your colors, and copy the one line.

  2. Step 2:

    Paste it where the widget should appear on your site. Use one tag per widget.

  3. Step 3:

    Visitors see live data in place. When they act, a pop-up on our site opens so their wallet can sign.

Try it

Build one.

Change a setting and the real widget changes with it. The line under it is what goes on your site.

Tool
Accent
Background
Corners

Shown on BONK as an example. It is not a recommendation.

Your line

<script src="https://iamnowutility.com/embed.js"
        data-widget="stats"
        data-mint="YOUR_TOKEN_ADDRESS"
        data-bg="transparent"
        async></script>

Use one tag per widget. Paste it where the widget should appear, and put your own token address in data-mint.

What it costs

Free.

Embedding costs nothing. Fees that belong to a tool, such as a Burn Wall post, apply when someone uses it.

Every fee we charge

Good to know

  • Wallets cannot be relied on inside another site's iframe. Phantom's own documentation says it does not inject into iframes. So an embed shows information and sends every action to a pop-up on our domain, where wallets work.
  • If the pop-up is blocked, or a strict browser policy cuts the link back, the widget reads the chain again, because the chain is the source of truth.
  • The iframe is sandboxed. It cannot navigate your page, and our script reads nothing from your page except its own tag and your page's origin.
  • Only the embed paths on our site can be framed. Every other page of ours refuses framing.
  • The loader resizes the frame as content changes. A plain iframe tag works too, without automatic resizing.

Under the hood

How it is built.

The mechanics

  • The loader at /embed.js reads data-widget, data-mint, data-accent, data-bg, data-radius and data-compact from its own tag, validates every value, and inserts an iframe that points to our own origin.
  • The embedded page tells the loader its height. The loader accepts that message only from its own frame and from our origin, and only for heights from 40 to 4000 px.
  • Actions open a pop-up on our site. The pop-up reports the result only to our own origin and closes itself after a success.

Programs and accounts

Program addresses are listed here when it ships.

An embed never connects a wallet by itself, and we never see a key.

Beta

Put it on your website.

Sign in with your token's creator wallet in the Studio. Signing is free and moves no funds. Everything you switch on is previewed live before you share it.

Add to your coinAll utilities