How to Show Stream Activity with the Event List Widget


Today I'm going to show you how to better engage with your audience by adding the Event List widget.

If you want to give your viewers immediate and permanent acknowledgement on your channel for donating, subscribing, purchasing merch, or interacting with you in some other way, the Event List widget is a great way to do that. It is a feed that constantly updates with these various activities.

For this tutorial we’ll be showing the changes as we make them, so you can easily see what each option does. Once you’ve saved you can also see a preview by launching the Widget URL here.

We’ll start with a default event list and modify it to fit our style.

Here you can choose what events you want to appear in your feed, you can toggle each one on and off. For many channels, you may get a lot of followers during each broadcast and only want to highlight donations and subscriptions. You can do that by removing follows from the list, and so on.

Here you can set the minimum amount for a bit donation to show.

Max events is another important setting, which lets you choose how long the list will be showing at a given time. The more you have showing the longer the list will be, taking up real estate on your scene, so make sure you have room for as many as you want to show. 3-4 seems like a good amount.

Background color is different from theme color. What this does is change the background on your preview, which you can check out for testing later.

Text color, font, and font size are all pretty simple, you can change these as you like.

The next part is fun: playing with the animations. Check out the animations, speed, and fade time. There’s a ton of options to choose from for how you want your Events to appear and disappear from the list. The animation speed is slowed down the higher the number is.

Fade time can be set above zero if you ever want the Event list to disappear, otherwise it will take that many seconds for the entire Event to go away from the list.

Other options allow you to flip the way events are displayed. For example  you can Flip Y to have the events come from the bottom up

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

Click save and your Event list is setup. 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 event list and press “add source”. Name it what you’d like. Since you’ve created the event list already that you will be adding an existing source. You can right click and go to properties to play with a couple more settings, like width [show example]. 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.

Have more questions? Submit a request


Article is closed for comments.