> ## Documentation Index
> Fetch the complete documentation index at: https://docs.streamwizard.org/llms.txt
> Use this file to discover all available pages before exploring further.

# Your first overlay

> From template to live in OBS in about five minutes.

## 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).

<Tip>
  The editor preview and the live overlay use the same renderer. What you see
  in the editor is what OBS gets.
</Tip>