How to add a spin wheel overlay to OBS
TumbleDraw gives you a link you paste into OBS or Streamlabs as a browser source. The wheel or lotto machine appears on stream with a transparent background, viewers enter by typing in chat, and you draw the winner with a chat command.
1. Make your overlay link
- Open the Twitch wheel spinner (or the lotto ball picker).
- In the Twitch chat tab, type your channel name and the entry keyword, !join by default.
- Choose the style (Wheel or Lotto balls) above the picker, and set the spin length, colors and win effect in Settings.
- Press Copy next to OBS browser source link. Your choices are saved in the link.
2. Add it to OBS Studio
- In the Sources panel, press + and choose Browser. Name it, for example Giveaway wheel.
- Paste your link in the URL box.
- Set Width and Height to 600. Any square size works; bigger sizes are sharper.
- Untick Shutdown source when not visible, so entries aren't lost when you switch scenes.
- Tick Control audio via OBS if you want the spin sound in your stream mix with its own volume slider.
- Press OK, then drag and resize the wheel where you want it.
3. Or add it to Streamlabs Desktop
- In Sources, press +, choose Browser Source and press Add Source.
- Paste your link as the URL, set the width and height to 600, and press Done.
4. Run the giveaway
- Tell chat to type !join. Each viewer is added once, and names appear on the wheel as they join.
- When you're ready, type !spin in chat. You and your moderators can do this; other viewers can't.
- The winner shows on stream with your win effect.
You can also spin with your mouse: right-click the source in OBS, choose Interact, and click the wheel.
Tips
- Starting a new giveaway: open the source's properties and press Refresh cache of current page. The overlay starts with an empty list.
- Changing the look: change the settings on the website, copy the link again and paste it into the source's URL.
- Subscribers only: tick Subscribers only before copying the link.
- Several winners: tick Remove the winner from the wheel automatically in Settings before copying, then type !spin again for each place.
- No ads, ever: the overlay shows only the picker. Ads appear on the website, never on your stream.
Troubleshooting
- Nobody is being added: check the channel name in the link is yours and that viewers type the keyword exactly, with nothing else first.
- !spin does nothing: it only works for the broadcaster and moderators, and only when there's at least one entry.
- The whole website shows up instead of just the wheel: the URL must contain
overlay=1. Copy the link again from the Twitch chat tab. - No sound: check the source isn't muted in the audio mixer, and that sound wasn't turned off in Settings before you copied the link.