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. One of the most known extension used by many Twitch streamer is Streamlabs. Here are the step-by-step instruction to do that:

Using Streamlabs

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

Adding YouTube Live Chat to OBS

Adding the live chat feature into 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:

  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 to have a transparent YouTube chat on OBS, you can use a custom CSS that is auto-generated by a tool.

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

  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 then copy the code.
  4. Open OBS, 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.

Adding Facebook Gaming Chat to OBS

  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 every time you start a live session. You’re all set!

Conclusion

In conclusion, adding chat functionality to OBS for streaming on platforms like Twitch, YouTube, and Facebook Gaming enhances the interactive experience between content creators and their viewers.

You can do it easily by following step-by-step instructions above to engage with your viewers.

Before You Go

Speaking of increasing viewer engagement and growing your audience content, have you heard about Eklipse?

Eklispe is an innovative AI highlight generator that can boost your social media presence using the “convert to TikTok” tool. You can effortlessly grow your following by automatically clipping your live stream content and transforming it into captivating TikTok videos.

Visit Eklipse.gg to learn more and sign up now, it’s FREE


Boost Your Streaming Presence in Social Media with AI Highlights

Eklipse help streamer improve their social media presence with AI highlights that clip your Twitch / Kick streams automatically & converts them to TikTok / Reels / Shorts


%d bloggers like this: