tutorial

How to Embed Your Tournament Standings on Any Website (Widgets)

Torneyo · · 7 min read

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.

Generate a widget for your tournament →