At Streamlabs, we believe in providing creators with the tools they need to succeed. That's why we designed Game Widget, an engagement-focused widget that lets your viewers team up to play Tic-Tac-Toe or Chat Words against an AI-powered opponent while you live stream, keeping them engaged when you need a quick break. As part of Streamlabs' free suite of creator tools, Game Widget is designed to make building an active, growing community easier than ever.
Jump Ahead:
- How Does It Work?
- How to Customize Game Widget in Streamlabs Dashboard
- How to Add Game Widget in Streamlabs Desktop
- How to Add Game Widget in OBS Studio
How Does It Work?
After adding Game Widget to your live stream, you can set a specific command your viewers can use to play their turn. By default, we set the command to !slgame. Playing each game is pretty easy:
Tic-Tac-Toe: For chatters to provide their response, they can type !slgame 1-9 in the chat to play their turn. The game will put an X next to the number that got the most responses.
/How to Set Up Game Widget (Streamlabs)6.png)
Chat Words: Chatters can type in the command !slgame followed by a 5-letter word (i.e. !slgame power). By default, on the game widget, correct letters will light up green, misplaced letters will light up orange, and wrong letters will appear gray. Chatters must work together to uncover the hidden 5-letter word.
/How to Set Up Game Widget (Streamlabs)1.png)
How to Customize Game Widget via Streamlabs Dashboard
FYI, you don't have to have Streamlabs Desktop launched to customize your Game Widget settings. You also have the option to customize your game widget via your Streamlabs.com Dashboard.
Step 1: Visit your dashboard on Streamlabs.com/dashboard.
Step 2: Click on All Widgets from the left navigation panel.
Step 3: Scroll down until you see Game Widget.
/How to Set Up Game Widget (Streamlabs)7.png)
Step 4: Next, customize the Game Widget settings to your liking from your web browser.
There are two types of settings.
General settings—customize how the widget functions.
- Edit the time it takes for your chat to send in their response.
- Customize the command your chat can use to play the game.
- Change the messages that will appear if you receive no input from your chat or the game restarts.
Game-related settings—make this game look like your own.
- Customize the background colors.
- Change the color of the X's and O's and characters, the color of the borders, etc.
- Cdit various messages here, including the "chat won" message, the chat lost message, etc.
How to Add Game Widget in Streamlabs Desktop
Step 1: Open Streamlabs Desktop. Under Sources, click the plus sign.
Step 2: Scroll down and click on Game Widget.
/How to Set Up Game Widget (Streamlabs)2.png)
Step 3: In the Settings for Game Widget window, choose which game you'd like your viewers to play. Here, you can also change the settings for the game widget.
/How to Set Up Game Widget (Streamlabs)4.png)
Step 4: Once you close the settings window, you should see your game of choice on your live stream ready for your viewers to play.
How to Add Game Widget in OBS Studio
If you're using OBS Studio with the Streamlabs Plugin, you can add the Game Widget just as easily.
Step 1: Open OBS Studio and make sure the Streamlabs Plugin for OBS is installed and you're logged in.
Step 2: In the top navigation panel, click Streamlabs. This will take you to all settings for the Streamlabs for OBS plugin.
/How to Set Up Game Widget (Streamlabs)5.png)
Step 3: From the widget list, select Game Widget, then click +Add. If you need to set up or make changes to the widget, click Settings to go to your Streamlabs Dashboard.
Step 4: The Game Widget should now show under Sources in OBS Studio. Resize and move the widget like any other source.
Note: To use Game Widget in OBS without the Streamlabs Plugin or with another streaming software such as XSplit, you must set up the widget in your Streamlabs Dashboard (like in the above section). Then you can add the widget as a browser source in your preferred software by copying and pasting the link from your Streamlabs Dashboard.
As you can see, Game Widget is easy to install and provides a wealth of customization options to make the game look and feel like your own.
Whether you're a casual streamer or professional or just looking for a fun way to keep your audience engaged, Game Widget is an excellent tool for you! If you have any questions or comments, please let us know by contacting us or joining our Discord server.
/How to Set Up Game Widget (Streamlabs)3.png)