Skip to main content

How to Embed Your Tournament in a Website

Embedding Your Tournament on a Website​

If you want to display your tournament on your own website—such as a club page, school portal, or event site—Score7 provides an easy embed code you can paste into any HTML page.

The embedded view is interactive and updates live as your tournament progresses.

Where to Find the Embed Code​

  1. Open your tournament
  2. Go to the Advanced section in the left-hand menu
  3. Scroll to Embed Tournament
  4. Click Show embed code
  5. Customize the options (see below)
  6. Copy the HTML snippet and paste it into your website

This snippet can be pasted into any CMS or custom website that allows HTML (e.g., WordPress, Webflow, Squarespace, Notion with Embed blocks).

Embed Customization Options​

When generating the embed code, you can customize:

  • Title and Logo: Choose to show or hide the tournament header
  • Tab navigation: Enable a compact tab bar at the top of the embed so viewers can switch between sections (Overview, Participants, Matches, Standings, etc.) without leaving the embed. Off by default.
  • Initial tab: Select which section to display first (e.g., Overview, Matches, Standings)
  • Theme: Set to:
    • auto – matches viewer's system preference (default)
    • light – forces light mode
    • dark – forces dark mode
  • Language: Force the embed to display in a specific language. Supports English, Spanish, French, German, Italian, Japanese, Korean, Portuguese, and Chinese. By default, the embed follows the viewer's browser language.

Example Embed Code​

<iframe
  src="https://www.score7.io/embed/tournaments/your-tournament/overview?showName=true&theme=auto&tabs=true&lang=en"
  width="100%"
  height="800"
  frameborder="0"
  style="border: none;"
  title="My Tournament"
></iframe>

You can adjust width and height based on your layout needs.

Live Updates and Responsiveness​

  • The embed updates in real time—no refresh required when results are added
  • It's fully responsive and mobile-friendly by default
  • When tab navigation is enabled, viewers can switch between sections inside the embedded window

Use Cases​

  • Schools posting brackets and schedules on their homepage
  • Esports teams showing live standings to viewers
  • Clubs embedding season-long leagues or tournaments
  • Event sites providing a central bracket view
  • International events using the language option to match the host site's language

Next steps in Score7

Last updated on