Guide · 5 steps
How to add a Streamlabs custom widget from a link
Streamlabs stores custom widgets inside widget themes. A share link copies a widget's code and settings into a theme in your account, so the only thing to get right is which theme it lands in.
Short answer
On streamlabs.com, create a new widget theme (Widget Themes › Create a widget theme), open the widget's share link while signed in, and click Use next to the theme you just made. Then copy the widget URL and add it to OBS or Streamlabs Desktop as a Browser source.
Step by step
Create a widget theme
Sign in at streamlabs.com, open Widget Themes and choose Create a widget theme. Name it after the widget you're installing, for example Chatbox.
Open the share link
Open the widget's share link in the same browser. Sign in to Streamlabs if it asks.
Choose your new theme
In the list of themes, click Use next to the theme you just created. The widget opens, with its code and settings in place.
Copy the widget URL
On the widget's page, copy its Widget URL. Keep it private; anyone with it can show the widget.
Add it to OBS
In the Sources panel, click +, choose Browser, give it a name and click OK. Paste the URL and set the width and height given in the widget's instructions. In Streamlabs Desktop, add a Browser Source the same way.
One widget per theme
A theme holds one custom widget. Importing a second widget into the same theme replaces the first, so create a new theme for each one. Streamlabs Desktop also uses the theme that is active for your scene collection; if a widget looks wrong there, check which theme is selected.
Pasting code by hand
If you were given code files instead of a link, open the widget's settings page on streamlabs.com, switch on Enable Custom HTML/CSS and paste each file into its matching box. Streamlabs recommends leaving that switch off unless you added the code yourself, because leftover custom code is a common cause of broken alerts.
StreamElements is simpler for packs
On StreamElements, one link can install a whole pack in one overlay. If you use OBS Studio and haven't picked a service yet, compare the two first.
