Skip to content
HockeyOS

Install guides

One line from your dashboard, into the embed element your site builder already has. Pick your builder for the exact clicks, or read the three steps that are the same everywhere.

The same three steps

Copy, paste, done.

Whatever the builder, the install is these three steps. The guides only differ in where the embed element lives.

hockeyos.ca/dashboard
  1. 01 · Copy

    Copy the line from your dashboard.

    Open Website & embeds → Embed Studio. Pick the team and the widget, set how it should look, press Copy. The line already carries your colours.

  2. 02 · Paste

    Paste it into your builder's embed element.

    Every builder has one: a Custom HTML block, an Embed HTML element, a Code block. Put it where the widget should sit and save.

  3. 03 · Done

    It sizes itself.

    One small script loads once per page and sets each widget to the height of its content. No scrollbars inside, no height to guess, nothing to re-paste when the season changes.

Once it's in

What the widget does on its own.

It sizes itself

Each widget sets its own height to its content. No scrollbars inside the widget, no height to guess.

Your colours, already

The line carries your club palette out of the dashboard. Change the palette there and every widget follows.

Light, dark or auto

Pick a theme per widget, or let it follow the visitor's device. Both palettes are generated from your colours.

One widget, one team

Each line shows one team. A club with four teams pastes four rosters, each on its own page.

Any site that takes an iframe

The six guides cover the common builders. If yours has an embed or custom HTML element, it works there too.

One small script, once

A small script does the sizing. It loads once per page however many widgets are on it, and it is part of the line you paste.

Before you start.

Do I need to know HTML?

No. You copy one line from your dashboard and paste it into your builder's embed element. The guides show exactly where that element is in each builder.

My site builder isn't listed.

If it has an element that takes an iframe or custom HTML, the widget works in it. Paste the line there. That covers nearly every builder and any hand-coded page.

Do I have to re-paste when I change colours or layout?

No. The widget follows the colours and layout saved in your dashboard. Change them there and the widgets on your site follow.

How many widgets can I put on one page?

As many as you like. The small script that sizes them loads once per page no matter how many widgets are on it.

Live on your site this week.

Free for one team. No card. A real person helps with setup, including the paste.