> ## 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. # Quickstart: embed your first Tallysight odds widget > Add your first Tallysight odds widget to any web page in under five minutes using a single script tag, one HTML element, and your workspace slug. This guide walks you through embedding your first Tallysight widget on a web page. By the end you'll have a live odds tile loading from the CDN, configured with your workspace, and verified as working in the browser. The only prerequisite is a widget ID from your Tallysight dashboard and an HTML page you can edit. Paste the following ` ``` The `type="module"` attribute is required. The SDK loads asynchronously and initializes as soon as the DOM is ready — it will not block your page render. Place an HTML element where you want the widget to appear. Use `data-tallysight-widget-type` to tell the SDK which widget to load, and `data-tallysight-widget-id` to identify the specific content: ```html theme={null} ``` The SDK scans the page for elements with `data-tallysight-widget-type` and loads the matching widget bundle into each one. You can use any block or inline element — `
`, ``, `
`, or similar. Widget IDs come from the Tallysight platform. Open the tile or feed you want to embed, click the **Embed** button in the dashboard, and copy the ID shown in the embed dialog. Add your workspace slug to the script tag using the `data-tallysight-defaults-widget-config-workspace` attribute. This applies your workspace's sportsbook affiliations and branding to every widget on the page. You don't have to repeat the setting on each element: ```html theme={null} ``` Replace `your-workspace-slug` with the slug shown in your Tallysight workspace settings. If you skip this step, widgets will still load but will not apply workspace-specific odds links or branding. Open the page in a browser and check the browser console. A correctly initialized SDK logs no errors and responds to the following calls: ```javascript theme={null} Tallysight.getSdkState() // returns "ready" Tallysight.isReady() // returns true ``` If `getSdkState()` returns `"error"`, check that: * The script tag URL is correct and your network can reach it * `type="module"` is present on the script tag * `data-tallysight-widget-type` and `data-tallysight-widget-id` are spelled correctly on each widget element * No Content Security Policy on your site is blocking scripts from `storage.googleapis.com` ## Complete example Here is a minimal HTML page that puts all four steps together: ```html theme={null} My Sports Page

Today's best bet

``` Save the file, open it in a browser, and your odds tile will appear where the `` element is. ## Next steps Once your first widget is live, visit [the full widget installation guide](/widgets/installation) to explore all available widget types — Tile, Feed, Betslip, Odds Text, Promo Tiles, and Bet Builder — and learn the additional attributes each one supports.