Odds tiles allow you to display real-time betting odds directly on your website. This tutorial will walk you through the process of selecting odds and generating embed codes.
Step 1: Select Your Sportsbook
When you first access the odds widget, you'll notice that it defaults to "Best Odds" in the sportsbook dropdown.
To change the sportsbook:
Look for the "Sportsbook" dropdown in the top-right area of the page
Click on the dropdown ("Best Odds" shows by default)
Select your preferred sportsbook from the available options
Note: The system defaults to "Best Odds" which aggregates the most favorable odds across multiple sportsbooks. You can keep this setting or choose a specific sportsbook based on your needs.
Step 2: Access the Embed Options
Once you have your desired odds displayed, you can generate an embed code.
To access embed options:
Locate the embed icon (↗) in the top-right corner of the odds widget
Click on the embed icon to open the "Embed & Share" dialog
Step 3: Choose Your Embed Method
The embed dialog provides three different integration options:
Option 1: Web Component (Recommended)
Best for: Most websites and content management systems
Advantages: Easy to implement, self-contained, responsive
Use when: You want a simple, reliable embedding solution
Option 2: WordPress
Best for: WordPress websites specifically
Advantages: Optimized for WordPress themes and plugins
Use when: Your site runs on WordPress
Option 3: iFrame
Best for: Legacy systems or when other options don't work
Advantages: Universal compatibility
Use when: You need maximum compatibility across different platforms
Step 4: Configure and Copy the Embed Code
Using Web Component (Recommended)
Select the Web Component tab in the embed dialog
Enable the script tag by toggling "Include script tag" to ON (blue)
⚠️ Important: Only enable this if the script isn't already installed on your CMS
If you're unsure, check with your web developer or try with the toggle OFF first
Copy the generated code by clicking the "Copy embed code" button
The generated code will look similar to this:
<script data-tallysight-defaults-widget-config-workspace="tallysight" type="module" src="https://storage.googleapis.com/tallysight-widgets/dist/tallysight.min.js"></script>
<span
data-tallysight-widget-type="tile"
data-tallysight-widget-id="67cbaa40480d9f91a7c60124"
data-tallysight-widget-config-workspace="tallysight"
data-tallysight-widget-config-odds-by="best-odds"
data-tallysight-widget-config-format="american"
data-tallysight-widget-config-sport-type="games">
</span>
Step 5: Implement the Code
For Most Websites:
Paste the entire code (including the script tag if enabled) into your HTML where you want the odds to appear
Save and publish your page
The odds tile should load automatically
For Content Management Systems:
Access your CMS's HTML/code editor
Paste the embed code in the desired location
If your CMS strips script tags, you may need to:
Add the script tag to your site's header once
Use only the
<span>portion for individual embeds
Troubleshooting
Q: The odds aren't displaying
Ensure the script tag is properly loaded (check browser console for errors)
Verify that your CMS allows external scripts
Try refreshing the page after a few seconds
Q: Should I include the script tag?
Include it if this is your first odds embed on the site
Don't include it if you've already embedded odds elsewhere on your site
When in doubt, try without the script tag first
Q: The embed looks different than expected
The widget automatically adapts to your site's styling
Odds update in real-time, so values may change
Ensure you're using the most recent embed code
Best Practices
Test before going live: Always preview your embedded odds on a staging site first
Monitor performance: Embedded widgets load external content, so monitor page load times
Keep codes updated: Regenerate embed codes periodically to ensure you have the latest features
Mobile optimization: The web component option is mobile-responsive by default
Need Help?
If you encounter issues with embedding odds tiles, contact our support team with:
The specific embed code you're using
Your website platform/CMS
Any error messages you're seeing
Screenshots of the issue