How to Add Twitch Chat to OBS Studio? (2 Great Options)

Lindsay Hayes

There are two ways to add your Twitch stream chat as a window in OBS Studio. You can link your Twitch, which will automatically set up a chat window. If you don't want to link your account, you can manually set it up by using the "Popout Chat" feature in your Twitch Chat Settings. Copy the URL and put it in an OBS browser dock. That's it!

I don't have dreams of becoming the next huge streamer, but I do a little video game streaming in my free time, using Twitch. My nephew came to me wanting to get his Twitch chat box to show up in OBS so he could read and interact with his viewers while playing. I have this in my stream, so I was able to show him how to set it up in just minutes.

If you've been trying to figure out how to add Twitch chat to OBS Studio, I'd be glad to show you how to get this setup. Let's get right into it.

Contents

How to Add a Twitch Chat Window to OBS Studio?

Your stream chat is how viewers on your Twitch channel can communicate with you and comment on what you're doing, whether you're playing video games or doing something else.

For people with a single monitor streaming setup, adding Twitch chat as a dockable window in OBS Studio can be extremely helpful. You can see the game you're playing, as well as interact with your viewers, all on a relatively simple setup.

Even people with more than one monitor can benefit from a separate window in OBS that has their stream chat. The alternative is having Twitch open in a separate browser window on another monitor. While this gets the job done, it can be very resource-intensive on your computer.

No matter what your circumstances are, there are two ways to have a chat section in OBS Studio. Note that these methods won't put a chat overlay over your stream. You'll be the only person who can see this chat box.

Woman Playing A Video Game

Add Stream Chat Window By Linking Twitch Credentials

The easiest way to move your chat to OBS Studio is by connecting your account on Twitch to this streaming software.

The developers have made things super easy when you do this. You will automatically get custom browser docks that will display your stream activity and chat within OBS Studio.

If you're worried about sharing your credentials with OBS, you'll be glad to know that you aren't. You're basically logging directly into Twitch, using an OAuth window.

Follow the steps below to link your Twitch channel to OBS:

  1. Launch "OBS Studio" on your PC.
  2. Open "Settings". One way to find this option is to click "File" in the top bar.
  3. Click "Stream" in the left sidebar.
  4. Open the drop-down menu beside "Service" and choose "Twitch".
  5. Click the "Connect Account" button.
  6. This will bring up a new browser window with the login page. Type in your credentials.
  7. Press "Log In" to finish up.

Once you're done with this, you will have two dockable windows: one is a chat box and the other contains your stream activity, like subs and donations.

Add Twitch Chat Using Popout Chat

If you're not comfortable sharing your Twitch credentials with OBS Studio, that's fine. There's another way that you can add chat to your OBS window, and that's by using the popup chat option.

To get your chat from this popular streaming service set up in OBS, just follow the steps below:

  1. Launch your web browser of choice.
  2. Open Twitch.com and go to your channel. Note that you don't necessarily need to be logged in for this method.
  3. Look for the chat box on your stream. Click the gear icon at the bottom of the chat.
  4. Select "Popout Chat" from the bottom of the menu. This will open the chat box in a new window.
  5. Copy the URL link from the new chat window.
  6. Open "OBS Studio".
  7. Click the "View" menu from the top bar.
  8. Expand the "Docks" menu.
  9. Select "Custom Browser Docks...".
  10. In the first empty box under "Dock Name", type in what you want to name the chat. "Twitch Chat" is a good example you can use.
  11. Inside the "URL" box, paste the URL that you copied from the chat window.
  12. Click "Apply".

Now, you'll have a window in OBS showing your chat in real time, straight from the source.

How to Insert Chat Box for Other Streaming Services?

If you're someone who uses YouTube Gaming, Trovo, or any live streaming service that supports a popup chat option, you can get a chat box in OBS using the exact same steps, but with the respective URL.

However, Facebook Gaming is one popular service that lacks this chat option. However, there's another way you can get a Facebook Gaming chat window in OBS. You'll need to use StreamElements' OBS.Live plugin.

  1. Download OBS.Live from the official website.
  2. Launch the installer and follow the prompts.
  3. Once the plugin is enabled, sign in using your Facebook credentials.
  4. Select the elements you want to have in a dock. In this case, it's "Facebook Gaming Chat".

Just like that, you can now have your Facebook Gaming chat show up in your OBS window.

Young Kid Playing An Online Game

How to Add a Chat Overlay in OBS Studio?

When you watch a stream in fullscreen mode, you won't be able to see the chat any longer. For this reason, I usually don't watch streams that way.

However, did you know that you can put a chat box overlay on your stream content itself, allowing your users to see the chat window even when in fullscreen mode?

The best part is that you can do this easily from your OBS Stream using the features in the app, and any streaming service that supports a popout chat window.

  1. Open a web browser of your choice.
  2. Open Twitch in this browser.
  3. Go to your channel.
  4. In the chat section, click on the gear icon to open the settings.
  5. Select "Popup Chat".
  6. This will open a chat widget in a separate window. Copy the widget URL.
  7. Launch "OBS Studio".
  8. Click the plus icon under "Sources".
  9. We are going to use a browser source, so select "Browser".
  10. Make sure "Create new" is selected, and type in a name for your chat overlay.
  11. Press "OK".
  12. Enter the "URL" you copied.
  13. You can edit the size of the chat overlay as well.
  14. Press "OK" to finish up.

The chat you've just added will have a transparent background by default, which makes it more convenient.

Read more resources

Final Words

You can easily get your Twitch chat to show up in OBS Studio by connecting your account in the "Stream" section in OBS settings. This is the simplest way, but you can also manually add it using a custom browser dock.

If you want to, you can even put a chat overlay directly over your stream, which is a great option if you want your content to be enjoyed in fullscreen mode.

Lindsay Hayes

Author
Hi, I’m Lindsay, a techie from Kansas City. That’s right; I’m a born and bred Midwesterner. I learned to take electronics apart at my dad’s GameStop way back when, and I haven’t stopped since. I spend most of my time checking out new gadgets.
Related posts
Affiliate links / Images from Amazon Product Advertising API. CPU Forever is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for website owners to earn advertising fees by advertising and linking to amazon (.com, .co.uk, .ca etc) and any other website that may be affiliated with Amazon Service LLC Associates Program. As an Amazon Associate I earn from qualifying purchases.
Copyright 2022 CPU Forever, all rights reserved.