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.If you want to watch the tutorial, click here.
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:
-
Upload your Downloaded widget ZIP file and click ‘Create Widget’.
-
If your widget is not displaying completely, expand the widget canvas by dragging it backward.
Step Five:
-
You need a Spotify account, then go to
-
widget.greatvtubers.com
and connect your Spotify to Get User API KEY.
Step Six:
After successfully connecting your Spotify, copy the User API Key or press the Copy Key.
Step Seven:
-
Paste your User API key in the API section.
Step Eight:
-
Your widget has loaded successfully and is ready to go!
Step NINE:
-
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 Ten:
-
In OBS, go to the Sources section and click on the plus (+) icon.
Step Eleven:
-
After clicking the plus (+) icon, find ‘Browser’ and click on it.
-
Give it any name you want.
Step Twelve:
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 Thirteen:
Now you’re ready to go live with your Twitch widgets. Happy streaming!!!!
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.