Hi, this is Dustin from Streamlabs.
Alerts are a great way to engage with your
viewers and let them know you appreciate them
for watching your stream and being a part
of your community.
Today I'm going to show you how to create
your own alerts to notify your viewers when
you receive a follow, donation, and more!
Let’s start off in Streamlabs OBS by going
to the Alert Box tab under Widgets.
For this tutorial we’ll demonstrate how
to set up an alert for Followers, and go through
each option at a time.
The Alert Box widget handles many different
types of alerts.
There may be times where you want to disable
some of these from showing, and it can be
toggled on and off here.
Let’s keep these enabled.
A basic alert will typically have text accompanied
by a graphic or gif.
You can have this displayed in any of three
ways.
Let’s choose to have the text appear below
the graphic.
Alert animations will let you choose how the
alert appears and disappears from your stream.
There’s a whole lot of options here so we’ll
just pick a few that will look good.
The message template is customizable and will
use the name of the viewer who triggered the
event by using ‘name’ in brackets.
For example, let’s change this to say “Thank
you for following me, {name}!
You rock!”
In addition to the alert animation, you can
have a separate text animation.
Let’s have the words pulse.
For the image, you can either choose a static
image or an animated gif.
When you go to your media gallery it will
allow you to choose uploaded files or stock
files.
Similarly, you can upload which sound you’d
like to use, should you want some audio to
accompany the alert.
Sound volume can be adjusted.
Alert duration will determine how long the
entire alert is played, and Alert Text Delay
can be used if you’d like the text to appear
some time after the graphic and sound begin
to play.
If you have some knowledge of HTML, CSS, and
Javascript--or a designer friend who does--you
can customize your alerts even more by enabling
custom code in Streamlabs OBS.
There’s a few more options under Font Settings
and Alert Variations.
Go under Font Settings to change how you want
text to appear.
You can modify the font, size, weight, color,
and highlight color.
Highlighted words are those with brackets
in the message, like the name of the viewer
who tipped, for example.
Next, if you want to spice it up by adding
a few different alerts, you can make variations--either
starting out with the original default, or
with a duplicate of the alert you currently
have.
Now that you have your preferences set, save
settings and get ready for one last step.
In Streamlabs OBS editor, under sources go
to the plus sign, add ‘alert box’ and
press “add source”.
Since you’ve created the alertbox you want
to use already, click ‘existing source’.
You can check the properties to play with
a couple more settings.
When you get it just how you want it to look,
move it over to where you want it on your
scene.
At the bottom right of Streamlabs OBS, you
can click Test Widgets, and press Follow,
to test and make sure things are working properly.
If you aren’t using Streamlabs OBS, you
can place the widget by pasting the URL from
the top as a browser source.
Congratulations on setting up your first alert!
You can follow the same guide for setting
up different kinds of alerts, like subs, donations,
and more.
Always remember to test before going live!
Stay tuned in the next video of this series
where we will show you how to import plenty
of awesome free alerts from the Streamlabs
OBS library.
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.
