Display content from supported third-party websites, including overlays, alerts, countdown timers, scoreboards, and subscriber counters, or engage your audience with interactive widgets like live polls, reactions, and viewer counts.
How to add a built-in widget
Click Widgets in the sidebar.
Click Add.
Choose the built-in widget you want to add:
X Alerts – Display alerts for follows, subscriptions, and likes on X.
Reactions – Show chat emojis as floating reactions on your stream.
Live Viewers – Display the total live viewer count across your channels.
Live Poll – Let your audience vote by typing a number in chat.
Once added, your widget will appear under All widgets in the sidebar.
Drag the widget to reposition it or adjust its size to fit your scene.
How to add a browser source
Click Widgets in the sidebar.
Click Add.
Enter a name for the source.
Paste the browser source URL into the Link field.
Click Add to scene.
Select the browser source to add it to your scene.
Click and drag the browser source to reposition it anywhere on the canvas.
How to customize your widgets
Select the widget on your Studio canvas.
Drag and drop the widget to reposition it anywhere on the canvas.
To adjust its size, hold Shift and drag the widget's corners or edges.
Click the three dots (⋯) in the upper-right corner of the widget to access additional options:
Maximize
Scale
Bring to front
Bring forward
Send backward
Send to back
Hide
💡 You can layer multiple widgets and other elements on your canvas. Use the arrangement options to control which elements appear in front of or behind others.
Requirements
On the Free plan, you can add 1 widget to each scene. On any paid plan, you can add up to 5 widgets per scene.
Browser Source is only available in landscape (horizontal) scenes.
Browser Source accepts a direct URL, not a full embed code. If a service provides an iframe embed code, copy the URL from the
srcfield and paste that URL.Using multiple animated browser sources may affect Studio performance.
FAQ
What can I add as a browser source?
What can I add as a browser source?
You can add content from services that provide embeddable URLs, including:
Streamlabs alerts
StreamElements overlays
Countdown timers
Polls
Subscriber counters
Scoreboards
Music players
Other web-based widgets
Why isn't my browser source loading?
Why isn't my browser source loading?
If your browser source isn't displaying correctly, check the following:
Make sure you pasted a URL, not the full HTML embed code.
Some websites do not allow their content to be embedded in other applications. If embedding is restricted, the browser source will not display in Studio.
Can browser sources play audio?
Can browser sources play audio?
Yes, browser sources will play audio from supported sources.
Keep in mind that you are responsible for ensuring you have the rights to stream any audio content used in your broadcast.
Can I use browser sources in portrait scenes?
Can I use browser sources in portrait scenes?
No, Browser Source is currently available only in horizontal scenes.
Why does the font in my browser source look different/get rendered incorrectly in the stream?
Why does the font in my browser source look different/get rendered incorrectly in the stream?
Browser sources are rendered on our servers where some system fonts may not be available. If your website doesn't load its own fonts, a different font may be used in the stream. To avoid this, you may reach out to the website administrator to add the fonts using Google Fonts or custom CSS.
💡 Don't need a third-party overlay? Add graphics directly in Studio instead.