How to Add a Scoreboard to Streamlabs

Easily integrate sports scoreboards with Streamlabs

Streamlabs Logo

Quickly connect ScoreboardMax with Streamlabs for professional scoreboard overlays. This guide covers setup for football, basketball, soccer, volleyball and other sports. Works with Streamlabs on both Windows and Mac.

Step 1: Set Up Your Streamlabs Scoreboard

Begin by setting up and configuring a scoreboard in ScoreboardMax with your preferred sport, teams, and settings.

Creating a scoreboard in ScoreboardMax

Detailed Steps:

  • Sign into your ScoreboardMax account
  • Navigate to the "Scoreboards" section in the menu
  • Choose an existing scoreboard or click "New Scoreboard"
  • Pick your sport (football, basketball, volleyball, etc.)
  • Set up team names, colors, and upload logos
  • Customize any sport-specific settings as needed
  • Save your scoreboard configuration

Tip: Save team profiles ahead of time for faster scoreboard setup in future broadcasts.

Don't have a ScoreboardMax account yet? Create a free trial account in seconds.

Create Account

No credit card required

Step 2: Obtain Your Livestream Embed URL

From the scoreboard details page, copy the Livestream Embed URL for use in Streamlabs.

Copying the scoreboard embed URL

Detailed Steps:

  • Use the provided copy button for convenience
  • This URL will be pasted into Streamlabs in the following step

Tip: Adjust your scoreboard behavior to match specific game rules by clicking the "Settings" button in the top right corner.

Step 3: Open Streamlabs

Start Streamlabs and choose the scene where you want to display your scoreboard overlay.

Selecting a scene in Streamlabs

Detailed Steps:

  • Select the scene containing your game camera feeds
  • Selecting a scene without camera inputs will prevent proper overlay functionality

Tip: Check your Base (Canvas) Resolution in Settings (gear icon at bottom left) > Video and note it for upcoming steps.

Step 4: Add a Browser Source

With your scene selected, navigate to the "Sources" panel and add a new "Browser" source.

Adding a browser source in Streamlabs

Detailed Steps:

  • After selecting your Scene, locate the "Sources" section
  • Click the "+" icon at the top of the section, next to "Sources"
  • Select "Browser" from the "Capture Sources" category
  • Click "Add Source"
    • Note: For scenes with existing Browser sources, be sure to select "Add a new source instead"
  • Name your source something descriptive like "Scoreboard Overlay"
  • Click "Add Source" to continue

Step 5: Set Up Browser Source Properties

Insert the Livestream Embed URL and configure the proper resolution settings.

Configuring the browser source in Streamlabs

Detailed Steps:

  • Paste your previously copied Livestream Embed URL into the "URL" field
  • IMPORTANT: Enter your exact video base (canvas) resolution (example: 1920x1080). This ensures optimal quality rather than manually resizing, which can cause blurring.
  • If you're unsure of your base resolution, check Settings (gear icon at bottom left) > Video > "Base (Canvas) Resolution"
  • Keep all other settings at their default values and click "OK" to proceed

Step 6: Setup Complete!

Your scoreboard overlay should now appear on screen, ready for your broadcast.

Completed scoreboard overlay in Streamlabs

Step 7: Access Scoreboard Controls

Go back to ScoreboardMax and click the "Scoreboard Control" link to manage your overlay during broadcast.

Opening scoreboard controls in ScoreboardMax

Detailed Steps:

  • Access additional scoreboard configuration via the "Settings" button in the top right
  • Refer to the help link at the bottom of the control panel for detailed operation instructions

Tip: Control your scoreboard from any internet-connected device - your smartphone, tablet, or separate computer can all work as controllers.

Step 8: Share Control Access (Optional)

Easily grant scoreboard control access to guest operators without requiring them to create an account.

Sharing scoreboard controls with a guest

Detailed Steps:

  • Especially useful when working with volunteers to operate your broadcast
  • Select the "Share Scoreboard Control" button
  • Set the desired access duration - options range from a few hours to multiple days
  • Have your guest scan the QR code with their mobile device, or share the access link via text or email

Troubleshooting Guide

Resolving Common Issues:

Scoreboard Isn't Visible

  • Check that your internet connection is working properly
  • Ensure you've copied the entire Livestream Embed URL correctly
  • Try refreshing the browser source (double-click the scoreboard layer in "Sources", scroll down, and select "Refresh cache of current page")

Scoreboard Shows But Doesn't Respond to Controls

  • Verify you're controlling the same scoreboard that's configured in your Streamlabs setup
  • Confirm your internet connection is stable
  • Refresh the browser source (double-click the scoreboard layer in "Sources", scroll down, and select "Refresh cache of current page")

Display Issues (Positioning or Clarity)

  • For optimal results, avoid manually resizing the scoreboard by dragging its frame
  • Ensure that the width and height in the browser source properties match your Base (Canvas) Resolution (found in Settings [gear icon at bottom left] > Video)

Need more help? Contact our support team.