Blog > 17 February, 2023
Step-by-step instructions for adding a scoreboard overlay to your live stream. Ideal for StreamLabs software.
Are you looking to add a professional touch to your live stream? Whether you're streaming a gaming tournament, a sports match, or any other type of event, a scoreboard overlay can help keep your viewers informed and engaged. With StreamLabs, a popular streaming platform, adding a scoreboard overlay is easier than ever. In this article, we'll walk you through the steps to add an overlay to your stream.
Streamlabs is a popular and free live-streaming software that provides a wide range of tools and features for streamers. You can download it here. The software is based on OBS (Open Broadcaster Software), which is another very popular open-source streaming platform.
Streamlabs allows content creators to go live on various platforms, including Twitch, YouTube, and Facebook, and provides them with a suite of customizable widgets, alerts, and overlays to enhance their streams. It also provides detailed analytics, allowing streamers to track their growth and engagement, and features a donation system that enables viewers to support their favorite creators with ease.
One thing that Streamlabs does not offer, however, is the ability to add a scoreboard overlay to your stream. This is where we, KeepTheScore.com, come in. We provide a free and easy-to-use solution that you can add to your Streamlabs stream in just a few minutes. Some features, such as uploading logos are paid, but the basic functionality is free. There are no watermarks or ads in our overlays.
Our product also comes with a stand-alone online scoreboard that you can share on social media or project onto a big screen. You are basically getting multiple scoreboards at once. All of them are live and update in real-time.
There are 3 steps to adding the scoring overlay to your live-stream. They are listed below and will be explained in more detail further down.
In this step we create and customize the live scoreboard overlay. To begin, click here to create your scoreboard and then click "Start here". You can do this without registering an account.
You should then see the following. This is your "control panel".
Click on the team names to edit them. You can also configure a few other things.
You will use this control panel to change the scores, once you have integrated the overlay into your stream. You can also share the URL of the control panel to give someone else the ability to change scores.
The score panel also works great on a mobile device or tablet, all without having to install any extra apps!
Next, we will get hold of the overlay URL. It will look something like this:
https://keepthescore.com/stream/vzrxdnpiedr/
. This is all you need to insert the overlay into your stream.
Click on the orange "SHOW AND SHARE YOUR SCOREBOARD" button at the top of the control panel. You will then see a screen like this:
Click the panel that the arrow is pointing to in the image above. Now you will see this:
Click on the blue "COPY URL" button. The URL should now be copied to your clipboard.
By the way, you can also choose the layout of the overlay on the above screen. Choose between a horizontal or vertical layout.
Onto the final step!
The image below shows the main Streamlabs window with a placeholder image instead of the live stream. We will add our scoreboard overlay to this placeholder image.
We are going add a new "source". Go to the source window at the bottom and click on the "+" button. Then click on "browser source" and then on the "Add source" button.
You will be asked to enter a name for the source and after clicking "Add source" again, you will see the following screen. This is where you paste the URL you copied earlier into the URL field. You should also change the width to 1200
as shown below. Finally, click on "CLOSE".
Your new scoreboard overlay should now be visible as shown on the screenshot below. Adjust the size of the overlay by dragging the green frame.
Click on OK, and your new browser source should be added and visible as below:
You are now ready to start streaming! 🎉
Change the scores by going back to the control panel on KeepTheScore.com. You can of course also update the scores on a mobile device or tablet.
Just to remind you why the Keepthescore.com solution is great:
Do you have a question, feedback, or a feature request?
Great! We answer every message within 1 working day (sometimes on the weekend too). You can reach us in the following ways: