How to Embed Your Tournament Standings on Any Website (Widgets)
How to Embed Your Tournament Standings on Any Website (Widgets)
If you run the website for a rec league, a youth soccer club, a regional sports portal, or a company that hosts an internal tournament, you know that keeping the standings up to date is a job on its own. Every round, someone has to edit the page, update the points, upload a new image. With Torneyo’s embeddable widgets, you can embed tournament standings on your website and they update themselves in real time — you never touch HTML again.
In this tutorial you’ll learn how to generate the widget code, paste it onto your site, and customize colors and elements. It works on WordPress, Wix, Webflow, Squarespace, plain HTML, and basically any other CMS.
What Are Embeddable Widgets?
An embeddable widget is a small block of HTML (usually an <iframe>) that you paste into your website and it displays content from another platform. It’s the same logic behind embedding a YouTube video or an Instagram post into an article.
Inside Torneyo, widgets display live information from your tournament:
- Full standings table
- Upcoming games
- Latest results
- Top scorers
- Cards and discipline
- Playoff bracket
Everything updates automatically — you never re-publish anything.
Why Use Widgets
A sports website with static standings quickly loses credibility. If a fan or player opens your site on Monday and the table still shows last week’s round, they stop visiting.
With a live sports league widget, you get:
- Real-time updates — the moment the match sheet is submitted, the widget reflects it
- Better SEO — frequently updated pages rank higher
- Higher engagement — fans come back daily to check the table
- Zero maintenance — you forget the widget is there, it keeps itself updated
- Matches your site’s brand — colors and fonts are configurable
Types of Widgets Available
Standings Widget
The most popular one. Shows the full standings for a division: position, team, games played, wins, draws, losses, goals for, goals against, goal difference, and points.
Ideal for the landing page of leagues and round-robin competitions.
Upcoming Games Widget
Lists the next 5 or 10 games with date, time, location, and opponents. Useful for a “schedule” or “calendar” page.
Latest Results Widget
Shows recent games with final scores. Perfect for a “results” section or a sidebar banner.
Top Scorers Widget
Leaderboard of top scorers with photo, team, and goal count. Great for boosting athlete engagement and driving social media buzz.
Playoff Bracket Widget
Interactive visual bracket for the knockout rounds. Clicking a slot reveals the match details. Very popular during semifinals and finals.
Discipline Widget
List of cards and suspensions per round. Good for more complete sports portals.
How to Generate the Widget Code
The process takes less than two minutes.
Step 1 — Open the Widgets Menu
In the tournament dashboard, click “Widgets & Integration” in the sidebar.
Step 2 — Pick the Type
Select the widget you want. You can generate as many as you need, all pointing at the same tournament.
Step 3 — Customize
For each widget, you set:
- Division/phase — which standings to show (adult, U-15, quarterfinals, etc.)
- Primary color — matches your site’s brand
- Background color — light, dark, or transparent
- Font — default or custom
- Show Torneyo logo — on or off (available on paid plans)
- Size — full width, compact, ultra-compact
A live preview shows exactly how it will look.
Step 4 — Copy the Code
The system generates a snippet like:
<iframe
src="https://torneyo.com/embed/tournament/123/standings"
width="100%"
height="600"
frameborder="0">
</iframe>
You copy it and paste into your website.
How to Paste It Into Each Platform
WordPress
In the block editor, add a “Custom HTML” block and paste the code. Publish.
Wix
In edit mode, drag an “HTML embed” element onto the page, paste the code, and save.
Webflow
Drag an “Embed” block onto the canvas, paste the code, save and publish.
Squarespace
Add a “Code” block and paste the code. Adjust height if needed.
Plain HTML
Paste the code directly inside <body> wherever you want the widget to appear.
Elementor (WordPress)
Use the “HTML” widget and paste the code.
Advanced Customization
For anyone who wants full integration with the site’s design, Torneyo offers:
Custom CSS (paid plans)
You can inject your own CSS rules via URL parameters on the iframe. This lets you match your site 100%, changing position colors, borders, typography, and even displaying team logos.
Public API
For developers, Torneyo also exposes a REST API that returns the same data in JSON. It lets you build your own widget from scratch, integrate into mobile apps, internal dashboards, or generate cards for social media.
Multi-language
The widget respects the language configured in the tournament. Ideal for international leagues serving audiences in English, Spanish, and Portuguese.
Automatic Refresh
Widgets refresh themselves every 30 seconds. Fans with your page open see the goal pop in without hitting F5.
Real-World Use Cases
Adult Soccer League Website
A 12-team adult league used to keep a shared Google Sheet. Today they embed live standings directly on the league website, updated the moment each match sheet closes. Site traffic tripled.
Youth Soccer Club
A youth club with 200 players embeds top scorer widgets for each age group on their site. Parents visit weekly to see their kid on the leaderboard. Engagement and enrollment both grew.
Regional Sports Portal
A neighborhood sports news portal uses the upcoming games widget to recommend weekend events. It became the top retention section on the site.
Company Tournament
A corporate HR team embeds the standings widget inside their internal Confluence page. Employees follow the quarterly cup and engage more with company culture.
Best Practices
- Test on different widths — the widget is responsive, but check mobile
- Pick the right height — large tables need more height or internal scroll
- Don’t overload the same page — 3 to 4 widgets is the sweet spot
- Keep visual consistency — use the same primary color across all widgets on your site
- Use HTTPS — Torneyo widgets only work on HTTPS sites (standard today)
Frequently Asked Questions
Does the widget work even if the fan doesn’t have a Torneyo account?
Yes. The widget is public. Any visitor on your site sees the data without logging in anywhere.
What if I edit the tournament? Does the widget break?
No. The widget points at a specific tournament, even if it’s later renamed. It only stops working if the tournament is permanently archived.
Can I have multiple widgets on the same site?
Absolutely. Each widget is independent, so you can have standings on one page, top scorers on another, and upcoming games on the homepage.
Does it work in mobile apps?
Through a webview, yes. For native integration, use the REST API.
Start Today
Embedding live tournament standings on your site is one of the simplest changes with the highest visual impact. In minutes you’ll have a site that looks professional with content that is always fresh.
If you don’t have your tournament configured yet, read our guide on creating a free online tournament table first and then come back here to embed.