Connect TikTok LIVE Studio

Every game mode is just a web link — paste it into TikTok LIVE Studio's "Browser Source" and it shows up on screen. The background is already transparent, so there's no extra chroma-key setup needed.

Copy a link

There are two places to grab a link:

1. Quick way: one-click copy in the bottom bar

   The bottom connection bar shows a copy button for the currently active game mode, labeled "🔗 Copy link (game name)," with the recommended size shown next to it. When you switch game modes, this button's copied link updates to match.

2. Full list: the “Overlay Links” panel

   The settings page has an "Overlay Links" panel that lists the link for every game mode, each with its own "Copy" button — handy for layering several modes onto the same stream at once.

   📷 截圖準備中:Settings page “Overlay Links” panel, listing multiple /widget/xxx links with copy buttons

Add it to TikTok LIVE Studio

1. Add a Browser Source

   In TikTok LIVE Studio's sources list, click + to add a "Browser Source."

2. Paste the link and set the size

   Paste the link you copied into the "URL" field. For width/height, you can start with the recommended size shown next to the copy button — resizing later won't distort anything, since the overlay auto-scales to fit whatever box you set.

   📷 截圖準備中:TikTok LIVE Studio Add Browser Source dialog, with the overlay link pasted into the URL field

3. Confirm the background is transparent

   The overlay background is already transparent — no need to set up a color key. If you see a black background, the link was probably pasted wrong or hasn't connected yet — go back and check the Connect Your TikTok Account step.

Ready to go? Head to Quickstart: Your First PK next, or check Overlay Sizing & Layout Guide first to pick which game modes to layer in.