It’s annoying when you have to keep on pressing the alt-tab between your Twitch Stream and OBS to read the chats of your audience while streaming. It also takes away the fun of the streaming as you are, most of the time, having to leave the game just to read the comments.  Therefore, learn how to add Twitch chat to OBS so that you can read the chats on the same screen you’re streaming on. 

How To Add Twitch Chat To OBS

There are multiple ways to add Twitch chat to OBS, including Browser Source, StreamElements Overlay, Streamlabs Chat Box, Restream Chat, Third-Party Widgets, and the OBS Dock Method. Let’s review each method and learn how to add Twitch chat to your OBS screen!

How To Add Twitch Chat On OBS? 7 Best Methods:

If you just switched from Twitch Studio to Open Broadcaster Software (OBS), you may have issues adding your Twitch chat to OBS. Don’t worry; there are 7 best methods to do that.

1. Adding Twitch Chat as a Browser Source

If you only want to read the Twitch chats on your OBS streaming screen without any fancy stylings or decorations, this is the simplest way.

Adding Twitch Chat as a Browser Source

Step 1: Get Your Twitch Chat URL

  1. First of all, head over to your Twitch and then to your channel’s chat.
  2. Click on “Settings” in the chat window and then select “Popout Chat.” This will open up the chat in a new tab.
  3. Copy the URL of the tab from the address.

Step 2: Add Chat to OBS

  1. After copying the URL, open up OBS and click on the “ Sources” panel.
  2. There, click on “+” and select “Browser”.
  3. Then, you’ll need to name the “Twitch chat” or whatever you want and hit “OK.”
  4. After that, adjust the width and height of the chat window. 300×500 is usually a good size to go with, but you can always change it to your liking.
  5. Click “OK” again, and the chat will appear on OBS.

Grow engagement on your Twitch stream with our real chatters service.

Buy Real Twitch Chatters

2. Using StreamElements For a Custom Chat Overlay

The second method is to add the Twitch chat to OBS using StreamElements. With this method, you can have a beautiful custom chat overlay by customizing its font, colors, and style. Here is a complete guide, how to create Twitch overlays for free.

Using StreamElements For a Custom Chat Overlay

Step 1: Set Up a Chat Overlay in StreamElements

  1. Head over to StreamElements, log in with your Twitch account, and then click on “Overlays.”
  2. Then, select “Create Blank Overlay,” as we’ll create it from scratch.
  3. Now, you’ll see some resolutions to choose from. Select the 1080p, which works fine, and then click “Start”.
  4. After that, click “Add Widget” > “Chat” to create a chat box.
  5. Next, customize the colors and fonts and even add animations to the chat. All the customization options will be available to you. 
  6. When you’ve created your Twitch Chat overlay, you can then click on “Save” and “Copy Overlay URL.”

Step 2: Add It to OBS

  1. Add the custom Twitch Chat Overlay to OBS by opening the software. Click on “Browse Source” and paste the Overlay URL into the URL field.
  2. Adjust the size and position of the overlay to fit it according to your stream layout.
  3. And then click on “OK”.

3. Using Streamlabs Chat Box

Streamlabs is a streaming software like OBS. It has a built-in Chat Box widget that you can use to add your Twitch chat to OBS. Here’s how.

Using Streamlabs Chat Box

Step 1: Set Up Your Streamlabs Chat Box

  1. Go to Streamlabs and log in there with your Twitch account.
  2. Then, click on “All Widgets” and select “Chat Box.”
  3. You’ll see some chat themes to choose from. Select any of these and then adjust the colors, fonts, and background opacity to your liking.
  4. Then, click “Save Settings” and copy the widget URL.
  5. Open the OBS on your computer, go to “Browser Source”> paste the chat overlay URL into the URL field, and then resize the window and click on “OK.”

4. Using Restream Chat

This method of adding Twitch chat to OBS is the best for those people who live stream on multiple platforms, such as Twitch, YouTube, and Facebook. With it, you can combine all the chats into one window and then add them to OBS Studio.  Restream makes that possible. This is how:

Using Restream Chat

Step 1: Set Up Restream

  1. Go to Restream and create your account if you don’t already have it.
  2. Then, you can link all your streaming platforms, such as Twitch, YouTube, Facebook, etc.
  3. Then, download and install the Restream Chat for your system from its official website.

