The StreamElements Overlay Manager makes creating and editing overlays simple. Overlays created in StreamElements are stored in the cloud, which saves CPU and can be opened from anywhere. Check out this video to learn more.
Still have questions? We are here for you on our Discord channel.
My Overlays (Overlay Manager) settings button index
| Button Image | Button/Displayed on screen | Function | What is it connected to |
 |
Search | Allows you to search through your overlays to find a particular one |
|
 |
Import from other Channels | Allows users to import an overlay from their own My Overlays page into the My Overlays page of an account they have dashboard access for | |
 |
Create blank overlay | Enables you to create a new stream overlay on StreamElements | |
 |
Create blank overlay - new overlay popup | Choose name, game and resolution for your overlay. | |
 |
First icon - "launch overlay" | Enables you to connect the overlay manager to your streaming software by copying and pasting the URL that appears | |
 |
Second icon - pencil icon "go to overlay editor" | Takes you to your overlay to design it as you wish | |
 |
Third icon - "remove overlay" | Deletes the overlay of your choosing | |
 |
Fourth icon "duplicate overlay" | Duplicates the overlay of your choosing | |
 |
Editor | Takes you to the overlay editor | |
|
Widgets | Takes you to the widgets menu to add to your overlay | Twitch follow system, Twitch bits system, Twitch sub system, Tipping system, Songrequest, Twitch chat, Stream store,Songrequest, Twitch chat, Stream storeub system, Tipping system, Songrequest, Twitch chat, Stream storeSongrequest, Twitch chat, Stream store |
|
|
Data | List of premade themes for different games with everything you need to go live | |
 |
Insert text | Enables you to write any text you like and add it to your overlay | |
 |
Insert image | Enables you to upload image or gif and add it to your overlay | |
 |
Insert video | Enables you to upload videos and add it to your overlay | |
 |
Snapping: On/Off | Toggles snapping on/off for widgets in the overlay manager | |
 |
Zoom In | Allows you to zoom in to get a more zoomed view of the canvas within the overlay manager | |
 |
Zoom Out | Allows you to zoom out to get a less zoomed view of the canvas within the overlay manager | |
 |
Fit to Screen | Make the currently selected widget fit the full canvas within the overlay manager | |
 |
Reset Zoom | Reset your zoom percentage to 100% (default) | |
 |
Mute/Unmute Audio in the Editor | Toggles audio within the overlay manager, the icon will change to have a line through it when muted | |
 |
Exit | Exits the overlay manager, does not save any changes you've made | |
 |
Layers | Shows and hides a full list of your active widgets and where they are layered in the overlay manager | |
 |
Move 1 layer up/down | Moves the currently selected widget up or down a layer in the list of active widgets | |
 |
Duplicate Widget | Duplicates your current widget to either the current overlay or a different overlay, you can prompted to choose which overlay you wish to duplicate the widget to | |
 |
Delete Widget | Deletes the currently selected widget from your overlay, use with caution | |
 |
Toggle Visibility On/Off | Toggles the visibility of your current widget, when visibility is set to off and the overlay is saved the widget will not appear on your streaming software | |
 |
Lock/Unlock Layer | Toggles whether the currently selected widget can be moved around the overlay manager or whether it's locked in place | |
 |
Save | Saves all changed you make on your overlay so they appear on the live version in your streaming software | |
 |
Launch | Provides you with the URL required to input your overlay into your streaming software via a Browser Source | |
 |
Event emulator | Launch a test alert for testing purposes | Twitch follow system, Twitch bits system, Twitch sub system, Tipping system, Stream store, Twitch hosting system, Twitch raid system |
 |
Stream Alerts | Where all of your Stream Alert widgets are located | Widgets |
 |
Alert Box | All in one tool which shows all your alerts for donations, subscribers, followers, cheers, hosts and raids | Tipping system, Twitch sub system, Twitch hosting system, Twitch follow system, Twitch raid system |
|
Alert Box - Advanced settings |
Enables:
1. Change the image of the alert
2. Set a video for the alert to display
3. Change the sound of the alert
4. Moderate the volume of the alert
5. Change it's layout
6. Change the alert message
7. Moderate the alert duration
|
|
|
Text settings |
Enables you to:
1. Change the font, size and color of the text on the alert
2. Change the position of the text
3. Change the text style- bold/Italic/underlined/uppercase. 4. Under Highlight - change the animation and color of the name of the follower/sub/donator/host/cheer/raid giver
|
|
 |
Animation settings | Enables you to change the animation of the alert image/video and the text when they enter the page and when they leave the page, also enabled you to delay the appearance and the disappearance of the text | |
 |
Variation Settings - Add new variation | Enables you to change the alert if the tip is over/exactly X amount: change name, change amount, image, video, volume, layout, alert message, alert duration, enable TTS, change text font/size/color/alignment/animation/size/appearance delay/disappearance delay | |
 |
TTS Settings | Here you can enable text to speech, adjust the speech volume, change its voice and decide on the amount of tip/cheer/subs/host/raid required to trigger text to speech | |
 |
Hype Cup | A customizable cup which gets filled with various different tokens for every kind of event | Twitch follow system, Twitch bits system, Twitch sub system, Tipping system, Twitch hosting system, Twitch raid system |
 |
Store redemptions | Widget that shows an alert whenever a viewer redeems a Stream Perk from your store, also required for sounds to play when a sound item is redeemed | Stream store |
 |
KappaGen | Widget that allows you to have animated emotes whenever you receive an event such as a follow/sub/tip/cheer/host/raid but also can show emotes put into your Twitch chat onto the overlay | Twitch follow system, Twitch bits system, Twitch sub system, Tipping system, Twitch hosting system, Twitch raid system |
 |
