Hey, this is Dustin from Streamlabs.
Today I'm going to show you how to set up
a tip jar widget in Streamlabs OBS.
The tip jar is a great way to let your viewers
visualize their contribution when they send
you a tip, follow, or subscribe.
You’re going to want to open up Streamlabs
OBS and find “The Jar” from your dashboard
under “Widgets”.
You can start out by selecting which actions
you’d like to see animations fall into your
tip jar for.
It’s common to disable follows since these
occur very frequently, but we want to keep
things like tips and subscriptions enabled
to celebrate those every time.
Streamlabs OBS has a variety of jars from
fancy to plain to seasonal.
Pick the one you’d like to have your viewers
toss their contributions into.
For the next section, if you have some knowledge
of HTML, CSS, and Javascript--or a designer
friend who does--you can customize your jar
even more by enabling custom code.
For the sake of this tutorial we’ll stick
with one of the premade jars.
Next you can choose if you’d like text to
run across the screen as someone makes a contribution.
In most cases you’ll have a separate alert
and wont need to use this, but if you’d
like to have the text, check the box and set
the font, color, and size.
You may want to require a minimum amount to
be donated in order for it to show up in the
jar.
Let’s set it so only 50 and up bits will
show, and $5 tips or more.
Here you can change the background color for
when you test your tip jar widget.
For now we can ignore this--we will test later
in the editor.
Great, now click Save Settings.
In Streamlabs OBS editor, under sources go
to the plus sign, add ‘the jar’ and press
“add source”.
Name it what you’d like.
Since you’ve created the tip jar you want
to use already, click ‘existing source’.
When you get it just how you want it to look,
move it over to where you want it on your
scene.
Once placed, you can test the tip jar by going
to the bottom right, next to “record”
and testing various contributions to see them
fall into the jar.
If you aren’t using Streamlabs OBS, you
can place the widget by pasting the URL from
the top as a browser source.
Be sure to download Streamlabs OBS by visiting
Streamlabs.com and hop into our Discord server
at Discord.gg/stream for live community support.
Check out the links in the description below.
