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. Copy the HTML snippet provided

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
  • Default Tab: Select which view to load by default (e.g., Matches, Standings, Bracket)
  • Theme: Set to:
    • light – forces light mode
    • dark – forces dark mode
    • auto – matches viewer’s system preference

Example Embed Code​

<iframe
  src="https://www.score7.io/embed/your-tournament-id?tab=matches&theme=auto"
  width="100%"
  height="800"
  frameborder="0"
  style="border: none;"
></iframe>
```html

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

Users can switch tabs inside the embedded window just like on the main site

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

Need more customization like white-labeling or domain masking? Contact Score7 Support to request advanced options.

Last updated on