Logo

How to add your widget to OBS in 5 minutes

Invalid Date · 1 min read

StreamSpice widgets—like alerts, chat boxes, and donation tickers—add dynamic, interactive elements to your stream. You can easily integrate them into OBS Studio or Streamlabs by using a Browser Source, allowing them to appear seamlessly within your overlay.

Step 1: Get the widget URL

Log in to the dashboard and navigate to the widget you'd like to use—such as alerts, chat, or goals. Once configured, copy the unique widget URL provided. This URL is what OBS Studio or Streamlabs uses to load your widget in real time.

Step 2: Open OBS Studio or Streamlabs

  1. Launch OBS Studio or Streamlabs.
  2. Select the scene where you want to display the widget.

Step 3: Add a Browser Source

  1. In the Sources panel, click the + button.
  2. Choose Browser.
  3. Name the source (e.g., alert box) and click OK.

Step 4: Configure the Browser Source

  1. Paste your widget URL into the URL field.
  2. Set the width and height to match your widget (e.g., 800x600 or as recommended).
  3. (Optional) Check Control audio via OBS if the widget includes sound.
  4. Click OK to finish.

How to add your widget to obs

Tip: Make sure the widget layer is visible and positioned correctly above your gameplay or camera layers.