All articles Broadcasting and streaming

How to add a scoreboard overlay to vMix

Follow these step-by-step instructions to integrate a scoreboard overlay into your live stream using vMix.


Are you broadcasting a live sports event using vMix and looking to add a live score (also known as a score bug) to your stream ? This post is for you.

vMix is a powerful live production software that's widely used for streaming. It's known for its robustness and versatility across various platforms. To get started with vMix, visit their official website here.

In this guide, we'll use for adding a scoreboard browser overlay. It’s professional, quick, and user-friendly! Plus, you can manage the scores from a different device, without any additional app installations. All the score-keeper needs is an admin link and a browser.

vMix scoreboard

How does it work?

There are 3 steps to getting it working. We will describe each step in detail below, but here is the outline:

  1. Create the scoreboard on
  2. Obtain the overlay URL.
  3. Add the overlay URL into your vMix software.

Let's go through the detailed steps!

Step 1: Create a scoreboard

In this step we create and customize the live scoreboard overlay. To begin, click here and then click the "CREATE SCOREBOARD" button to create a multipurpose scoreboard. You can also choose a specific sport from the dropdown labelled "CHOOSE YOUR SPORT"

You should then see the following. This is your "control panel".

OBS scoreboard control panel

Further down on this screen you can carry out all kinds of customizations, including changing the team names, colors and uploading logos.

You can also change the layout to be a scorebug layout, see below:

OBS scoreboard control panel

You will use this control panel to control the scores, once you have integrated the overlay into your stream.

💡 You can share the URL of the control panel to give someone else the ability to change scores.

Step 2: Get hold of the overlay URL

Next, we will get hold of the overlay URL (it will look something like this:

Click on the orange "GET SCOREBOARD" button at the top of the control panel. See below: control panel for a streaming overlay

Click on the blue "COPY TO CLIPBOARD" button on the dialog that appears. The URL should now be copied to your clipboard. control panel for a streaming overlay

Onto the final step!

Step 3: Insert the Overlay URL into vMix

The following image shows vMix's main window. We'll add our scoreboard overlay here. The first step is to add a new browser input. Click the "Add input" button as shown below.

vMix main window

Next click on the "Web browser" tab and then paste the URL from the previous step into the field as shown. Finally, click the OK button in the dialog.

vMix adding a browser source

You should now see the scoreboard in the second input slot as shown below. Click the "2" button (it should turn green) to make the input visible in the live-stream.

vMix showing the browser source

The scoreboard overlay will now be visible in the livestream window as shown below. The final step is to change the size and positioning. Click the settings icon:

vMix showing the browser source

In the dialog that opens lick on the "Position" tab. Reduce the zoom by using the slider. Then, in the window at the bottom, drag the scoreboard into the desired position

vMix resizing the the browser source

Finally, close the dialog by clicking on the X at the top right and your scoreboard overlay is now fully integrated into your live-stream:

vMix resizing the the browser source

You can now change the scores, colors and logos on and your scoreboard overlay will instantly update in your live stream. Magic! ✨

Advantages of with vMix

  • No extra software installation needed.
  • Remote scorekeeping capability.
  • Free for basic use, with premium features available.
  • Includes a standalone scoreboard layout (for sharing or projection) and a scorebug layout.
  • Continuously updated with new features and sports.