Setup in OBS (Step-by-step)
Integration with programmes such as OBS Studio or Streamlabs is incredibly simple and requires no external downloads.
- Customise in the editor: First, open the Overlay Editor. There, you can customise the basic design, colours, animations and the display of permitted characters to match the look and feel of your stream.
- Note the dimensions & copy the link: Look out for the blue info box in the editor. It shows the exact dimensions (width x height) required for your chosen design. Then click on the button at the very bottom "Copy link".
- Add a browser source in OBS: Open OBS Studio, click on the plus icon (+) under "Sources" and select “Browser”. Give the source a name (e.g. "WBC Challenge").
- Enter link and dimensions: Paste the copied link into the "URL" field. Then enter the width and height you noted down in the corresponding fields. Clear the "Custom CSS" field if there is anything in it, and click "OK".