The simplest way to add a chat box to OBS

The most direct method is to add your streaming platform's chat as a browser source inside OBS. If you stream on Twitch, YouTube, or Facebook Gaming, your chat window already exists on the platform's website — OBS can display it as an overlay on your stream by pointing to that URL. You do not need a separate plugin or third-party tool for basic chat display.

The process differs slightly by platform, but the core steps are the same: you create a new browser source in OBS, paste the chat URL for your platform, and position it where you want viewers to see it. Your audience sees the chat box as part of your stream, not as something only you can see.

Key Takeaways

  • Twitch chat uses the URL format https://www.twitch.tv/popout/YOUR_CHANNEL_NAME/chat, while YouTube uses the live chat URL from your stream's chat panel.
  • Add chat as a browser source in OBS by clicking the plus icon under Sources, selecting Browser, and pasting the correct URL for your platform.
  • Set the browser source width and height to match your stream resolution — typically 1920x1080 or 1280x720 — so chat displays at the right size.
  • You can resize and reposition the chat box after adding it, and hide it during gameplay or other segments by toggling its visibility in OBS.
  • Some streamers use third-party overlays like Streamlabs or StreamElements for styled chat boxes with custom fonts and animations, but the built-in browser method works without extra software.

Adding Twitch chat to OBS

Open OBS and select the scene where you want the chat box to appear. Under the Sources panel at the bottom of the screen, click the plus icon and select Browser. A dialog box opens asking you to create a new browser source or select an existing one — choose "Create new".

In the URL field, enter https://www.twitch.tv/popout/YOUR_CHANNEL_NAME/chat, replacing YOUR_CHANNEL_NAME with your actual Twitch username. Set the width to 1920 and height to 1080 if you stream at 1080p, or adjust down to 1280x720 if that is your stream resolution. Leave the other settings at their defaults and click OK.

The chat box now appears in your scene. Drag the corners to resize it and move it to the position you want — many streamers place it in the bottom right or left corner. You can also right-click the source and select Transform to access precise positioning options. The chat will update in real time as viewers send messages.

Adding YouTube chat to OBS

Start a live stream on YouTube or open your scheduled stream. Click the chat icon on the right side of the screen to open the live chat panel. Look for the three-dot menu icon at the top of the chat panel and select "Pop out chat" — this opens chat in a separate browser window with its own URL.

Copy the URL from the address bar of that pop-out window. Return to OBS, click the plus icon under Sources, select Browser, and choose "Create new". Paste the YouTube chat URL into the URL field. Set the width and height to match your stream resolution — 1920x1080 or 1280x720 are common choices.

Click OK and position the chat box in your scene the same way you would for Twitch. YouTube chat updates live during your stream, and viewers will see their messages appear in the overlay.

Adding Facebook Gaming chat to OBS

Open your Facebook Gaming stream in a web browser. Right-click on the chat panel on the right side of the screen and select "Inspect" or "Inspect Element" — this opens the browser's developer tools. Look for the chat iframe URL in the code, which typically contains "facebook.com" and "chat" in the path. Copy this URL.

If you cannot find the URL this way, an alternative is to use the Facebook Gaming page URL directly: https://www.facebook.com/gaming/YOUR_PAGE_NAME/videos/YOUR_VIDEO_ID. However, the pop-out method is more reliable. Add a browser source in OBS, paste the URL, set dimensions to 1920x1080 or 1280x720, and position it in your scene.

Sizing and positioning the chat box correctly

The chat box size matters because it affects how readable the text is and how much screen space it takes up. If your stream resolution is 1920x1080, a chat box of 400x600 pixels (width x height) is a common size that does not overwhelm the gameplay or content. If you stream at 1280x720, reduce the chat box to around 300x450 pixels.

Position the chat box where it does not cover important information — avoid placing it over your game's health bar, minimap, or any text you need viewers to read. The bottom right and bottom left corners are popular choices. You can test different positions by dragging the source in the preview window before you go live.

If the chat text is too small to read, increase the browser source dimensions rather than trying to zoom the text itself. Zooming inside the browser source can make the chat harder to read and may cut off parts of messages.

Hiding chat during specific moments

You may want to hide the chat box during certain parts of your stream — for example, during a loading screen, a menu, or a sensitive moment in gameplay. Right-click the chat browser source in the Sources panel and select "Hide" to remove it from the stream without deleting it. Click "Show" to bring it back.

You can also use OBS scenes to manage this automatically. Create one scene with the chat box visible for normal gameplay and another scene without it for menus or cutscenes. Switch between scenes during your stream using the keyboard shortcut or by clicking the scene name in the Scenes panel.

Using styled chat overlays instead

If you want a chat box with custom colors, fonts, or animations, services like Streamlabs and StreamElements offer pre-built chat overlays that you can add to OBS. These tools connect to your streaming account, pull your chat data, and display it with styling you control. The setup is similar — you add them as browser sources — but they require creating an account with the service first.

The trade-off is that these overlays add a small delay to chat messages (usually one to three seconds) because they process the chat data before displaying it. The built-in platform chat method has no delay. For most streamers, the platform's native chat is sufficient, but styled overlays are worth exploring if you want a more polished look.

Frequently Asked Questions

Why is my chat box showing a blank screen or loading forever?

The most common cause is an incorrect URL or a URL that requires you to be logged in. Make sure you are using the pop-out chat URL (for YouTube and Facebook) or the correct channel name (for Twitch). If the URL is right, try refreshing the browser source by right-clicking it and selecting "Refresh cache".

Can I see my own messages in the chat box overlay?

Yes, you will see all messages including your own. If you want to hide your own messages from the overlay, you would need a third-party tool like Streamlabs or StreamElements that allows filtering, but the native platform chat shows everything.

Does the chat box slow down OBS or my stream quality?

A single chat browser source has minimal impact on OBS performance or stream bitrate. If you add many browser sources or overlays, you may notice a slight increase in CPU usage, but a chat box alone will not degrade your stream quality.

What if my chat box shows old messages from before I went live?

This is normal behavior for the platform chat URLs. The chat history loads when you add the source. If you want a fresh chat display each time you stream, you can delete the source and re-add it at the start of each stream, or use a third-party overlay that clears between sessions.

Can I add chat to multiple scenes at once?

Yes. Add the chat browser source to one scene, then right-click it and select "Copy". Switch to another scene, right-click in the Sources panel, and select "Paste" to add the same chat source to that scene. Changes to the source (like resizing) will apply to all scenes where it appears.