image with text saying add twitch chat to obs with picture of twitch chat and arrow

How To Show Twitch Chat on Stream with OBS

In this article, we’ll explore a couple of methods to integrate your Twitch chat into OBS. Whether you aim to overlay the chat for your audience or simply view it privately for your own convenience, we’ve prepared step-by-step guides for both options, assuming you’re using OBS.

Showcasing your chat to your viewers is an excellent way to enhance their engagement during your streams. Moreover, if you share content from your streams on other platforms, having the chat overlay can convey the sentiment of the conversation at any given moment.

On the other hand, setting up a Twitch chat exclusively for streamers within OBS is an effective way to streamline your setup and simplify the entire process by consolidating everything in one place.

Show Twitch Chat on Stream with Streamlabs

One of the quickest ways to add a Twitch chat overlay to OBS is by using Streamlabs.

    1. Go to the Streamlabs dashboard and search for “Chat Box”.
    2. Select Chat Box Widget Settingsfrom the dropdown menu.

      streamlabs search function
    3. On this page, you’ll find many options to change how your chat box looks.

      streamlabs chat settings
    4. When you’re done customizing, click the “Copy” button to save the Widget URL to your clipboard.

      streamlabs chat widget URL
    5. Open OBS and create a browser source.

      creating a browser source in OBS
    6. Paste the widget URL into the Browser sources URL field.

      browser source properties window in obs
    7. Click OK and now the chat overlay is added to OBS.

*If you wish to adjust the chat overlays size, modify width and height values in the browser source properties. Changing the size from the preview window will only stretch or squash the overlay.

If you’re not happy with the dimensions of your chat feed, simply right click the browser source from the Sources section of OBS and select Properties. You can change the width and height from this window. 

How To Show Twitch Chat inside of OBS

If you want to show Twitch chat just for your own view as a streamer, follow these steps.

    1. If you haven’t connected your Twitch account to OBS yet, go to your OBS settings. Change the service to “Twitch” and hit “Connect Account.”

      connecting Twitch account to OBS
    2. Once your account is authorized, select Chat from the Docks dropdown menu.

      obs chat dock
    3. This will display a separate window for chat. You can then place it wherever you prefer on your screen.

      preview of obs twitch chat docked

Conclusion

To wrap things up, we’ve explored the ins and outs of integrating your Twitch chat into OBS. Whether you prefer to overlay the chat for your viewers or keep it private for your own convenience, we’ve provided step-by-step guides for both options, assuming you’re using OBS.

Sharing your chat with your audience is an effective way to boost engagement during your streams, and it’s especially handy if you repurpose your content on other platforms. The chat overlay helps capture the conversation’s mood at any given time, making your streams more immersive.

On the other hand, displaying a Twitch chat exclusively for streamers within OBS simplifies your setup and centralizes your streaming control. It’s a practical approach for managing everything in one place.

This entry was posted in .

Picture of Liam Doherty

Liam Doherty

Liam Doherty comes from game development background, initially exposing him to the world of content creators. In 2017 he decided to dive headfirst into the creators realm, offering solutions for branding and creating better content.

Related Posts

PREMIUM OVERLAYS

+
This product has multiple variants. The options may be chosen on the product page
$15.00$30.00
+
This product has multiple variants. The options may be chosen on the product page
$15.00$30.00