Setting Up Alerts in OBS Studio with Streamelements

Listen audio article

So, you're starting to stream and still don't know how to set up alerts? Listen, it's actually not that hard. The main thing is to set up at least one stream alert to understand how it works. There are many types of alerts. For the latest follower, latest subscriber, donations, twitch bits, gifted subs, YouTube, superchat, and so on. It all depends on which platform you connect it to Streamelements. I suggest setting up the first three alerts, new follower, new donation, and new subscriber. These are probably the three most important alerts from the beginning. Don't stress too much about fine-tuning your stream right now. You'll figure it out over time. Streaming is a long and unpredictable journey. Many new streamers get too caught up in perfecting their setup. Spending all their time and energy on settings instead of creating content. Especially when they're not yet used to working with widget platforms like Stream Elements or others. A quick tip about the follower alert. If you're using a follower alert, it's better to keep it silent and make sure it doesn't last longer than 10 seconds. Constant sounds and animations popping up can become annoying. Both for you and your viewers, especially if you're getting a lot of new followers during a stream. Keep in mind that widget systems are not perfect programs. They often break, receive frequent updates, and sometimes have many bugs that users run into. In such cases, you may need to contact support and ask the developers for help. So if something doesn't work as expected, don't panic. It's a common issue, and usually there's a fix for it. And most importantly, don't worry if something isn't working right away. It doesn't mean you're not smart or that streaming isn't for you. I spent over two months figuring things out, learning little by little every day, and I still don't know all the tricks and features that exist here. It's a learning process, and you'll get better over time. The setup process and stream elements alerts can be a bit confusing because there's a small bug with text alignment, which is mentioned in this article. So you'll need to adjust the text spacing manually, but in general, here's how it works. Go to Stream Elements, add a new overlay. This is the widget canvas. Add an alert box to the overlay, customize the appearance of the alerts. Copy the overlay URL into OBS. It doesn't matter if you're using OBS studio or Streamlabs OBS. Just copy the widget URL and add it as a browser source in the sources panel. If you have any questions, leave a comment on this article.

As we all know, alerts can be added to OBS Studio or Streamlabs OBS using various widget systems, such as StreamElements or Streamlabs, among others available online. These are the most trusted options, and starting your streaming journey with them is recommended. We will now be adding twitch alerts in this tutorial. But you can also hook up youtube alerts or whatever.

Adding Streamelements alerts to OBS

Step 1: Log into Streamelements

Let's log into Streamelements using our Twitch account. We will set up alerts there.

Step 2: Create a New Overlay

  • Navigate to the Overlays tab and add a new overlay.

  • Choose the 1080p resolution. if that it offers automatically.
Creating a new alerts on streamelements
  • Below, click the plus (+) icon to add an Alerts Box.

As you can see, we've added the alerts, and they are already functioning. If we test them, we usually find that no one wants to use the standard images, so we use custom overlays and alerts to make our streams look better.

Step 3: Customize Alert Images

To open follower alerts setting klick this icon.

Now, I will add a new video. Click here to upload a new video file for our alerts.
Adding an image alerts streamelements

Here, I’ll switch the layout so that the text displays in front of our image.

Step 4: Test the Alerts

Customizing alerts streamelements

Now you can check how the alerts work. To do this, click on Emulate at the bottom and select Follower Event.

By the way, sometimes the alert text may not be visible. This happens because, by default, the text has a margin of -50px. You can change it in the text settings under 'Advanced'. I adjusted it to 120px, and it worked.

You can find text settings here below on the Alert Settings panel

You can play around with the settings to adjust text size, animation durations, delays before the text appears, and much more. You can customize these settings to your liking.

Step 5: Add Alerts to OBS or Streamlabs OBS

Adding alerts to obs

To add alerts to OBS or Streamlabs OBS, you now need to copy the widget link from here.

Then create a Browser Source; this can be done in both OBS Studio and Streamlabs OBS.

Paste the link in the URL field for the source.

Set the resolution to 1920x1080 or leave as it is.

Step 6: Test the Alerts Again

Now you can test your stream notification again to make sure everything is set up correctly.

After the test message, the alerts should display in OBS on your scene where you added the Browser source with the Streamlabs widget URL.

 

 

Frequently asked questions

Where i can add stream alerts?

You can add alerts to our stream from widget sites like Streamlabs.com or Streamelements.com. You can connect to it using your Twitch or YouTube account to set up alerts for those platforms. It also supports other platforms.

How to change duration of the alerts?

You can change the duration of the alerts on the streamlabs or streamelements website in the alert settings.

Do I need to set up all alerts?

You don't have to install all the alerts that come with the package. For starters, it's better to set an alert for last follower and donation. Then check the situation and add the rest if you need them.

How to add alerts to another scenes?

You can find the source of the alerts in the source panel. Copy it by pressing CTRL+C move to another scene and paste it by CTRL+V

← Previous How to add Animated Stream Overlays In OBS Studio and Streamlabs OBS Next → How to Add Stream Transitions in OBS Studio
Back to blog

Leave a comment

We'd love to hear your thoughts on it!