Prediction widgets for your site

Keep fans on
your site.

Live match predictions, league tables and interactive 3D pitches, embedded with one script tag. No data pipeline, no model to build, no iframe. Go from idea to live widget in minutes.

  • 14-day free trial
  • Live in minutes
  • No iframe, no build step
  • Revoke keys anytime

Looks like yours

Renders inside a Shadow DOM — your CSS never leaks in, ours never leaks out.

Never touches your quota

Widget traffic is rate limited separately from your private API key.

Safe to publish

The widget key is meant to sit in public HTML — revoke it anytime without touching your real key.

Built for teams like yours

More time on page. Less to build.

Media & publishers

Turn every match preview into an interactive page. Live tables and predictions keep readers on-site longer than a static article.

Game · Standings · Match 3D

Sports & fantasy apps

Add prediction cards and league tables without building a data pipeline or a modelling team.

Games · Team · Scorelines 2D

Affiliates & comparison sites

Give visitors a reason to come back before kick-off: model-backed probabilities next to your offers and content.

Game · Games · Match 3D

Clubs, leagues & communities

Keep fans engaged on your own domain with live tables, team form and fixture predictions in your branding.

Standings · Team · Table 3D

Agencies & studios

Deliver a data-rich sports feature to clients in an afternoon. One script tag, nothing to host or maintain.

All widgets

See how it looks

This is a real, live widget.

Log in to render this exact widget with your own key.

Start 14-day trial

WebGL spatial canvas

3D and 2D, drawn on the GPU.

Drag to orbit the pitch, scroll to zoom, and switch views from the toolbar, including a live Tracking view with pressing and pitch control. Dependency-free, Shadow DOM isolated, and paused automatically when scrolled off-screen.

Match 3D

An orbitable 3D pitch with home / draw / away outcome pillars derived from expected goals.

<predictiq-spatial data-view="match" data-json='{"home":"Arsenal","away":"Man City","homeXg":1.6,"awayXg":1.2}' ></predictiq-spatial>

Table 3D

A league table as a field of 3D bars, leader highlighted in brand cyan.

<predictiq-spatial data-view="table" data-json='{"teams":[{"name":"ARS","pts":24},{"name":"MCI","pts":22}]}' ></predictiq-spatial>

Scorelines 2D

A pannable, zoomable heatmap of exact-score probabilities with hover details.

<predictiq-spatial data-view="scorelines" data-json='{"home":"Arsenal","away":"Man City","homeXg":1.6,"awayXg":1.2}' ></predictiq-spatial>

Tracking

Players and ball in motion with velocity vectors, trails, live pitch control, pressing links and a pressing matrix. Scrub, slow down or speed up.

<predictiq-spatial data-view="tracking" data-height="480" ></predictiq-spatial>
<script src="https://www.predictiqpro.com/predictiq-spatial.js" defer></script>

Building something custom? See the API guides for Python and JavaScript quickstarts.

Build your widget

Pick your options, copy the code.

Widget type

League (optional)

Number of matches

Theme

Accent color

Features

Live preview

Log in to see a live preview with your real widget key — the embed code below still updates as you change options.

Embed code

<predictiq-widget
  data-widget="games"
  data-key="YOUR_WIDGET_KEY"
  data-league="39"
  data-limit="10"
  data-show-predictions="true"
></predictiq-widget>

Swap YOUR_WIDGET_KEY for your real key from your dashboard.

Quick setup

Three steps. That's it.

1

Include the script

One <script> tag, anywhere on the page.

2

Add your key

A data-key attribute — included in your 14-day trial.

3

Drop a widget

Games, a single match, a league table or a team.

Log in to see your real widget key inlined below. Otherwise, swap YOUR_WIDGET_KEY for the one on your dashboard.
<script src="https://www.predictiqpro.com/predictiq-widget.js" defer></script>
<predictiq-widget data-widget="games" data-key="YOUR_WIDGET_KEY" data-league="39" ></predictiq-widget>

Widget types

Games

A scrollable list of upcoming, live, and recently finished matches — optionally filtered to one league.

<predictiq-widget data-widget="games" data-league="39" data-limit="10" data-key="YOUR_WIDGET_KEY" ></predictiq-widget>

Game

A single match card with its status and, for matches that haven’t kicked off yet, the model’s prediction and best bet.

<predictiq-widget data-widget="game" data-fixture="123456" data-key="YOUR_WIDGET_KEY" ></predictiq-widget>

Standings

The league table for one competition, updating live while matches are in progress.

<predictiq-widget data-widget="standings" data-league="39" data-key="YOUR_WIDGET_KEY" ></predictiq-widget>

Team

Team badge, played/won/drawn/lost, goal difference, and last-5 form — computed live from match results.

<predictiq-widget data-widget="team" data-team="50" data-key="YOUR_WIDGET_KEY" ></predictiq-widget>

Why not build it yourself?

Skip the roadmap item.

Build in-housePredictIQ widgets
Time to first live widgetWeeks of data + front-end workMinutes: one script, one tag
Prediction modelBuild and maintain your ownIncluded
Live updatesPolling, caching, scaling to buildHandled for you
Styling conflictsCSS leaks in and outShadow DOM isolation
API quota riskPublic pages can burn your keySeparate widget key and limit

About widget keys

  • Different from your private API token — designed to be visible in your page's HTML, since anyone viewing source can already see it once it's embedded.
  • Only grants access to read-only widget data, rate limited separately from your API token.
  • Revoke and regenerate anytime from your dashboard without affecting your API token.

Questions

Before you ask.

Do I need a developer to install this?

If you can paste an HTML snippet into your site or CMS, you can. Add one script tag, then one widget tag with your key.

Will it break or restyle my site?

No. Widgets render inside a Shadow DOM, so your CSS never leaks in and ours never leaks out.

Is it safe to put the key in public HTML?

Yes. The widget key is separate from your private API token, only grants read-only widget data, and can be revoked and regenerated from your dashboard at any time.

Will widget traffic use up my API quota?

No. Widget traffic is rate limited separately from your private API key, and higher plans get a higher widget rate limit.

Can I try it before paying?

Yes. Every account starts with a 14-day trial that includes a widget key.

Which leagues and widgets are supported?

Games, single match, standings and team widgets, plus the 3D and 2D spatial views, filtered by league, fixture or team ID. Use the builder above to preview your setup.

Put predictions on your site today.

Start the 14-day trial, grab your widget key and paste two tags. Need volume, custom branding or help integrating? Talk to us.

Higher plans get a higher widget rate limit too — view plans.

Predictions are model estimates, not guarantees. If you publish them alongside betting content, follow the advertising and responsible-gambling rules in your market.