Stream Elements Widgets Tutorial
This guide walks through the process of loading widgets in StreamElements and OBS Studio, ensuring a smooth and professional-looking stream.
Step One:
-
Download the WIDGET.IO extension.
-
Click here to download.
-
Load your widget in one click.
Step Two:
-
Click on Create New Overlay or select an existing one to modify.
-
Adding a Widget in StreamElements
Step Three:
-
Set the resolution (preferably 1080p), then click Start.
Step Four:
Download all your widget files and upload them separatey.
After Upload click ‘Create Widget’.
If your widget is not displaying completely, expand the widget canvas by dragging it backward.
Step Five:
-
After successfully loading, save it from the top right
-
Give it any name you want.
-
Then, copy the link.
-
Open OBS and create a new scene or use an existing one.
Step Six:
-
Your widget has loaded successfully and is ready to go!
Step Seven:
In OBS, go to the Sources section and click on the plus (+) icon.
Step Eight:
-
After clicking the plus (+) icon, find ‘Browser’ and click on it.
-
Give it any name you want.
Step NINE:
After setting your name, update the values.
Paste the link you copied from StreamElements.
Change the width to 1920px.
Change the height to 1080px
.Click ‘OK’.
Step Ten:
Now you’re ready to go live with your Twitch widgets. Start the streaming!!!!
Step Eleven:
- <h4″>Load the widget in both StreamElements and OBS successfully.
Open Twitch.
Set up your stream as usual.
Go to the Twitch Stream Manager.
Download the command file from Drive,
Enter the commands into your Twitch chat or chatbot panel.
Step Twelve:
Give the command in your Twitch chat.
You’ll see the To-Do List appear in chat.
The streamer timer will begin counting.
The stream chat tasks will start functioning automatically.
You’re now good to go — everything is ready!
Happy streaming! 🎉
If you’re facing any issues, feel free to contact us on Discord.
Our Store
Fully custom stream packages. Choose overlays, animated alerts, chat boxes, frames, and widgets in your cart, then watch your bundle discounts stack up.
Quick links
Important Links
Let’s get in touch
Sign up for our newsletter and receive 30% off your first purchase.