A chat box in your YouTube livestream is a graphic overlay that places viewer messages inside the video itself. To add one in OBS, configure a third-party chat widget, copy its URL, and display it as a Browser Source; OBS does not provide a native on-stream chat overlay.
That overlay is separate from the chat panel alongside the YouTube player. The panel is part of YouTube’s viewing page, while an overlay becomes part of the scene you send to the broadcast. This guide follows the documented Streamlabs Chat Box workflow and explains how to position and test it.
What an on-stream chat box is
When someone watches your stream on YouTube, they may see live chat beside the player, depending on how they are watching and the stream’s settings. That does not mean the messages appear over the video. If you want viewers to see them within the picture, the chat needs to be rendered as a visual element in your broadcast scene.
A chat overlay is typically a transparent box that displays recent messages over part of your video. You choose where it sits in the scene, and the widget’s settings determine how messages appear. For example, a devotional channel might place a modest chat area in a lower corner while leaving a singer’s face and any lyrics unobstructed. A study stream might leave it out of the main view if messages would distract from the lesson.
This is a choice about presentation, not a requirement for using YouTube live chat. You can read and respond to messages in YouTube’s chat panel without showing them on the video. If you want to display messages in the picture, make sure you are configuring an overlay rather than merely opening a chat panel or a pop-out window for yourself.
Why OBS needs a third-party overlay
OBS Studio’s own FAQ is explicit: “OBS Studio does not directly provide the facilities to show the stream chat in your chat.” It explains that third-party chat overlays can be shown by embedding them with a Browser Source. In practice, the widget supplies a web page that OBS can display inside a scene. Read the OBS guidance on stream chat.
This distinction matters because OBS may show docks or panels that help you monitor production, but a panel visible to you is not necessarily part of the video sent to YouTube. A chat dock can make it easier to read messages while streaming; it does not, by itself, burn those messages into the encoded picture. For the on-screen result, add an overlay source to the scene.
Streamlabs documents a Chat Box widget URL and Browser Source route. OBS’s own layout tutorial also names Streamlabs and StreamElements among approaches for adding widgets and overlays. The interfaces and available controls can change, so use the current dashboard instructions for whichever provider you choose. The detailed steps below stick to Streamlabs because its support material describes the workflow directly.
An alternative sometimes causes confusion: YouTube documents embedding live chat on a creator’s website using an iframe. That is a way to place chat on a web page, not a way to add it to an OBS scene or the video itself. YouTube’s live chat help page explains the website embed.
Configure the Streamlabs Chat Box
Sign in to the Streamlabs dashboard and find the Chat Box widget. Its support guide describes configuring the widget before using its URL in broadcasting software. Start with the visual decisions that matter in your scene: whether messages should remain visible or fade, how the text and message area should look, and whether a delay is needed. Consult the current controls in the dashboard, as labels and settings may change. Streamlabs’ Chat Box setup guide covers the widget setup route.
Keep the design legible at the size people will actually watch. A chat box that looks readable on a large editing monitor can be difficult to follow on a phone. Avoid placing it over essential details such as a speaker’s face, subtitles, a product demonstration, or text already in the video. If the stream is intended to be calm and mostly watched in the background, consider whether chat should be prominent at all.
Think about message flow as well as appearance. A fast chat may fill the box quickly, while a quiet channel may have only occasional messages. A fade setting affects how long messages remain visible; a delay setting affects when they appear. Those choices can change the pace and feel of the picture, so make a deliberate choice and test it rather than assuming the default suits your audience.
The widget is a separate visual element, not a moderation policy. Review your YouTube chat and moderation settings as well as any widget controls, and decide how you will handle unsuitable messages. An overlay can make messages more visible to viewers, but it does not guarantee that every message will be appropriate or that moderation is automatic. Check current YouTube guidance for the controls available on your channel.
Copy the widget URL
Once the Chat Box is configured, locate its widget or overlay URL in Streamlabs. The URL is the address of the page that OBS will load; it is not your YouTube watch link, stream key, or channel URL. Keep it private if the provider treats it as a personal widget address, and follow Streamlabs’ current guidance on locating and using it. See Streamlabs’ widget URL instructions.
Copy the complete URL using the dashboard’s copy control if available. If you select and copy it manually, make sure the beginning and end are included. A partial address can leave the Browser Source blank or produce an error, and a YouTube page URL will not substitute for the widget address.
Keep a note of which scene and widget the address belongs to if you are building several layouts. For instance, a full-screen music scene and a product demonstration scene may need different chat placement, even when they use the same channel. You can use the same widget URL where that makes sense, but verify each scene’s layout separately.
Add a Browser Source in OBS
Open OBS and select the scene where the chat should appear. In the Sources area, add a Browser Source, give it a clear name such as “Chat overlay”, and paste the Streamlabs widget URL into its URL field. The source is now a web page within the scene, which OBS can render alongside your video and other graphics.
Set the source’s width and height to suit the intended layout. These are dimensions for the browser content, not a command to resize your entire canvas. If the chat will occupy a narrow area on one side, give the source enough space for messages to wrap and remain legible without covering the rest of the scene. Streamlabs’ widget URL instructions also discuss source configuration, including frame-rate adjustment where needed; refer to its current directions rather than assuming one setting is right for every scene.
When the source first appears, it may sit over other scene elements. That is normal: sources have positions and ordering in OBS. You can move or resize the chat in the preview and change its order relative to other sources. If a background blocks the overlay, adjust the source order or the widget’s appearance so messages display as intended.
If you use software other than OBS, check that it supports an equivalent browser or web-page source and follow its documentation. The general idea is the same, but menu names and options differ. Do not assume that adding a chat panel in a control window is equivalent to adding a source to the programme output.
Position and check the overlay
Arrange the chat in the scene preview, then look at the complete scene rather than judging the box alone. Check that it does not cover faces, lyrics, captions, important product details, or other information viewers need. A chat box can be technically present but still make the stream harder to follow if it competes with the main picture.
Use the final video canvas as your reference. If your video is designed for a wide screen, the box may feel comfortably sized on your monitor yet dominate the scene when watched on a smaller display. Make the text large enough to read at ordinary viewing size, while leaving enough room for the actual video. Test a few representative messages, including a longer one, because line wrapping can change the height of the overlay.
Check what happens when the chat is quiet as well as busy. Some widget designs leave an empty frame visible even when there are no messages; others can fade away. Decide which presentation fits the channel. A devotional or ambience stream might favour a restrained treatment, while a live question-and-answer session may benefit from a more obvious chat area.
If OBS freezes or becomes unstable while you are building a scene, separate the chat-source question from other streaming problems. A browser overlay is one source among the scene elements, so note what changed before troubleshooting. For a looping video broadcast, this guide on handling OBS freezes while looping YouTube videos addresses a different but related production issue. For broader scene and encoder choices, see the OBS setup guide for a 24/7 YouTube playlist on Windows in India.
Test chat before going live
Before a public broadcast, inspect the scene in OBS and confirm that the widget loads, the text is readable, and the box stays where you placed it. If you can, use a private or otherwise appropriate test arrangement to check how an actual message appears. A static preview may not show the behaviour of a new message, a long message, or the widget’s fade timing.
Check the full path from YouTube chat to the overlay. Confirm that the stream is using the expected account and that messages sent in the relevant chat appear in the widget. If nothing appears, check that the correct widget URL is in the Browser Source, that the source is enabled and visible in the scene, and that the widget is configured for the intended channel. Then review the provider’s current troubleshooting guidance.
Also check the final output, not only the OBS editing preview. Look at a recording or a suitable test viewing arrangement at the size your viewers are likely to use. Verify that chat is not hidden behind another source, cut off at the edge, or difficult to read against the video. If your scene changes, check the overlay in each relevant scene; a position that works in one may overlap content in another.
A chat box does not need to be part of every scene. You may prefer a clean intermission or music scene and a chat-enabled discussion scene. If you switch between scenes during a long broadcast, decide in advance where messages should appear and check the transitions. The guide to OBS encoder overload and settings changes is useful when diagnosing an encoder issue, but an unreadable or missing overlay is usually a separate layout or widget check.
For an always-on stream, remember that a chat overlay only addresses what viewers see in the scene; it does not itself run or restart the broadcast. If you are planning a continuous channel, consider the operating arrangement separately from the overlay, as explained in this guide to streaming a 24/7 YouTube channel from a home server with FFmpeg. Keep the chat widget test in your pre-flight routine whenever you alter its URL, settings, or scene placement.
Before committing, compare the operating options on the pricing page. When the file and channel are ready, start free — 24-hour trial, no card.
FAQ
Will OBS show YouTube chat over my video by itself?
No. OBS’s FAQ says it does not directly provide the facilities to show stream chat in the stream. To put messages in the video, add a third-party chat overlay through a Browser Source or another compatible overlay method.
Is the YouTube chat panel the same as an on-stream chat box?
No. The chat panel beside the YouTube player is part of the viewing page, while an on-stream box is included in the video scene. A dock or pop-out can help you read messages while producing, but it does not automatically place them in the broadcast picture.
Can I use YouTube’s iframe chat embed in OBS?
YouTube’s documented iframe guidance is for embedding live chat on a website. It is not, by itself, an overlay for the encoded video scene. For OBS, use a compatible widget URL as a Browser Source and follow the provider’s current instructions.
Do I need special hardware for a chat overlay?
The documented workflow uses a chat widget URL and a Browser Source in OBS or compatible software; the sources cited here do not establish a required physical product. Your existing production setup still needs to run your broadcast software, but adding the overlay is a software configuration task.