Login to your account and find the Live Streaming Widgets tab from on your dashboard. Here you'll find your custom URLs that you'll integrate into OBS.
To set up the on-screen alerts, you will need to use the Alerts Widget URL. When you're in OBS Studio, look for Sources and click the "+" to add a new source. Select the BrowserSource plugin.
Name it whatever you’d like, and make sure you have "Make source visible" icon checked.
Hit OK and it will take you to the Properties section. Here you'll need to add in your custom Alerts Widget URL (see above!) and also configure the dimensions of the alerts that appear on screen. You can customize the dimensions to whatever you like, but we recommend 500-500 width and 140 height.
Hit OK, and you'll see a black rectangle. This is totally normal!
And done! You’re ready to go!
Next, you may want to set up the leaderboard so it appears on screen as well. You can set the time period you want the leaderboard to run for. For example you can choose to only show the top donors for the day, or you can run a month-long leaderboard for contests and giveaways. The process is essentially the same: You can find the Leaderboard Widget URL in the GawkBox Widgets tab on the left-hand side.
To set it up in OBS:
First, under Sources, click the "+" to add a new source. Select the BrowserSource plugin.
Same thing again, give that widget a name!
On the next screen, add the URL and configure the dimensions of the on screen widget. For the leaderboard, we recommend dimensions at around Height 1080px, Width 600px.
Hit OK and then you'll see the leaderboard on screen. Once a viewer donates to you the leaderboard will populate and fill the dimensions.
That's it, you're ready to go! If you do have any questions or feedback, shoot us a note here and we'll be happy to help!
Ask us Here.
We'll be with you shortly.