How to add Twitch chat on your browser source [OBS & Xsplit]

Vlad Turiceanu
by Vlad Turiceanu
Editor-in-Chief
Passionate about technology, Windows, and everything that has a power button, he spent most of his time developing new skills and learning more about the tech world. Coming from a solid background in PC... Read more
Posted:
Affiliate Disclosure
  • Adding the Twitch chat in your browser source is easy to achieve and following the steps presented here is going to help as well.
  • Using a browser specialized for gaming and that comes with a Twitch integration is recommended.
  • Depending on which live streaming software you are using, adding the Twitch chat box is easily done through the settings.
  • Make sure to follow the indications provided in this article for proper activation of the Twitch chatbox.
Strugling with your current browser? Upgrade to a better one: OperaYou deserve a better browser ! 350 million people use Opera daily, a fully-fledged navigation experience that comes with various built-in packages, enhanced resource consumption and great design. Here's what Opera can do:

  • Easy migration: use the Opera assistant to transfer exiting data, such as bookmarks, passwords, etc.
  • Optimize resource usage: your RAM memory is used more efficiently than in other browsers
  • Enhanced privacy: free and unlimited VPN integrated
  • No ads: built-in Ad Blocker speeds up loading of pages and protects against data-mining
  • Gaming friendly: Opera GX is the first and best browser for gaming
  • Download Opera

Twitch is one of the world’s leading live streaming platforms where all game enthusiasts can chat.

Everything you need to know regarding gaming events, gaming activities and many more is now one click away thanks to the Twitch chat.

With the Twitch chat, you can easily interact with members of the community and the streamers as well.

How do I get my Twitch chat URL?

The Twitch URL is received as a result of using a subscription alert system, such as TwitchAlerts.

We have gathered in this article exactly how you can add Twitch chat on your browser source, so make sure to keep on reading.

How can I put the Twitch chat on my screen?

1. Use a specialized browser

The Twitch chat is definitely a valuable feature that allows you to keep in touch with the community members and other streamers as well.

Using a specialized browser that already comes with a Twitch integration is the easiest way to ensure a flawless experience.

Opera GX is such a browser for gaming enthusiasts, and the really good news is that it also comes with the Twitch chat integrated.

Opera GX

Opera GX

A dedicated gaming browser that comes with a Twitch integration in the side bar, allowing for an enhanced experience.

FreeVisit website

2. Set up the browser source

For OBS

  1. Download the CLR Browser Plugin
  2. After the download, locate the Plugins folder for OBS.Extract all the files from the folder and lauch OBS
  3. Go to Add a Source and click on Browser Source.
  4. Enter the provided URL.

For XSplit

  1. Open XSplit and click on Add.
  2. Select Other and now click on Webpage URL.
  3. Enter the provided URL.
  4. You will now see the URL under the Scene you added it. Right-click on it and customize it as needed.

3. Use the URL

  1. Go to your channel on your streaming platform of choice.
  2. In the chat window on your channel, select popout chat. This may also be called popup chat on some platforms.
  3. From the window that pops out, copy the URL from the address bar.
  4. Open up OBS Studio and go to the View menu.
  5. Select Docks and click Custom Browser Docks…
  6. In the first empty box under Dock Name give your chat a name.
  7. In the corresponding box under URL paste the URL from the popout chat window you copied in step 3.
  8. Click Apply.

Adding the Twitch chat in your browser source does not have to be complicated at all.

In fact, by following the steps indicated in this article you will have this done in minutes.

If you have additional recommendations or suggestions, please let us know in the comments section below.

idee restoro Still having issues? Fix them with this tool:
  1. Download this PC Repair Tool rated Great on TrustPilot.com (download starts on this page).
  2. Click Start Scan to find Windows issues that could be causing PC problems.
  3. Click Repair All to fix issues with Patented Technologies (Exclusive Discount for our readers).

Restoro has been downloaded by 0 readers this month.

This article covers:Topics: