We strongly recommend to test the chat box before going live with it to ensure it is working.Īlso if you do have some coding skills with CSS, customizing your chat box to match your theme’s layout will really make your stream stand out.Click To Copy Blank Text RIGHT-TO-LEFT MARK This will encourage chat activity and interaction with your stream as user’s names and messages will appear for the entire viewership to see their messages. SummaryĪdding a chat box to your stream is super simple and only takes about 5 minutes to add in. You are able to test the chat box to see if it looks correct by logging into your Twitch channel and typing into your own chat – these messages will then appear in OBS. These changes will then be applied to the chat box in OBS Studio. If the text is too small or too big then make changes in Streamlabs. You can drag this around and make the sizing how you like it.
In OBS you will see a red transparent box which is the chat box! Leave Shutdown source when not visible as unselected and click OK. In the next window you are going to want to paste the URL that you copied from Streamlabs into the box that says URL.įor the Width, Height, FPS and CSS you are able to change these as you feel fit but from my experience these settings are just fine. Name the source Twitch Chat so that it’s clear what it is and you don’t get it mixed up and click OK. Once you’ve configured the settings to your liking – open up Streamlabs OBS.Ī new window will pop up and select Chat Box and Add Source. Since the widget is made by Streamlabs it is super simple to add in the chat box into your scene. In order to that you need to do that from your Twitch dashboard.Īfter you make all the changes you want and are happy with the configuration click Save Settings. This will not hide their messages in the Twitch chat. Muted Chatters – this will hide specific users from appearing in the chat box. You can also hide commands that are starting with an ! so that user’s commands that are interacting with the bots won’t show. They will still appear in your Twitch chat but won’t show in the chat box on your stream. Hide Chatters – this will allow you to hide NightBot or MootBot if they are active in your stream. If you do not have a lot of activity in your chat just yet this is useful although if you often have an active chat then this won’t matter too much. Hide Messages After – set a timer for how long messages should appear for.
We recommend that you increase this to 25px to make the text more readable for viewers. Text Color – again, you are able to change the colors although white is the most readable for viewers with a dark background.įont Size – increase or decrease the size of the text. Most people will want the background to be transparent so leave the color as black or #000000 to have a transparent background. These are BetterTTV Emotes and FrankerFaceZ Emotes.īackground Color – you are able to change the background color of the chat box. There are a number settings that you can tweek in this panel.īadges – decide what badges will show in the chat box.Įmotes – by default emotes will work with the chat box but you are given the option to have even more emotes be available to show in the chat box. We recommend sticking to these unless you are confident to style your own with CSS. There are a number of pre-made themes for that chat box which do look good. Here we are going to pre-configure what the chat box will look like in the stream. On the left hand sidebar under Widgets you will need to select Chat Box. Once you’ve successfully logged in you will be taken to your dashboard. If it is you’re first time you will have to grant it authorization to your channel but it’s super simple. You will need to connect with a streaming service – since we’re focusing on Twitch in this tutorial just log in through Twitch. The first step is the same whether you’re using SLOBS or OBS. We will look at implementing the chat for both Streamlabs OBS (SLOBS) and OBS Studio.
#Invisible character copy paste twitch windows
During loading screens or pre-stream windows you will maintain some activity on screen so that people aren’t looking at a blank screen.