How does the embed work?

The generated snippet is a standard HTML iframe pointing at the hosted calculator with your chosen defaults encoded in the URL query string. The widget runs entirely in the visitor's browser — no keys, no server calls, no tracking.

Can I change the defaults later?

Yes. The defaults live in the iframe URL's query string, so you can edit the model, token values, requests, or currency directly in the embedded HTML at any time without regenerating from here.

Will the currency convert real exchange rates?

The currency setting only changes the displayed symbol and an optional fixed conversion factor you would maintain — the underlying model prices are quoted in USD. For live FX, apply your own rate to the USD figure.

Is the embedded widget responsive?

The iframe uses a fluid width and a fixed minimum height suitable for the compact calculator. Wrap it in your own responsive container if you need it to flex with a specific layout.

Embeddable LLM Cost Calculator Widget

Put a live cost calculator in your own docs

Want visitors to your documentation, pricing page, or internal dashboard to estimate LLM cost without leaving the page? Configure the default model, token values, monthly volume, and currency below, preview the result live, then copy a ready-made iframe snippet with your settings baked in.

How the snippet is built

The embed is a plain HTML iframe that loads the hosted calculator and reads your defaults from the URL query string:

<iframe
  src="https://tools.gera.services/embed/llm-cost?model=gpt-4o&in=1000&out=500&req=1000&cur=USD"
  width="100%" height="320" style="border:0">
</iframe>

Everything runs client-side in the visitor’s browser, so there are no API keys, no server round-trips, and nothing to maintain. To change the defaults later you just edit the query string in your HTML.

Tips for embedding cleanly

Set the iframe to width="100%" and give it a fixed height so it does not jump on load. If your site enforces a Content Security Policy with frame-src, add tools.gera.services to the allowlist. And remember model prices are quoted in USD — if you display another currency, keep your conversion factor up to date.