TikTok LIVE Studio Overlay Setup — the Complete Guide

Adding a browser source

In LIVE Studio, choose Add Source and pick the Web option. Paste your overlay link (from your TokAlerts Overview page), confirm, and the overlay appears over your scene. Drag its corners so it covers the whole canvas — widgets position themselves automatically inside it.

Getting the size right for vertical

TikTok mobile streams are 9:16 vertical. Set the browser source to 1080 × 1920 so widgets land where viewers expect them: timers up top, leaderboards on the side, alerts center. If you stream horizontal (gaming), use 1920 × 1080 instead — the overlay adapts.

Why your background stays clean

A proper overlay page renders with a transparent background, so you never see a white or black box — only the widgets themselves. If you ever see a solid background, the almost-universal cause is a typo in the link; copy it again from the dashboard.

Common problems and fixes

Alerts not appearing: the overlay link must be open in LIVE Studio while you are live — the connection starts automatically when the page loads, and retries every 45 seconds if TikTok hiccups.

No sound: browser sources start muted in some setups; check the source's audio settings and your alert volume in the dashboard.

Wrong username: the most common issue of all. The linked TikTok username must be spelled exactly like your handle, without the @.

Beyond the basics

Once the master overlay works, you can also use single-widget links (just the alerts, just the leaderboard, just the timer) to position each element yourself. Every widget page in the TokAlerts dashboard shows its own separate link.