Skip to main content

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

  1. In OBS: Sources → + → Browser.
  2. Paste the URL.
  3. 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.