The Widgets

Updated 2 months ago by Geoffroy "Vomact" Piot

Every tournament created on Toornament.com comes with its widgets for you to use. There are currently four different ones, that all have a specific purpose.
Resizable and available in 7 languages, they can all be added with a single line of HTML code to any website, for you to easily display all information to any passer-by!

The Registration Widget

Available in Dark or Light mode, this widget is a simple button allowing you to redirect wanna-be participants to your tournament for them to register:

The Tournament Widget

This generic widget evolves as the tournament goes, to display information before it starts, latest and upcoming matches during the event, and the Winner when the tournament is over. No further action is required on your side, as it automatically updates as the status of the tournament changes.


These are the same widget, displaying dynamic information depending on the advancement of the competition; before it starts, while under way, after it's over. They are here presented in a "side-bar sizing", but also display upcoming matches or latest results if in a bigger embed:

The Schedule Widget

Use this one to display your detailed match schedule! You may also filter the dates to only display a fraction of the matches!

The Stage Widget

You may choose any stage of your tournament to get displayed with this widget. Display will then depend on the type of stage selected, but it can accomodate any kind of stage!

The Group Widget

This widget is not yet documented on the platform, but you can already use it by using a group's URL in any widget code:
<iframe width="920" height="365" src="https://widget.toornament.com/tournaments/1810867747617742848/stages/1810931468747358208/groups/1810931470022426666" frameborder="0" allowfullscreen="true"></iframe>

You may choose any group of any stage of your tournament to display in this widget. The display will then adapt to the kind of stage.

The Round Widget

This widget is not yet documented on the platform, but you can already use it by using a round's URL in any widget code:
<iframe width="100%" height="300" src="https://widget.toornament.com/tournaments/1390733864797888512/stages/1390818214323879936/groups/1440220012649136128/rounds/1440220012716245015" frameborder="0" allowfullscreen="true"></iframe>

Just like the previous ones, except you can display matches from a single round in a widget:

The Match Widget

This widget is not yet documented on the platform, but you can already use it by using a match's URL in any widget code:
<iframe width="100%" height="610" src="https://widget.toornament.com/tournaments/1590341825820811264/matches/1590352199182180371" frameborder="0" allowfullscreen="true"></iframe>

You can also choose to go as far as displaying a single match in a Toornament widget:

The Game Widget

This widget is not yet documented on the platform, but you can already use it by using a game's URL in any widget code (and adding a last "/X" with the number of the game you want to display):
<iframe width="100%" height="610" src="https://www.toornament.com/tournaments/1590341825820811264/matches/1590352199182180371/games/3" frameborder="0" allowfullscreen="true"></iframe>

Finally, games are also available through their own Toornament widget:

On your website!

As stated before, including one of our widgets on your website only requires you to add a single line of HTML, that is automatically generated under the "Share" menu, both in the Organizer Dashboard and the Public Pages of the tournament. Width and Height can be changed to accomodate the display you wish to provide to your audience, and the result is awesome:

Widget-Millenium

How did we do?