1. Create it
Go to Dashboard → Overlay Editor and hit New Overlay. Give it a name,
keep the type on OBS, and pick a template. “Starting soon” is a good
first one.
2. Grab the URL
After creating, you get the browser source URL right away, with the OBS steps
next to it. Copy it. You can always find it again with Copy URL in the
editor, or on the overlay card.
3. Add it to OBS
- In OBS: Sources → + → Browser.
- Paste the URL.
- Set width and height to match your overlay (1920 × 1080 by default).
4. Turn it on
Overlays render only while active. Flip the switch on the overlay card in the
dashboard. If OBS shows an old version after you save changes, right-click
the source and hit Refresh.
5. Make it yours
Open the editor: click any widget to change its text, font, or colors in the
right panel. Add more from the Widgets button. Save with Ctrl+S
(Cmd+S on Mac).
The editor preview and the live overlay use the same renderer. What you see
in the editor is what OBS gets.