{"id":4501,"date":"2021-09-23T17:12:20","date_gmt":"2021-09-23T17:12:20","guid":{"rendered":"https:\/\/getonstream.com\/?p=4501"},"modified":"2021-09-23T17:12:21","modified_gmt":"2021-09-23T17:12:21","slug":"how-to-add-a-chat-box-to-streamlabs-obs","status":"publish","type":"post","link":"https:\/\/getonstream.com\/how-to-add-a-chat-box-to-streamlabs-obs\/","title":{"rendered":"How To Add A Chat Box To Streamlabs OBS (Show Chat On Screen)"},"content":{"rendered":"\n

If you do a lot of just chatting streams or maybe just want your chat on screen for VODs then you’re in the right place. Having chat on screen can be a great way to give viewers on Youtube or vods more context to what’s going on. When a streamer is interacting with chat but the viewer is unable to see that chat it makes for a bad experience.<\/p>\n\n\n\n

If you are big on re-uploading your streams or clips from your streams to Youtube then this may be for you. Let’s jump in and show you how to add a chatbox on screen in Streamlabs OBS.<\/p>\n\n\n\n

How To Add A Chat Box To Streamlabs OBS (Show Chat On Screen)<\/h2>\n\n\n\n

Luckily Streamlabs has a feature built in allowing us to embed a chat box in our scene. Let’s jump in.<\/p>\n\n\n\n

Step 1 – Add Chatbox Source<\/h3>\n\n\n\n

Go down to the sources section in Streamlabs and select the + to add a new source<\/strong>.<\/p>\n\n\n\n

Go to the widgets section and select Chatbox –> Add Source.<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You can then input a name for your Chatbox. I just call mine “Chatbox”.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Once we have given our chatbox a name we can move to the next step.<\/p>\n\n\n\n

Step 2 – Adjust How Your Chat Box Looks<\/h3>\n\n\n\n

You can now adjust how your chatbox looks. Honestly I like the default look of the chat but Streamlabs has multiple different themes built in. <\/p>\n\n\n\n

You can also edit what badges you want to show as well as enabling BetterTTV and FrankerFaceX Emotes.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Click Done and you will now be able to adjust where on the screen you want to display your chat and what size you want it to be.<\/p>\n\n\n\n

How To Add A Chatbox Using OBS<\/h2>\n\n\n\n

Setting up a chatbox in OBS is a little different than setting it up in Streamlabs. To install a Chatbox widget in OBS you will want to setup a Streamlabs.com account.<\/p>\n\n\n\n

You will then want to go to your Streamlabs Dashboard in your browser where you can set up your chatbox.<\/p>\n\n\n\n

Step 1 – Create a Chat Box Widget<\/h3>\n\n\n\n

Go to your Streamlabs Dashboard –> All widgets and then search for chatbox.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Click enter and it will take you to the chatbox settings page. Here you can adjust everything that we discussed above (Chat, Fonts etc).<\/p>\n\n\n\n

You can also select the theme of your chat box. Once you have changed up the settings to what you want copy the widget URL.<\/p>\n\n\n\n

Step 2 – Add Chatbox To OBS<\/h3>\n\n\n\n

Open OBS Studio –> Add Sources –> Browser –> Create New –> Okay<\/p>\n\n\n\n

You will then see the screen below. Here you will want to add the URL we copied from our Streamlabs Dashboard. Paste the URL and click OK.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Your chatbox will then appear in your OBS Scene. You can move and adjust the size to your liking.<\/p>\n\n\n\n

You will now have your chat box on scene.<\/p>\n\n\n\n

Wrapping Up<\/h2>\n\n\n\n

You should now have added a chat box to Streamlabs and OBS so your stream can see what’s happening in chat. It’s a great way to have more engaging VODs.<\/p>\n\n\n\n

Read More From Get On Stream:<\/strong><\/p>\n\n\n\n