Skip to main content
Cesto Widgets are self-contained, on-brand UI surfaces that show any basket as a live, interactive card on your page. Each widget is a single URL you load inside an <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

  1. This page (Overview). A look at the four available widgets, so you can pick the one that fits your layout.
  2. Usage. The single URL pattern, an embed snippet to copy, and the aspect ratio / minimum width for each widget.
  3. 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.

Next

Usage

Widget URLs, embed snippet, aspect ratios, and sizing.

Playground

Pick a basket, switch layouts, and see every widget live.