Embed your table tennis league on your website

Show your league's teams, schedule and standings on your own club website. Each block below is live data from TT League Manager, loaded with a few lines of HTML and JavaScript.

How to Integrate Your Teams:

  • Copy the Code: Simply copy the code from our admin page.
  • Paste it on Your Website: Paste the code into your website's HTML where you want your league's teams to appear.
  • Customize to Match: You can customize the width, height, and other parameters directly in the code to match your website's design seamlessly.
<div id="tts-teams-frame"></div>
<script>
  var xhrTtsTeams = new XMLHttpRequest();
  xhrTtsTeams.onload = function() {
    if (xhrTtsTeams.status === 200) {
      document.getElementById('tts-teams-frame').innerHTML = xhrTtsTeams.responseText;
    }
  };
  xhrTtsTeams.open('GET', 'https://app.tabletennisscores.com/api/v2/leagues/64ff31aa9ddd7c311c0974f2/seasons/64ff31c2518dd1848e08f014/stages/64ff323eec9bde544802a0b4/teams.html?apikey=demo64fefe6389fde', true);
  xhrTtsTeams.send();
</script>

Loading teams…

How to Integrate Your Schedule:

  • Copy the Code: Simply copy the code from our admin page.
  • Paste it on Your Website: Paste the code into your website's HTML where you want your league's schedule to appear.
  • Customize to Match: You can customize the width, height, and other parameters directly in the code to match your website's design seamlessly.
<div id="tts-schedule-frame"></div>
<script>
  var xhrTtsSchedule = new XMLHttpRequest();
  xhrTtsSchedule.onload = function() {
    if (xhrTtsSchedule.status === 200) {
      document.getElementById('tts-schedule-frame').innerHTML = xhrTtsSchedule.responseText;
    }
  };
  xhrTtsSchedule.open('GET', 'https://app.tabletennisscores.com/api/v2/leagues/64ff31aa9ddd7c311c0974f2/seasons/64ff31c2518dd1848e08f014/stages/64ff323eec9bde544802a0b4/schedule.html?apikey=demo64fefe6389fde', true);
  xhrTtsSchedule.send();
</script>

Loading schedule…

How to Integrate Your Tables:

  • Copy the Code: Simply copy the code from our admin page.
  • Paste it on Your Website: Paste the code into your website's HTML where you want your league's tables to appear.
  • Customize to Match: You can customize the width, height, and other parameters directly in the code to match your website's design seamlessly.
<div id="tts-tables-frame"></div>
<script>
  var xhrTtsTables = new XMLHttpRequest();
  xhrTtsTables.onload = function() {
    if (xhrTtsTables.status === 200) {
      document.getElementById('tts-tables-frame').innerHTML = xhrTtsTables.responseText;
    }
  };
  xhrTtsTables.open('GET', 'https://app.tabletennisscores.com/api/v2/leagues/64ff31aa9ddd7c311c0974f2/seasons/64ff31c2518dd1848e08f014/stages/64ff323eec9bde544802a0b4/table.html?apikey=demo64fefe6389fde', true);
  xhrTtsTables.send();
</script>

Loading tables…