Revenue not set up
A refund and a purchase move a page's share of revenue down and back up.
Not quite it? Ask for a variation
Install
Writes one React component into components/illos. Nothing else to install.
npx shadcn@latest add https://illos.dev/r/flat/revenue-setup.jsonOr hand it to your agent
Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.
How it moves
- three sources are ranked by their share of revenue.
- a refund shrinks the page's share, and it drops below the campaign.
- a purchase grows it again, and it climbs back to second.
Where it fits
For analytics, billing and commerce products: the revenue report before payments are connected, the setup guide for sending purchases from a server, or a features card on revenue by source. A refund pulling one source down the ranking and a purchase lifting it back shows what the report will do once real payments arrive. As a spot it fits above the heading and a Set up revenue button. It is free to copy and pairs with First goal, Usage billing and Payments flow.
Pairs well with First goal, Usage billing and Payments flow.
On your site
Read where product illustrations go, how to place an animated SVG and how to keep animations fast.
For developers
- File size
- 4.1 KB gzipped
- Motion
- Plays once, 3.9 s, then holds
- Reduced motion
- Shows a still
- File
- revenue-setup.svg