Setting up your Streamlabs widgets

This guide will walk you through the process of setting up your Streamlabs widgets (Alertbox, Donation Goals, Chatbox, Event List, and Donation Ticker). 


The Alertbox


The Alertbox allows you to have on screen alerts for your Follows, Tips, Subscribers and much more!

To get started click "Alert Box" on the left sidebar. Then near the top of the page copy your "Alert Box link".



Streamlabs OBS Instructions:

No need to copy your URL from our site- simply click the + button to add a source and select the Alert Box Widget from the list. 


X-split Instructions:

Open Xsplit and click add. Mouse down to Other and click “Url source”. Paste your widget link in.



OBS Instructions

Open OBS and click add. Mouse down to “Browser Source”. You will be prompted to add your link.



Gameshow Instructions:

Click add > web display and paste your link and click "ok". 




Testing Alerts: 

You can click test at the top of the Alertbox page or the bottom of Slobs to test at any time.




Customize your alerts and press save.

You can customize the text,image,sound, and much more!


Donation Goals


Donation goals are a great way to get your viewers involved and show them that their donations are going towards you and the stream.

The streamer above is using the donation goal bar to have his chat raise money for his Server bill

To get started setting up a donation goal you will need to go to the donation goal page found here:

  1. Setup your donation goal information

Start by entering in what you want the total of your donation goal bar to say.This is what will display above the goal bar when others see it. (Ex: Server bill for October) Next, you will want to set your goal amount, once the money reaches the amount the bar will be full.The starting amount value can be used if you have already raised some donations and want to have them go towards the goal. Lastly set an End date in the End After box, this will decide when you want your goal to end. (When entering the end date you need to give the entire date such as 07/21/2016 ) When you are ready click the big green "Start Donation Goal" button.

    2. Customize the donation goal bar

 To get started customizing your donation goal either press the big green "Donation Goal Widget " button or navigate to Here you can customize the standard or condensed layout and change any of the colors the bar uses. The font area can use any font on .

   3. Add the widget

When you have it customized in the preview make sure to press the save settings button and then simply copy and paste the link at the top and insert it into your stream software.


Currently, an existing goal cannot be edited. if you want to change something in the goal itself you will need to end the goal and set a starting amount to continue your progress.


The Chatbox


The chatbox will allow you to beautifully show your chat on screen.

To set it up you will want to make sure you have prepared your software for widgets. (Guide can be found here: Next go to and copy your custom link at the top and insert it into your streaming software. 


Theme can be used to set the look of your chat overlay using several premade themes or use custom css.

Badges will set what badges are shown in your chatbox widget. If you want to show mod icons or disable them. 

Extra Emotes can be checked if you want to show BTTV or FFZ emoticons on your chat overlay.

Background Color will set the color behind the chat. (Only worry about this if you are window capturing)

Text Color is the color of the chat messages in your chat overlay.

Text Size sets the size of all text in the overlay.


Hide Message After can be used to fade messages away after a set time. You can use the "Always Show Messages" box to disable fading . 

Hide Chatters can be checked and you can list names of users you want to hide in your chat. (Such as common bots used).


The Event List 


The event list is a way to easily and cleanly show your recent events such as followers, subscribers, or donations. 

To set it up you will want to make sure you have prepared your software for widgets. (Guide can be found here:

Then simply copy the url at the top of the event list page and insert it into your streaming software. 

After you have done this you can now spend your time tweaking it . 


Theme will allow you to switch between some premade themes or set it to custom css.

Theme Color can be used to change the main color of the theme you are using.

Max events will allow you to set how many boxes the event list creates and shows at once.

Background Color will allow you to change the color behind the events. ( You only need to worry about this if you window capture)


Text Color is used for all the text within the event boxes.

Font will allow you to change the font inside your events.

Font size can be slid across to increase or decrease the size of your event text.

Animation allows you to set the animations on how the event boxes will enter and exit the window.

Animation Speed will let you set how quickly the animations occurs when the box enters or exits.  

Flip X and Flip Y allow you to set the axis the top box sits on. If you were to flip Y you would notice the top box would be at the bottom instead.

If you are a more advanced user you can set your theme to custom css and start coding away. 


The Donation Ticker 


The donation ticker is a pretty way to show your most recent donations scroll across your stream.

To set it up you will want to make sure you have prepared your software for widgets. (Guide can be found here:

Next head over to copy the link at the top and paste it into your streaming software.

Now you can tinker with the Ticker's many settings.


Message Format can be used to modify if you want just the name or just the amounts to be shown.

Max Donations will set the maximum amount of donations the ticker will show at once.

Text Scroll Speed will set how quickly the ticker scrolls across the screen.

Background Color will set the color behind the ticker widget (you only need to worry about this if you are window capturing)

Font will let you change the font the widget displays in. (You can use to see what you can use)

Font Size will let you change how big or small the Donation Ticker's font is. 

Font Weight will change how thick the font displays.

Text Color changes the color of any extra text added around the {name} or amount.

Name Text Color changes the color for the usernames who donated.

Amount Text Color changes the color for the money amount received.

You can always revert back to the default settings if you don't like your current ones. 



Have more questions? Submit a request


Article is closed for comments.