KappaGen Settings |
Chat Emotes: 1. Having the emotes run on the entire screen. 1. Emotes animation |
Twitch Stream chat |
 |
Stream Labels | A label which is displayed on your screen, showing different information as follows: | |
 |
Latest Follower | Displays the latest follower's name on your overlay | Twitch follow system |
 |
Latest Subscriber | Displays the latest subscriber's name on your overlay | Twitch sub system |
 |
Latest Tipper | Displays the latest tipper's name and tipped amount on your overlay | Tipping system |
 |
Latest Host | Displays the last person to host the channel and the amount of viewers from the host | Twitch host system |
 |
Recent Hosts | Displays a list of recent hosts - name and amount | Twitch host system |
 |
Recent Followers | Displays a list of recent followers | Twitch follow system |
 |
Recent Subscribers | Displays a list of recent subscribers | Twitch sub system |
 |
Recent Cheers | Displays a list of recent cheers - name and amount | Twitch bits system |
 |
Recent Tips | Displays a list of recent tips - name and amount | Tipping system |
 |
Total Followers | Displays the total amount of followers you have on your overlay | Twitch follow system |
 |
Total subscribers | Displays the total amount of subscribers you have on your channel- choose between daily weekly monthly and all times total | Twitch sub system |
 |
Total tips amount | Displays the total amount of tips you have received from viewers - choose between daily, weekly, monthly or all-time | Tipping system |
 |
Tips Count | Displays the total count of different tips you have received | Tipping system |
 |
Train Count Widget | Displays a timer for different viewers activities - Tip, Subscribe, Follow etc. | Tipping system, Twitch sub system, Twitch follow system |
 |
Top Tip | Displays the highest donation of the day, week, month or all-time | Tipping system |
 |
Top Tipper | Displays the top tipper of the day, week, month or all- time | Tipping system |
 |
Top Tippers List | Displays a list showing the top tippers, the amount of people shown can be changed | Tipping system |
 |
Top Cheerers List | Display a list showing the top cheerers, the amount of people shown can be changed | Twitch Bits system |
 |
Top Cheer | Displays the highest cheer of the day, week, month or all-time | Twitch Bits system |
 |
Top Cheerer | Display the top cheerer of the day, week, month or all-time | Twitch Bits system |
 |
Total Cheers Amount | Displays the total amount of cheers you have received from viewers - choose between daily, weekly, monthly or all-time | Twitch Bits system |
 |
Event List | Real time event list ticker that shows recent activity | Twitch follow system, Twitch bits system, Twitch sub system, Tipping system, Twitch hosting system, Twitch raid system |
 |
Current Song | Displays which requested song is currently playing on your channel - if on plug.dj, dubtrack.fm or StreamElements song request system | Song request system |
 |
Custom Event List | Allows you to build a custom event list using CSS and Javascript (only recommended for users who know how to use it) | Twitch follow system, Twitch bits system, Twitch sub system, Tipping system, Twitch hosting system, Twitch raid system |
 |
Stream Goals | ||
 |
Tip Goal | Displays a tip goal on your overlay | Tipping system |
 |
Cheer Goal | Displays a cheer goal on your overlay | Twitch bits system |
 |
Subscriber Goal | Displays your subscriber goal on your overlay | Twitch sub system |
 |
Follower Goal | Displays your follower goal on your overlay | Twitch follow system |
 |
Static | ||
 |
Text | Enables you to write any text you like and add it to your overlay | |
 |
Image | Enables you to upload any image or gif you like and add it to your overlay | |
 |
Video | Enables you to upload any video you like and add it to your overlay | |
 |
Image rotator | Enables you to display images as a slideshow | |
 |
Seasonal | ||
 |
Extra Life Donation Alert Box | Alert box that displays Extra Life donations on your overlay | |
 |
Tiltify Donation Alert Box | Alert box that displays Tiltify donations on your overlay | |
 |
Extra Life Donation Tracker | Track donations made to Extra Life using your Extra Life participant ID | |
 |
Tiltify Donation Tracker | Track donations made to Tiltify using your Tiltify campaign URL | |
 |
Trick or Treat | A visual addition to your overlay with pre-made Halloween-themed images and animations | |
 |
Let It Snow | A visual addition to your overlay which adds animated snow which falls down from the top of the widget window, can be set to fit the whole screen | |
 |
Holiday Decorations | A visual addition to your overlay which adds holiday decorations to celebrate the holidays | |
 |
MediaShare | Enables you to show your currently requested song on your stream using the MediaShare feature within the song request page, remember that this does not work with playlist songs, only requested songs | Song request page |
 |
Stream Engagement | ||
 |
Your channel's Twitch chat | Enables you to display your channel's Twitch chat in real time on your overlay | Twitch Stream chat |
 |
Countdown | Enables you to display a countdown on your overlay from a specific time or countdown to a specific date/time | |
 |
Giveaway | Displays the currently active giveaway on your overlay | |
 |
Contest | Displays the currently active contest on your overlay |
Comments
5 comments
Is there anyway to do this without obs?
Hi there,
Sorry for the delayed reply - we're still setting up this comment system.
To answer your question, in order to show the overlay in your stream you need a streaming software that allows adding a "Browser Source". Here's a list of recommended streaming tools:
- OBS
- XSplit
- Gameshow
How do I make a transparent video that I can use in an overlay like Shroud has? I'm confused to that aspect.
Is there any way to copy an element from one overlay to another or could you release the source images. I love the animated themes I just need to set them up in a different way.
Is there anyway i can delay a stream label from updating? I have an alert that plays on top of it and i dont want the label to update until the alert is over
Please sign in to leave a comment.