StreamAscend User Guide
How to configure your overlays and add them to OBS or Streamlabs — 3 steps, always the same, no matter which overlay.
The 3-step principle
Every StreamAscend overlay works the same way. Once you understand these 3 steps, you know how to use any page in the dashboard.
- 1Configure the overlay on its page in your StreamAscend dashboard (colors, text, thresholds, animations…).
- 2Copy its link with the "Copy" button next to the URL field — every overlay has a unique link tied to your account.
- 3Paste it as a Browser Source in OBS or Streamlabs, resize it, and it's live.
Adding the source in OBS / Streamlabs
In OBS Studio
In the Sources panel → click + → Browser Source → name it → paste the copied URL in the "URL" field → set a width/height (1920×1080 works for most full-screen overlays) → OK.
In Streamlabs
In Sources → + Add Source → Browser Source → paste the URL → set the size → Add Source.
Alerts & interactions
Twitch Alerts
On-screen animation for every follow, sub, cheer or raid, with customizable sound and text.
Channel Points (GIFs)
Displays a GIF chosen by the viewer when they redeem a channel points reward.
Emote Rain
Rains your channel's emotes on screen, triggered by a command or channel points.
Poll
Live voting overlay for your community, optionally weighted by sub/follow status.
On-screen chat
Minimal chat
Shows only the latest chat message, as a discreet overlay — great for full-screen gameplay.
Multi-message chat
Displays a feed of several recent messages, with badges and emotes, like a classic chat window.
Goals & progress
Donation Goal
Progress bar toward a donation, sub or bits goal, fully customizable.
Daily goal
Mini sub bar that resets every day, for a fresh goal on each stream.
Follow goal
Progress bar toward a follower milestone, with configurable intermediate tiers.
Hype Train
Animated bar that appears automatically during a Twitch Hype Train.
Stream decoration
Carousels (announcements & images)
Loops text announcements and images, as an overlay or scene background.
Loading bars
Animated wait screen (Be Right Back, starting soon…), triggerable manually.
Info bars
Fullwidth banner (top or bottom) with live viewers, followers, subs or scrolling text.
Daily planning
Visual of the day's schedule to show as an overlay during the stream.
Shareable links (outside OBS)
Some pages generate a link meant to be shared with your community rather than added to OBS:
Weekly schedule
Public page of your weekly stream schedule, to share as a link on social media or your Twitch bio.
Frequently asked questions
How do I add a StreamAscend overlay to OBS or Streamlabs?
Configure the overlay on its page in your dashboard, copy its link with the "Copy" button, then in OBS or Streamlabs: Sources → + → Browser Source, paste the link, set width/height. It's the same method for every overlay on the site — see the 3-step principle above.
Can I use the overlays while streaming from a PS5 or Xbox?
Not with direct console broadcasting: PS5 and Xbox don't support adding a Browser Source, that's a console OS limitation. However, if you capture your console into a PC via a capture card and broadcast with OBS or Streamlabs on that PC, you can add overlays exactly like a PC streamer.
Do I need to change the link every time I update my settings?
No. The link stays the same and updates automatically as soon as you change a setting on the dashboard — no need to touch OBS or paste a new link.
Does the same link work in multiple streaming apps at once?
Yes, an overlay link can be added in OBS, Streamlabs, or any other software that supports Browser Sources, at the same time if needed.
My overlay isn't showing up in OBS, what should I do?
Check that the link was copied in full, that the Browser Source has a large enough width/height (it stays blank at 0×0), and right-click the source → Refresh Cache of Current Page — that fixes most frozen-display issues.
Have a question that's not listed here?
Message us directly through the chat bubble at the bottom-right of the dashboard once logged in, or join the Discord.