How to Add Chat to OBS: Twitch, YouTube, and Facebook Gaming

Streaming has revolutionized content creators’ connection with their audience, allowing real-time engagement. Adding chat to OBS is a popular method to foster interactions, create inside jokes, and form lasting bonds.

In this article, we’ll guide you on how to add chat to OBS for streaming on platforms like Twitch, YouTube, or Facebook.

How to Add Twitch Chat to OBS

You need to use 3rd party extension to add Twitch Chat to OBS. You can use Streamlabs or StreamElements. Here are the step-by-step instructions to do that:

Using Streamlabs

Source: Eklipse.gg

1. Visit the Streamlabs website.
2. Log in with your Twitch account.
3. Access the All Widgets section and click on Chat Box.
4. Hit the “Copy” button on the “Widget URL” section
   • You can customize the looks of your Twitch chat overlay by tweaking all the settings below the “Widget URL” section
5. Copy the Widget URL (remember to keep it private).
6. Open OBS
7. Add a Browser Source under Sources.
   • You can rename the source as Twitch Chat Box and click OK.
8. Paste the copied Chat URL and click OK to save.
   • Adjust the width and height for the desired layout.
9. Start streaming to showcase your show with an embedded chat window.

Using StreamElements

Source: Recorder.easeus.com

1. Head to the StreamElements website and log in.
2. Click on Streaming Tools >> Overlays in the menu.
3. Create a new overlay with the right resolution for your stream, say 1080p.
4. Give your overlay a catchy name like “Chat Window” and save it.
5. Add a widget to your overlay.
6. Choose “Your Stream’s Chat” from the Stream tools menu. 
7. Copy the URL link from the top right corner.
8. Open OBS and pick the scene where you want your chat box. 
9. Add a Browser source under Sources.
10. Name it something like “Twitch Chat Box” and hit OK.
11. Paste the URL you copied earlier and save. You can tweak the size to fit your layout.
12. When everything’s set, hit Start Streaming and enjoy your stream with an embedded chat window.

More on Eklipse Blog >> Streamlabs vs StreamElements – Which One is Best in 2024: Comparison Guide

How to Add YouTube Live Chat to OBS

Adding the live chat feature to your OBS (Open Broadcaster Software) setup is essential. With YouTube Live Chat, you can establish real-time interaction with your audience, fostering a dynamic and engaging streaming environment.

Here are the steps to do that, assuming that you are already logged in with your Google account:

Source: Eklipse.gg

1. Open a browser and navigate to YouTube.
2. Click on the camcorder icon with a “+” sign in the top right corner, then select “Go Live.”
3. In the top right corner’s three dots menu, choose “Popout Chat.”
4. Copy the URL of the pop-up chat window.
5. Launch OBS and add a “Browser Source” under “Sources.”
   • Rename the source as “YouTube Chat Box” and click OK.
6. Paste the copied Chat URL and save by clicking OK.
   • Adjust the dimensions of the chat box for the desired layout.
7. Start streaming and enjoy your show with an embedded chat window.

How to Make YouTube Chat Transparent on OBS

If you want a transparent YouTube chat on OBS, you can use a custom CSS that a tool automatically generates.

Here’s how to make YouTube chat transparent on OBS:

Source: Eklipse.gg

1. Go to chatv2.septapus.com.
2. Customize the desired chat appearance.
3. Scroll to the “CSS” section, select all (Ctrl + A or CMD + A), and copy the code.
4. Open OBS, and double-click on the “YouTube Chat Box” browser source.
5. Go to the “Custom CSS” section, paste the code, and click OK.

And voila! It’s done! You’ll have a transparent YouTube chat on OBS.

How to Add Facebook Gaming Chat to OBS

Source: Eklipse.gg

1. Access your Facebook Like Page.
2. Navigate to the Meta Business Suite on the page’s left-hand side.
3. Choose “Go Live” from the More menu.
4. Enable the test broadcast button, then click Select to start a live broadcast. This button allows you to check your configuration before going live.
5. Select “Comments” from the Settings menu.
6. Open the comments module separately.
7. Copy the URL from the new Comments tab.
8. Launch OBS.
9. In your chosen scene, add a Browser source named “Facebook Chat” in the Sources.
10. Replace the URL with the Chat URL.
11. Log in to your Facebook account using the Browser window in OBS. Click the Interact button above Sources and enter your login details.
12. The chat window is now ready to be used. Remember to refresh your URL comments Browser source whenever you start a live session. You’re all set!

Final Thoughts

To sum up, integrating chat into your OBS stream makes it more interactive for viewers on platforms like Twitch, YouTube, and Facebook Gaming. By following the steps on how to add chat to OBS, you can easily add chat windows to your streams. Whether you’re using Streamlabs, StreamElements, or embedding chat directly, the process is simple. 

Ready to take your viewer engagement to the next level? Look no further than Eklipse. With its innovative AI highlight generator and “convert to TikTok” tool, Eklipse effortlessly transforms your live stream content into captivating TikTok videos. Sign up for free at Eklipse.gg now.