StreamElements Widget Import
Log in to StreamElements:
- Go to StreamElements and log in with your streaming account.
Widget Link:
- Navigate to the folder you downloaded and click to open the TXT file “StreamElements Widget Link” Copy the link that you will find inside and paste it into the browser tab
- To edit Open a new overlay that was created on your account
Widget Alerts Settings
Widget settings IMPORTANT
- If you can’t see the widget when you open the overlay, please emulate a few alerts it will be cached in the browser, sometimes Chrome needs to play cached animations to show them, no worries it’s not a bug give the widget 2-5 min to run the animations. In OBS it will play normally.
- Event Settings
- Here you can enable or disable events. If you don’t want to show the Follow alert for example, please uncheck the box, the alert won’t play for the follower
- Here you can enable or disable events. If you don’t want to show the Follow alert for example, please uncheck the box, the alert won’t play for the follower
Font Settings
- Here you can adjust the font to pick the best font for your needs please visit https://fonts.google.com/ to check the preview of the font you want and pick that font from the dropdown menu
- Sentence Case: Pick the case sensitivity, if you want a Capital letter first for a username or all letters capitalized.
Sound Settings
- Here you can adjust the sound for each alert, there are 8 sound options, please check this video for the sound variations
- Idle Pop-Ups
- Here you can set the timer for the pop-up animations, 5 different pop-up animations will be triggered in a specific time you set.
- For example: you can set that every 20 sec pop-up will be seen, this is not an alert or event trigger it’s just an animation that keeps your widget moving and it’s interesting to see when no events are happening.
- The video below will show all pop-up animations
- Animations are played randomly
Carousel Settings
- Here you can adjust the event’s rotation, this is set for the events that will show on the widget banner.
- Enable or disable the rotation of the events as you like
- Adjust the text for the events, just make sure you do not delete any text that is in the {} it’s important that it stays because that’s how StreamElements is receiving name/amount from the twitch
### Template for the carousel / events message
Follower Carousel: Latest Follower <br> {username}
Subscriber Carousel: Latest Subscriber <br> {username} x{amount}
SubGift Carousel: Latest Subgift <br> {username} x{amount}
Community Gift: Latest Community Gift <br> {sender} x{amount}
Tip Carousel: Latest Tip <br> {username} ${amount}
Cheer Carousel: Latest Cheer <br> {username} x{amount}
Raid Carousel: Latest Raid <br> {username} x{amount}
Get the Widget URL:
- At the top of the overlay in the menu bar find the “Widget URL” section and copy the URL provided for your alerts.
Add Alerts to Streaming Software:
- Open your streaming software (OBS, Streamlabs Desktop, etc.).
- In OBS, add a new “Browser Source” and paste the Widget URL you copied.
- Widget Overlay Size in OBS browser source: 850x850
Test Widget:
- Make sure you emulate all alerts before you go live to insure that your widget is working properly