The Challonge jQuery Plugin makes it easy to embed Challonge brackets in your website!
$('.demo_iframe').challonge('qc0pa7fx', {subdomain: '', theme: '1', multiplier: '1.0', match_width_multiplier: '1.0', show_final_results: '0', show_standings: '0'});

Setup Instructions

  1. Download and install jQuery.
  2. Add the Challonge jQuery Plugin file to your website.
  3. Embed a bracket in an element.
  4. Customize for your page! View all option descriptions.

The embedded bracket will set it's height and width to match it's containing element automatically. For responsive brackets, set your containing element to have 100% width.

Want to remove the ad? Checkout the Credits Overview. Or create a unique look for your bracket using the Theme Manager.