How To Show Twitch Chat on Stream with OBS

October 4, 2023
by Liam Doherty

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.
3. On this page, you’ll find many options to change how your chat box looks.
4. When you’re done customizing, click the “Copy” button to save the Widget URL to your clipboard.
5. Open OBS and create a browser source.
6. Paste the widget URL into the Browser sources URL field.
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.”
2. Once your account is authorized, select Chat from the Docks dropdown menu.
3. This will display a separate window for chat. You can then place it wherever you prefer on your screen.

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 Software.

Bookmark the permalink

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.