Challonge Premier
Hide ads + Support us
Close this ad

Bracket Module Instructions

1. Copy the Embed Code
After creating a tournament, its embed code is available by clicking Embed-icon in the menu to the right of the bracket. Or, you can copy the following and replace YOUR_TOURNEY_URL.

<iframe src="" width="100%" height="500" frameborder="0" scrolling="auto" allowtransparency="true"></iframe>
NOTE: If you're embedding a bracket on an HTTPS page, replace http with https in the code above. This is currently only supported for user-hosted tournaments, not organizations.

2. Create a Theme
Select or create a theme with our Theme Manager, then update the URL in the code to specify the theme ID:


3. Specify Advanced Options
You can append the URL with options below for greater control over the look of your bracket.

Option Description Range Default
multiplier Scales the entire bracket. 0.5 - 1.4 1.0 Multiplier
match_width_multiplier Scales the width allotted for names. 0.8 - 2.0 1.0 Match_width_multiplier
show_final_results Display the final results above your bracket. Check the theme manager to preview the colors, and be aware that the results will take up a height of 160 pixels. 0/1 0 Show_final_results
show_standings For round robin and Swiss tournaments, you can opt to show a table of the standings below your bracket (disabled by default). You'll want to increase the iframe's HEIGHT (the 2nd height option in the code) as much as is necessary to fit the entire table. 0/1 0 Show_standings


Check out these samples to see the versatility of the Challonge bracket module. The checkered background is for demonstrating transparency.