Widget builder — Prediction SPA

Widget configuration

Load preset

Preset name

Mode

Business code

Account ID (preview only)

Public preset (shareable by slug)

Category menu — CMS

The curated top strip, served from the backend (/api/menu) — not the embed snippet. Saved per business (DEFAULT); the widget fetches it dynamically. Empty slug = an "All Markets" reset item.

Appearance — style overrides

Every --pm-* variable, grouped by surface. Edited values go into data-style-overrides. Blank = widget default.

Include all default variables in embed snippet

Live preview

Embed snippet

Paste this into any host page. The <div> is the mount point, the <script> is the loader that builds the iframe. Replace the host in the URLs with your deployed domain.

Include accountId example (dashboard mode)

Dashboard mode needs the trader's account. PMWidgetFrame.setAccountId() (defined by the loader) pushes it into every widget on the page — call it any time after the loader tag; messages queue until the iframe is ready.