How to add it to OBS, Streamlabs or Meld
- Set it up above, then press Copy link.
- In OBS Studio, click + under Sources and choose Browser. In Streamlabs Desktop, add a Browser Source; in Meld Studio, add a Browser layer.
- Paste the link into the URL box and set the width and height shown under the link.
- Leave "Shutdown source when not visible" off. If it is on, live alerts and goals stop whenever you switch scenes.
- Drag it where you want it and resize it with the red handles. The background is transparent, so only the text shows.
It also works as a Twitch Studio, PRISM Live or vMix browser input. Gear that pairs well: a Stream Deck or a free OBS install. Disclosure. Your settings are saved in this browser, so you can come back and change them; after changing settings, paste the new link into the source.
Showing banners
Banners take turns: one pops up every few minutes and slides away again, or tick "Always on screen" to rotate them continuously. Mods can show one right away with !cta (next) or !cta 2, and hide it with !cta off. Logos load from an https link you paste, such as your sponsor's press-kit image.
How it hears your chat: the overlay connects to your Twitch or Kick chat the same anonymous, read-only way a logged-out viewer does. It never posts, needs no login or token, and sees subs, gift subs and Bits as they're announced in chat. Commands only work for you (the broadcaster) and your moderators.
Frequently asked questions
How do I add a sponsor banner to my stream?
Type the sponsor message and code, optionally paste their logo link, then add the overlay link as a browser source. It pops up on the timer you set.
Was this calculator helpful?