The Sound Alerts Scene Editor lets you add various kinds of valuable overlays to your stream. A handy choice among streamers who want to honor loyal community members is the Leaderboard widget — this guide will show you how to set it up for your livestream on Twitch.
What is the Leaderboard Widget?
The Leaderboard widget is a dynamic stream overlay that displays your stream viewers' current ranking in categories like the total number of Bits they have spent through the Sound Alerts Twitch Extension. It has additional customization options, enabling you to match it with your stream design.
Adding the Leaderboard Widget
Here are the steps to follow to add the Leaderboard widget to your stream:
- Visit the Sound Alerts Scene Editor.
- Click "+ Add new Scene" in the top right or select one of your existing scenes.
- Select "Add Widget +" in the top left and click on "+Add" for the "Leaderboard".
- Use the settings on the left side to adjust the entries you want to include and adjust the size/position of the Leaderboard via drag and drop.
- After that, select "Save" in the top right and enter a name for your scene.
- Now click "Copy Source URL" in the top right. You can add this browser source URL to OBS, Streamlabs Desktop, or other tools by adding it to your source list as a "Browser" or "Web" source and pasting the link.
- Your Leaderboard will now display on your stream once you go live and the scene with the browser source is selected.
Customizing the Leaderboard Widget
The Leaderboard overlay offers many customization possibilities — these include:
- Position settings: Select the exact position of the leaderboard in your stream.
- Display settings: Select whether you want to display the ranking of users or media used in your list.
- Opacity settings: Adjust the opacity of your overlay.
- Maximum elements: Choose how long your list should get.
- Timeframe settings: Pick the timeframe of entries you want to include in the ranking.
- Styling settings: Change the font, font size, background color, trophy display, or corner styling.
- Custom CSS: Use CSS to adapt the style of the Leaderboard.