Step 2: Add Restream Chat to OBS

  1. Then, open the Restream chat on your system and log in.
  2. Then, go to “Settings”> “Embed in Stream” and copy the chat’s URL.
  3. When you have the URL, go to “Browser Source”> paste the chat overlay URL into the URL field > resize the window, and then click on “OK.”

5. Using Third-Party Chat Widgets

If you want to have completely custom and totally different Twitch Chat widgets, you can use third-party Chat widgets. There are many, though, but the best ones that we’ve tested are the KapChat and the DeadSimpleChat. This is how you can use them to add a custom Twitch chat to your OBS.

Using Third-Party Chat Widgets

Step 1: Choose and Customize Your Chat Widget

  1. Head over to KapChat or DeadSimpleChat, depending on which one you like.
  2. Customize it—choose colors, fonts, animations, and chat behavior.
  3. After that, copy the URL of the Chat widget that you just created.
  4. Then go to “Browser Source”>Paste the Chat Overlay URL into the URL field> Adjust the size of the window and then click “OK.”

6. Keep Chat Inside OBS

The other method of adding the Twitch chat to your OBS is to use its built-in custom dock feature, which allows you to keep the chat in the OBS in a separate window. This way, you can read and reply to the chat’s messages while streaming without leaving the window.

Keep Chat Inside OBS

Step 1: Pop Out Twitch Chat

  1. Open up your Twitch and then get to the Channels’ Chat.
  2. Then, click the “Settings” in the chat Window.
  3. From there, select “Popout Chat” and copy its URL.

Step 2: Add a Custom Dock in OBS

  1. Open OBS and go to “View ”>” Docks” >” Custom Browser Docks.”
  2. Name the dock (e.g., “Twitch Chat”).
  3. Then, paste the Chat URL that you copied into the URL field.
  4. Click “Apply,” and a new chat panel will appear inside the OBS.

7. The Screen Capture Method: Using Twitch Chat Without a Browser Source

If you don’t want to use the Browser source and see and show the Twitch chat in OBS, then you can capture it directly from the OBS-built Twitch chat Dock. This is how you can do that.

Using Twitch Chat Without a Browser Source

Step 1: Connect OBS to Your Twitch Account

  1. The first step is to connect the OBS with your Twitch account. To do that, open up OBS and go to “Settings.”
  2. Then, click “Stream” and select “Twitch‘ as your streaming service.
  3. After that, click “Connect account,” and log in with your Twitch account there.
  4. Once connected, go to “View”>” Docks”> “Chat ”to open the Twitch chat inside OBS.

Step 2: Add Chat to Your Stream with Screen Capture

  1. Then, to add the chat to your stream in OBS, open up OBS, click on “+” under “Services,” and select “Window Capture.”
  2. Choose OBS Chat Dock as the window source.
  3. Lastly, resize the chat window, adjusting its height and width to match your Stream’s layout.

FAQS

How do I add Twitch chat to the OBS source?

You can use the browser source tool in OBS. Firstly, copy your chat URL by clicking ‘Popout Chat’ in your Twitch channel’s chat window, paste it into OBS, and then adjust the size and transparency.

How do I add Twitch to OBS?

Head to Settings > stream, pick Twitch, and then paste your unique stream key from Twitch’s dashboard.

How do I get Twitch chat notifications on OBS?

Use tools like Streamlabs or StreamElements—link your account, customize alerts, then add them as browser sources.

How do I see Twitch chat while streaming?

Pop out chat from Twitch’s dashboard or use a second device/app to monitor messages live. Keep it simple!

Final Words

Viewers on Twitch love watching the streamers replying to the chats.  This is the reason that when you add the Twitch chat to your OBS streaming software, you enhance your engagement significantly. 

So, how do you add Twitch chat on OBS? There are many methods to do it, including using a Browser Source, StreamElements Overlay, Streamlabs Chat Box, Restream Chat, Third-Party Widgets, the OBS Dock Method, and even Screen Capture. You can choose the one that you like.

Avatar for Walter Miller

Walter Miller is not just your average tech geek; he's a warm, approachable digital wizard who loves nothing more than helping brands, influencers, and content creators grow their online presence. With years of hands-on experience under his belt, Walter has honed his ability to understand each client's unique needs and create personalized growth strategies that really work.