Skip to content

Oddsmatcher widget

Live data

The matched feed as an embeddable, filterable board.

Oddsmatcher widget

Region

Prices in £ (GBP)

Design: font, colours, radius
Font

Inherit the font of the page it sits on.

Colours
Radius

Default keeps the widget's own corners.

Accent, surface, text and radius are the only overridable tokens: a bounded set that keeps every widget readable. Fonts are stacks, so an embed never downloads one.

Embed code + key
Embed codeLive

This rewrites itself as you change the controls above: font, colours and radius. Copy it from the button under the code.

Optional. What you type is written straight into the embed code below, ready to paste on your site. It stays in your browser and never reaches us. Leave it blank to keep the placeholder. The live preview always shows sample data.

index.html
<div data-or-widget="oddsmatcher"
     data-or-theme="midnight"
     data-or-font="host"
     data-or-region="uk"
     data-or-key="or_live_YOUR_KEY"></div>
<script src="https://oddsrelay.io/widgets/v1/oddsrelay-widgets.js" crossorigin="anonymous" async></script>
Copy this and paste it on your site.

Paste it once, anywhere. The script auto-mounts every data-or-widget element and is style-isolated in a Shadow DOM, so it never clashes with your CSS.

Installing on WordPress, Webflow, Squarespace, Wix or React?
WordPress
Add a Custom HTML block (or switch the classic editor to the Text tab) and paste the snippet.
Webflow
Drop in an Embed element, paste the snippet, and publish. The widget renders on the published site.
Squarespace
Insert a Code block where you want the widget and paste the snippet as HTML.
Wix
Add an Embed HTML element (iFrame-free custom code) and paste the snippet.
Shopify
Paste into a Custom Liquid section (or theme.liquid for every page). A section keeps the widget on the one template you want it on.
React / Next.js
Render the div, then load the script once (e.g. next/script or an effect). The bundle auto-mounts new [data-or-widget] elements; call window.OddsRelay.scan() after client-side navigations if needed.

Loading the interactive widget…

The oddsmatcher is the product itself: rows of back/lay opportunities already paired against the exchanges, rated and ready to act on. Your visitors can search, filter by sport, bookmaker, exchange, rating and odds, sort any column, switch the board between free-bet and qualifying mode at their own stake, and click any row to open a prefilled calculator with the full profit breakdown.

What it does

  • Search plus sport / bookmaker / exchange / rating / odds-range filters, all client-side
  • Sortable columns, with the money column computed at the viewer's own mode and stake
  • Every row expands into a prefilled mini-calculator with the full profit breakdown at your stake

How to use it

  1. 1Scan the board. Each row is a pre-matched opportunity with its rating, back/lay prices and profit at your stake.
  2. 2Open a row. Click any row for the prefilled calculator: adjust the stake or odds and copy the lay stake.
  3. 3Go live. Start a free trial to get a key, paste it into the embed, and the sample becomes the live feed.

What powers this

The live oddsmatcher is powered by the OddsRelay matched feed: 140+ bookmakers across 20 countries, already paired against the exchanges and rated. The demo on this page relays the live board. Under your own origin-locked key the same embed runs on your site.

Questions

How is the embed secured?

Widget keys are origin-locked: the feed only answers requests from the domains you allow-list, so a copied snippet is useless anywhere else. The browser calls api.oddsrelay.io directly, so your visitors' traffic never routes through an extra server.

18+ · Data product for licensed operators. Please gamble responsibly.

Put the oddsmatcher on your site.

Start a free trial to get an origin-locked key, or tell us what you're building.