EMBED · v1.0

Soccer fixture widgets,
shareable anywhere.

Drop-in iframes powered by live Sportradar v4 schedules through the sportradar-soccer-widget-fixtures workflow on the Machina platform. One workflow call, fully styled card, real data, zero dependencies.

See it live › Get the embed

◆ Real fixtures · live, finished, and upcoming
◆ 2 themes · midnight + ocean
◆ Auto-countdown · screen-reader narrated
◆ 17KB JS · no React, no fonts, no tracking

GALLERY · 4 VARIANTS

One workflow, four moments of a match.

The widget reads each fixture's status and renders the right surface. Resize this window or pop the embeds into any site — they all stay under 380 px wide.

FINISHED
Recap card

When the match has ended, the widget swaps the countdown for a share-of-goals sparkbar and a one-line verdict.
UPCOMING
Kickoff card

Future fixtures get a live countdown (days / hours / minutes / seconds) and a kickoff label that rounds to TODAY / TOMORROW / weekday.
RECAP · OCEAN
Theme switch

Same workflow, ?theme=ocean. Cyan accents and a deeper navy. Pick the palette per embed — no rebuild required.
POSTPONED
Edge state

When Sportradar marks a fixture postponed, the widget surfaces the reschedule status without a fake score.

EMBED · COPY-PASTE

Drop this into any HTML page.

Pick a season, optionally pin a fixture id, choose a theme. The generator below builds the iframe snippet for you.

HTML

REACT (JSX)

UNDER THE HOOD

One workflow. One connector. Live data.

The workflow

sportradar-soccer-widget-fixtures takes a season_id and a limit. It calls Sportradar v4 /seasons/{id}/schedules.json through the sportradar-soccer connector and reshapes the response in the task outputs — no DB writes, no mappings, no LLM. The whole roundtrip is under a second warm.

POST /workflow/execute/sportradar-soccer-widget-fixtures
{
  "season_id": "sr:season:130281",
  "limit": 20
}

The connector

The widget piggybacks on the existing connectors/sportradar-soccer template — same API key, same OpenAPI shape, same vault credential (TEMP_CONTEXT_VARIABLE_SPORTRADAR_SOCCER_V4_API_KEY). Installing the connector template via machina template install connectors/sportradar-soccer gives you the widgets for free.

The runtime

The browser hits the Machina proxy (customers.machina.gg/c/api/proxy) which forwards to the project's Client API. No auth header needed — the proxy matches the iframe's Origin to the registered project. Embeds run on any domain that's whitelisted in your Machina dashboard.