> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tally.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Tile widget: embed live odds for any game or market

> Embed a live odds comparison tile for any game, futures market, or player prop — styled to your workspace and responsive to any column width.

The Tile widget shows real-time betting odds for a single game, futures market, or game props, displayed in a responsive grid. For a game tile, you get three market columns — Moneyline, Spread, and Over/Under — each with a row per team. Futures tiles show a ranked list of entities with their odds to win. Props tiles show player or team prop markets. All three types pull data directly from the Tallysight API and refresh on demand.

## Embed code

Add the SDK script tag and a `<span>` element with `data-tallysight-widget-type="tile"` and your widget ID:

```html theme={null}
<script
  data-tallysight-defaults-widget-config-workspace="workspace-slug"
  type="module"
  src="https://storage.googleapis.com/tallysight-widgets/dist/tallysight.min.js"
></script>
<span
  data-tallysight-widget-type="tile"
  data-tallysight-widget-id="67ffcc2afd37cf9e44b636ed"
  data-tallysight-widget-config-workspace="the-athletic"
  data-tallysight-widget-config-odds-by="best-odds"
  data-tallysight-widget-config-format="american"
></span>
```

## WordPress shortcode

```
[tallysight-widget type="tile" id="67ffcc2afd37cf9e44b636ed" config-workspace="the-athletic" config-odds-by="best-odds"]
```

## Configuration options

| Config attribute         | Values                              | Description                                                                                                    |
| ------------------------ | ----------------------------------- | -------------------------------------------------------------------------------------------------------------- |
| `config-workspace`       | Workspace slug                      | Scopes the widget to your workspace's branding and sportsbook list                                             |
| `config-odds-by`         | `best-odds`, or a sportsbook slug   | Which sportsbook's odds to display. Use `best-odds` to show the best available line across sportsbooks         |
| `config-format`          | `american`, `decimal`, `fractional` | Odds display format. If omitted, the widget auto-detects the correct format based on the visitor's geolocation |
| `config-type`            | `games`, `futures`                  | Tile type. If omitted, the widget detects the correct type from its configuration in the Tallysight dashboard  |
| `config-hide-brand-logo` | `true`, `false`                     | Whether to hide the Tallysight branding in the widget footer                                                   |
| `config-multiple`        | `true`, `false`                     | Whether the tile represents a group of related markets. Set automatically by the Tallysight embed dialog       |

## Tile types

### Games

A game tile (`type: "game"`) shows two teams with three market columns: Moneyline, Spread, and Over/Under. Each cell links to the sportsbook and shows the current line. The tile shows the game status (scheduled, live, or final) and the start time.

### Futures

A futures tile (`type: "future"`) shows a list of teams or players with their odds to win a championship, division, award, or other futures market. Each row represents one entity.

### Props

A props tile (`type: "props"`) shows player or team prop markets for a specific game — for example, passing yards or total rebounds. Props tiles are associated with a parent game and a specific market.

<Tip>
  The Tile widget uses CSS container queries, not viewport media queries, so it adapts to any column width. You can safely embed a tile in a right rail (350 px), a sidebar (300 px), or a full-width article — it adjusts its layout, title length, and cell sizes automatically.
</Tip>

## Getting widget IDs

Widget IDs come from the embed dialog on a Tallysight odds page. Open the game, futures market, or props market you want to embed. Then open the embed dialog (visible to workspace creators and admins) and copy the `data-tallysight-widget-id` value shown there.