How to Set Up the Goal Widget


Today I'm going to show you how to set up a goal widget. It’s great to keep your goals visible to your audience so they can know how close you are to reaching your objectives, and visually see their contribution make a difference. A couple popular use cases are charity streams and saving up for stream upgrades like hardware.

Streamlabs OBS supports three different types of goal settings: donations, followers, and bits. Since these are all very similar in setup, we’ll walk through just one: donations. You can see what your goal bar looks like by clicking “my goal”, but for the sake of the tutorial we’ll stay with “ Sample goal” so you can see how it looks after some use.

There are four pieces of information you’ll need to enter to set up your goal bar. The title is important so any newcomer to your channel can quickly understand what you’re trying to achieve and where you intend to spend the tips you earn. Let’s say for a new microphone.

Next, we’ll put the goal amount. Maybe the microphone we want is $100 and we want to cover our shipping so we will put $110.

For starting amount, normally you’d put zero so your stream tips can help you all the way through, but maybe as you set this up your friend already gave you $5, you can start it at 5.

The End date will let viewers know how long they have to tip for this cause.

Next, click Settings to make your bar fit with the theme of your channel. You can make the layout condensed to save some space, and play with numerous color options.

Another way to make your goal widget stand out or more, or be more compact, is to change the bar thickness.

There’s a large selection of fonts you can choose as well.

Lastly, if you have some knowledge of HTML, CSS, and Javascript--or a designer friend who does--you can customize your goal widget even more by enabling custom code in Streamlabs OBS.

Next time you can also try out premade themes by choosing from the list at the top.

Click save and your donation goal is set up. Now you’ll have to make sure to include the widget in your scene.

In Streamlabs OBS editor, under sources go to the plus sign, add ‘donation goal’ and press “add source”. Name it what you’d like. Since you’ve created the donation goal you want to use already, click ‘existing source’. You can check the properties to play with a couple more settings, like width. When you get it just how you want it to look, move it over to where you want it on your scene.

If you aren’t using Streamlabs OBS, you can place the widget by pasting the URL from the top as a browser source.

That’s the last step and you’re all done!

Have more questions? Submit a request


Article is closed for comments.