stars
Activity Feed Widget

Activity Feed Widget

Mahween
Mahween
0
planet-1planet-2

Table of Contents

Our Scene Editor lets you add various customizable overlays to your stream that help you display information or enhance interactivity. The Activity Feed widget is one of these overlays, and we will show you how to use it in this guide.

What is the Activity Feed Widget?

The Sound Alerts Activity Feed overlay displays a dynamic list of your stream's recent alert activities. This widget helps you display recent followers, Bits alerts, Channel Points events, and more to your viewers. At the same time, you can use the list to honor the most loyal members of your community.

Adding the Activity Feed Widget to your Stream

Here are the steps to follow to add the Activity Feed widget to your stream:

  1. Visit the Sound Alerts Scene Editor.
  2. Click "+ Add new Scene" in the top right or select one of your existing scenes.
  3. Select "Add Widget +" in the top left and click on "+Add" for the "Activity Feed".
  4. Use the settings on the left side to adjust the alert types you want to include and adjust the size/position of the Activity Feed via drag and drop.
  5. After that, select "Save" in the top right and enter a name for your scene.
  6. Now click "Copy Source URL" in the top right. You can add this browser source URL to OBSStreamlabs Desktop, or other tools by adding it to your source list as a "Browser" or "Web" source and pasting the link.
  7. Your Activity Feed will now display on your stream once you go live and the scene with the browser source is selected.
Activity Feed Video.webp

Customizing the Activity Feed Widget

The Activity Feed overlay includes many customization possibilities — these include:

  • Position settings: Select the exact position of the alerts in your stream.
  • Opacity settings: Adjust the opacity of your overlay.
  • Maximum elements: Choose how long your list should get.
  • Alert types settings: Pick the alert types you want to include in the list.
  • Styling settings: Change the font, font size, background color, or corner styling.
  • Custom CSS: Use CSS to adapt the style of the Activity Feed.
image.png

 

FAQ

Yes, just change the alert type settings on the left side of the Scene Editor.

Yes, just open our CSS Editor via the settings on the left side of your Scene Editor and get started.

Please make sure that you created your alerts via the Sound Alerts Dashboard.