Skip to main content

Add an overlay to TikTok LIVE Studio or OBS

033 min

Your overlay shows up on air and TIK360 sees it as “Connected”.

Screenshots are still in French for now; the bold names in the text are the ones from the English app.

Prerequisite: an overlay already created, and TikTok LIVE Studio (Windows) or OBS Studio installed · ⏱️ 3 min

1. Open the install menu

Hover over the overlay card → ⋯ → Install in… ① → TikTok Live Studio ② or OBS Studio ③.

To install several overlays at once, use the Install button at the top of the page.

Overlay card menu open: “Install in…” is circled (1), an arrow 2 points to “TikTok Live Studio”, “OBS Studio” is circled (3).
Overlay card menu open: “Install in…” is circled (1), an arrow 2 points to “TikTok Live Studio”, “OBS Studio” is circled (3).

2a. OBS Studio

⚠️ Close OBS before clicking: TIK360 writes directly into your scene collection.

Choose Existing scene ① or New scene, select the OBS scene ②, then Install ③. Reopen OBS: the overlay is added as a browser source.

“Install in OBS Studio” window: the “OBS must be closed” notice is circled in red, the “Existing scene” option is circled (1), the OBS scene selector is circled (2), an arrow 3 points to the “Install” button.
“Install in OBS Studio” window: the “OBS must be closed” notice is circled in red, the “Existing scene” option is circled (1), the OBS scene selector is circled (2), an arrow 3 points to the “Install” button.

2b. TikTok LIVE Studio

⚠️ Close TikTok LIVE Studio before exporting.

Name the TikTok scene ①, keep the overlays you want checked ②, then Export ③. The format is vertical (1152×1920).

“Export to TikTok LIVE Studio” window: the TikTok scene name is circled (1), a checked overlay is circled (2), the “TikTok LIVE Studio must be closed” notice is circled in red, an arrow 3 points to the “Export” button.
“Export to TikTok LIVE Studio” window: the TikTok scene name is circled (1), a checked overlay is circled (2), the “TikTok LIVE Studio must be closed” notice is circled in red, an arrow 3 points to the “Export” button.

3. Manual method (backup)

Copy the address under the card ① with the button ② and add it yourself as a browser source (OBS) or web source (TikTok LIVE Studio).

Overlay card: the overlay address is circled (1), an arrow 2 points to the button to copy it.
Overlay card: the overlay address is circled (1), an arrow 2 points to the button to copy it.

4. Check

Start your live: the card switches to Connected ①. Hover over it and click ▶ ②: a 10-second demo plays in your streaming software. Then adjust the size and position of the source if needed.

Library during a live: the Gift alert's “Connected” badge is circled in green (1), an arrow 2 points to the ▶ demo button.
Library during a live: the Gift alert's “Connected” badge is circled in green (1), an arrow 2 points to the ▶ demo button.

✅ Result: the overlay is visible and “Connected”. Still “Disconnected”? Go to #troubleshoot, section 3️⃣.

All tutorials