

This popup window above will automatically appear.įill in the details and then click “Generate.”įrom here on out, the process will be the same for all third-party chat widget services. Simply go to KapChat’s official webpage, and click the “Get It” button. If you’re using KapChat, this will be given to you after you choose your basic options for your chat design and layout.

This is what you will be adding to your OBS sources to add the chat to your overlay. Step 1 – Get the widget URL from your preferred service and copy it to your clipboard. Once you do, it will also automatically show on your Twitch streams.įor this tutorial, we will use KapChat, but from Step 4 onwards, everything will go exactly the same as with other third-party tools. Add the Chat Overlay Service to OBS StudioĪfter picking a third-party service for your chat overlay, you can now add it to your OBS stream.Additionally, you can ban particular words from appearing. You can also set Streamlabs to ignore certain users in chat so their messages won’t display on your chat box overlay. Like Kapchat, you can have BetterTTV and FrankerFaceZ emotes visible in your chat and 7TV. You can also use HTML/CSS to change the appearance of your chat box. You can use it for free if you have an account on Streamlabs, but with Streamlabs Prime, you can make your chat look great without needing any technical know-how, although this makes costs money. Streamlabs Chat Box is quick and easy to set up. Streamlabs Chat Box How to Add Twitch Chat to OBS 8 The other options listed also have this functionality. Moreover, it can be customized using CSS in the future.īy default, KapChat will hide bots from your chat to give it a cleaner look on stream. Personally, I use KapChat because I like the ability to change the chat window size in OBS without returning to the website.


It’s also the easiest to resize within OBS to fit your overlay and won’t warp. It has great customization options if you have any skills using CSS, but if not, you can use their presets which have a more basic style. KapChat allows you to show BetterTTV and FrankerFaceZ emotes in your chat overlay. To add your own chat box to this streaming service, you will need to do so by using a third-party tool. Unlike Streamlabs Desktop (formerly Streamlabs OBS) which has a built-in function to add a chat widget to your stream, OBS Studio doesn’t. It’s fairly easy to do, too, so let’s get started.
