<iframe>. There is no JavaScript to install, no SDK to wire up. Pick a layout, point it at a basket, give it a width, and you have a complete basket experience: banner, chart, allocation, and the Invest CTA.
Use them anywhere you would normally hand-build a “tracker” or “card” component, like newsletters, partner sites, landing pages, and dashboards. The widget handles data, animations, and routing to invest. It ships in Cesto’s theme out of the box, and you can restyle it to match your site if you want. You just decide where it sits and how wide it should be.
Three pages, in order
- This page (Overview). A look at the four available widgets, so you can pick the one that fits your layout.
- Usage. The single URL pattern, an embed snippet to copy, and the aspect ratio / minimum width for each widget.
- Playground. A live preview where you can try every widget against every basket and copy the exact embed code for the combination you want.
The four widgets
Hero card
Full-bleed editorial card with banner, title, return, holder stack, and Invest CTA. Best for landing sections.
Performance
Photo, multi-timeframe chart, and allocation donut. A three-pane analytics surface that prefetches every timeframe so tab switches are instant.
Overview
Banner, allocation donut, every holding as a pill, and the Invest CTA. The default discovery card.
Pill row
Inline horizontal pill with avatar, name, return, and Invest. Designed for article rows and feed entries.
Widgets or the Web SDK?
A widget shows a basket; its Invest CTA opensapp.cesto.co in a new tab. If you want
the invest itself to happen on your page — a themed dialog, and an onSuccess callback you
can act on — that is the Web SDK, and it is a script tag away. The two
compose: a widget to present the basket, a Web SDK button underneath it to close the loop.
Choose your integration lays the three surfaces out
side by side.
Next
Usage
Widget URLs, embed snippet, aspect ratios, and sizing.
Playground
Pick a basket, switch layouts, and see every widget live.