How To Add a Chatbox In Stream Elements OBS | Twitch, YouTube Alternative, & Facebook Chatbox Guide!

Поделиться
HTML-код
  • Опубликовано: 14 окт 2024

Комментарии • 129

  • @LuluTeala
    @LuluTeala 6 месяцев назад

    You just saved my Vtuber debut. Thank you! Was pulling my hair out trying to find out how to add my youtube chat to OBS like that!!!

    • @FatalOnion
      @FatalOnion  6 месяцев назад +1

      Very happy I was able to help, Lulu! Hoping the debut goes/went well!

    • @LuluTeala
      @LuluTeala 6 месяцев назад

      @@FatalOnion It went great! Thank you very much :D

  • @emerygrimm
    @emerygrimm 6 месяцев назад

    Ok so I did exactly as you said, but during my 3 hour livestream I had to refresh the chat overlay no less than 10 times because messages either got really far behind or I wouldn’t see them at all. Any ideas why this may be?

  • @Fasshow28
    @Fasshow28 4 года назад +5

    streamelements chatbox looks prettier than streamlabs, is there any way that i can copy that for youtube?

    • @FatalOnion
      @FatalOnion  4 года назад

      Like the chatbox I am using in the video? You can purchase it from NerdorDie's website if you are interested. I'd recommend it! The theme is either "minimal" or "focus" for around $20.

    • @Fasshow28
      @Fasshow28 4 года назад

      @@FatalOnion not exactly, for example when I logged into streamelemts with twitch, the chatbox looks good and I can modify the background, how can I use the same "style" for RUclips? Probably in streamelemts you can copy the "css" or "HTML" and put it into streamlabs obs chatbox..

    • @FatalOnion
      @FatalOnion  4 года назад

      I am honestly not too sure. I am sure copying the coding could work. If that doesn't work, you may have to play around with it to make it similar to the look you are wanting.

  • @khilafologi1866
    @khilafologi1866 2 года назад

    "There's nothing there!"
    Thank you so much good sir!! I think I was the idiot that can not understand how to set up chat overlay on youtube. That is the only confirmation I need. Subbed.

  • @frogmasto
    @frogmasto 2 года назад +2

    I had no clue you couldn't see the chat before you started the stream :) THANKYOU FOR BEING THE ONLY PERSON THAT SAID THAT!

    • @FatalOnion
      @FatalOnion  2 года назад

      A month late "you're welcome" comment strolling through!

    • @frogmasto
      @frogmasto 2 года назад

      @@FatalOnion haha lol

  • @FatalOnion
    @FatalOnion  4 года назад +13

    Hey everyone RUclips Has finally added the feature to add a chatbox in their software now! So, just follow the Twitch or Facebook tutorial to get the chatbox.
    Here are the timestamps:
    Twitch: 0:22
    Facebook Gaming: 2:36
    RUclips: 5:02
    I appreciate you stoppin' on by. I also have a video that might be valuable to you as well. How to avoid copyrighted audio on your streams! Here is a link if you are interested: ruclips.net/video/cY2FfEOdaCE/видео.html

  • @ArcAiN6
    @ArcAiN6 3 месяца назад

    how do you get rid of the ugly black background on the chatbox? i don't want it covering the game

  • @grandshogunrobo927
    @grandshogunrobo927 3 года назад +1

    Ok so i did what you said, got it working I believe (It will all pop up in OBS and in Stream). But I think what I am trying to do is different maybe? I want to have my chat be an overlay while I am gaming all on one monitor so I can see my chat in game? (Twitch)

    • @FatalOnion
      @FatalOnion  3 года назад +1

      I am not sure you can do that. So, you want the chat to overlay while you are playing a game? StreamElements, to my knowledge, cannot do that. I am not sure of any programs or software that would allow that.

    • @McKack
      @McKack 3 года назад +1

      This is something you can do with either Xsplit Broadcaster or Streamlabs' version of OBS (an experimental feature in the settings)

    • @FatalOnion
      @FatalOnion  3 года назад +1

      Was not aware StreamLabs had such I feature. I do recall hearing Xsplit does. Thanks for the info!

  • @HOCPlays
    @HOCPlays 2 года назад

    So for the twitch one... I assume that means you can see chat in game with StreamElements, and this work with one monitor?

  • @huilendewolfsongs
    @huilendewolfsongs 3 года назад

    Is it still the case that SE does not have a possibility to add a chat box on screen?

  • @JohnRickInCanada
    @JohnRickInCanada 2 года назад

    Is there a way to have both the name and chat the same color? I just want mine all white and transparent background. I'd appreciate your help.

  • @GlowGamingZone
    @GlowGamingZone 3 года назад +5

    Finally someone who told me that the URL from the chat box was there. I will Super subscribe to you, thank you!

    • @FatalOnion
      @FatalOnion  3 года назад

      Why thank you, Glow! Glad to help you out!

  • @nando603
    @nando603 3 года назад +1

    When I hover on the STREAM TOOLS, simply nothing happens... I've tried on two different browsers and had no success. Do you know what's happening?

    • @FatalOnion
      @FatalOnion  3 года назад +1

      Which platform are you using to stream on?

    • @nando603
      @nando603 3 года назад

      @@FatalOnion first of all, thanks for replying so quickly. I'm using OBS 26.0.2. However, the problem is on the Stream Elements website itself... The "Stream Tools" menu doesn't show when I hover it... 😕

    • @FatalOnion
      @FatalOnion  3 года назад +1

      If you are trying to use it for RUclips, SE doesn't actually support a chatbox just yet for RUclips streamers. In the video, I give a brief rundown to use StreamLabs for the chatbox while we wait for a legitimate implementation. It stinks but you are still getting the full effect of SE's overlays and alert system with one other browser source being from StreamLabs.

  • @danni7514
    @danni7514 3 года назад

    I followed every step for the Twitch portion of this video but when I went live an typed in the chat in my second account the messages didn't appear in the overlay. Help????

    • @FatalOnion
      @FatalOnion  3 года назад

      A bit strange how that happened... Do the messages appear in the chat from that account in general? Like, are you able to see them on the stream dashboard?

    • @simeontownson185
      @simeontownson185 3 года назад +1

      @@FatalOnion mine does the same, it doesnt show on elements or on obs when i click the corresponding alerts

  • @gabkun5797
    @gabkun5797 3 года назад +2

    This helped me a lot. Really thank you. On Streamlabs, I had a problem with their chatbox and tried testing it on my stream commenting on the post but it doesn't even show a comment is sent

    • @danni7514
      @danni7514 3 года назад +1

      I have the same issue but with stream elements. I followed every step but no chat messages showed up in the overlay...

    • @FatalOnion
      @FatalOnion  3 года назад

      Are you live streaming when testing the chat box? It won't appear if you are not live. At least, that is what I noticed when streaming from RUclips. Twitch seems to work though. I'd start a private live stream just to test if the chat box is indeed working before going live publicly. Also, sometimes the chat box doesn't work for whatever reason. Tends to not work one day but work the next.

  • @teztezza2202
    @teztezza2202 3 года назад

    Can you please tell me how to change the stream elements chat box colour because the text is black and i am unable to change it

  • @halifaxvideos
    @halifaxvideos 2 года назад

    I can't get a chatbox to work to save my life. I can get an overlay to appear, live stream it and then watch the broadcast, but although the overlays appear there's nothing in them.

  • @hellosophia
    @hellosophia 2 года назад

    streamlabs is not working on my youtube chat

  • @dastetv
    @dastetv Год назад

    Can you share your chatbox html ?

  • @xoasesina3128
    @xoasesina3128 3 года назад

    is there a way to get streamelements/nightbots messages to pop up on stream when people do commands gamble etc? not popping up for me only the chatters messages (on the screen/overlay)

    • @FatalOnion
      @FatalOnion  3 года назад

      Did you find a solution? I feel it should automatically be put into the chat on its own. If you enabled a setting to hide bot commands, that'll probably be the reason right there.

    • @xoasesina3128
      @xoasesina3128 3 года назад

      @@FatalOnion i have not found a solution no bot chats show up in the chat box at all on stream:( its alright i guess but wish i knew how to fix it

    • @FatalOnion
      @FatalOnion  3 года назад +1

      I took a look and couldn’t figure anything out. I know I’ve seen the commands in the chat box before. I would check their forums maybe or use their support tab in the StreamElements discord.

    • @FreyenVT
      @FreyenVT 2 года назад

      it's prette late but if you still need it, its a setting in the chatbox when editing the overlay. there is an option to ignore usernames and streamelements for example is automaticly in that list and won't be shown in the box so u could take a look there if your bots are in that list

  • @TJOffDuty
    @TJOffDuty 4 года назад

    Can an overlay be imported into streamelements that has a chat box window already but just needs the stream's chat box added to fit inside it ?

    • @FatalOnion
      @FatalOnion  4 года назад

      If you are talking about buying an overlay and importing it into StreamElements, yes, sometimes it does have that. My overlay, for example, was imported into SE as the intermission screen with the chat box location. All I had to do was import the chat box separately and place it where I wanted it. I am on RUclips though. So, it was a little different of a process.

  • @Sixeye_
    @Sixeye_ 4 года назад

    There's no notifications for likes and shares etc, when streaming to facebook gaming. Twitch and RUclips have the chatbox notifications. I can't find anything on how to activate it for facebook gaming.

    • @FatalOnion
      @FatalOnion  4 года назад

      I believe StreamElements is trying to get something situated. I'd keep your eyes peeled for more information about that!

  • @SelynaB
    @SelynaB 2 года назад

    is there a way to show only a specific text from chat with a command? for example a command !task is made, and chat says !task [do laundry] . is there a way to show the text "do laundry" on the overlay? Great video btw!

    • @kenseyho
      @kenseyho 2 года назад

      Hey Selyna! Did you ever figure out the answer to this? Trying to do a similar thing here.

    • @SelynaB
      @SelynaB 2 года назад +1

      @@kenseyho apparently its a python bot or a custom code that reads the chat and does the work.

    • @kenseyho
      @kenseyho 2 года назад

      @@SelynaB Ahhh thank you! Figured there was something like that involved. really about to learn coding just for this feature lmfao

  • @conandos
    @conandos 3 года назад +1

    Hey man, I was wondering if you could give me the custom css so I can get that white text border. I know you did mention you don't want to give it away for free, but the bundle you got that chatbox from is not for sale on nerd or die's website anymore, therefore there is no other way to get that look. If you could give me the code to get that chatbox look, that would be amazing. Thanks.

    • @FatalOnion
      @FatalOnion  3 года назад +2

      I’m sorry but I cannot do that. I respect NerdorDie and the products they make. They get all the credit they deserve. And the package is still available. It’s called the Focus package: nerdordie.com/product/focus-minimal-overlay-and-alerts/

    • @MrJimmysteel25
      @MrJimmysteel25 3 года назад

      @@FatalOnion lol lame

  • @YinYangMix
    @YinYangMix 4 года назад

    Why is there no stream chat option when I click the plus sign blue button? Did they remove it?

    • @FatalOnion
      @FatalOnion  4 года назад +1

      What platform are you streaming to?

    • @YinYangMix
      @YinYangMix 4 года назад

      @@FatalOnion Here on RUclips...

    • @FatalOnion
      @FatalOnion  4 года назад

      That’s what I was assuming. I’m not sure why they don’t have it implemented. Could really help the program out tremendously if they did. A way around it would be using StreamLabs just for the chat box as shown in the video. That’s what I do while I wait for StreamElements chatbox.

    • @Oyajigunsmith
      @Oyajigunsmith 4 года назад

      @@YinYangMix ​ @Fatal Onion I spoke to SE and they said you don't get any stream tools for YT due to "limitations". So if you want a chat box, you'll need to pop out the chat window, copy the URL and make a browser source in OBS or use the Streamlabs widget.

  • @greendaer7391
    @greendaer7391 3 года назад

    Hello! Are youknow how to format the command to show a user's Sub Age/time. I'm wanting to able to do !subage @(insert name) and see their sub age in chat.

    • @FatalOnion
      @FatalOnion  3 года назад

      That’s a special command StreamElements, other streaming platforms, and I believe NightBot offer. All you have to do is allow that platform to be a channel moderator, activate the pre made command in the commands menu, and you’re set.

  • @Faick666
    @Faick666 4 года назад

    How can I get the same chatbox that u used on youtube example?

    • @FatalOnion
      @FatalOnion  4 года назад

      The chat box I have is from NerdorDie. I believe it is called the minimal bundle. You can pick it up for around $20 on their website. Using code "fatal" will also give you 10% off on your order.

  • @BRC_Del
    @BRC_Del 2 года назад

    This did it and it's basically perfect, thanks!

  • @squardson8769
    @squardson8769 Год назад

    Followed everything, end up stuck with blank box while live ;-;

    • @FatalOnion
      @FatalOnion  Год назад

      Which platform are you streaming on?

    • @squardson8769
      @squardson8769 Год назад

      @@FatalOnion twitch. Couldnt get stream elements chat to work but streamlabs chat works

  • @Hyckk
    @Hyckk 3 года назад

    what html code did you use on twitch?

    • @FatalOnion
      @FatalOnion  3 года назад +1

      The code I used to get my chat box theme with those white boxes?

    • @Hyckk
      @Hyckk 3 года назад

      @@FatalOnion yes!

    • @FatalOnion
      @FatalOnion  3 года назад

      That’s a theme from NerdOrDie. The minimal/focus theme! Very appealing to the eye. Feel free to take a gander if you’re interested.

  • @TheGrader600
    @TheGrader600 4 года назад +1

    Mental, is this obs or obs live?

    • @FatalOnion
      @FatalOnion  4 года назад

      This is recorded in OBS Live but shouldn’t be any different with OBS.

  • @1981__Gaming
    @1981__Gaming 3 года назад

    what about when your chat box url shows up making you sign into twitch?

    • @FatalOnion
      @FatalOnion  3 года назад

      What about it, Classy?

    • @1981__Gaming
      @1981__Gaming 3 года назад

      @@FatalOnion hey figured it out...I had to rewatch your video and you said “you have to be online” and that was the fix. THANKS FOR THE REPLY very appreciated! Don’t forget to follow me on twitch to see how I’m doing

    • @FatalOnion
      @FatalOnion  3 года назад +1

      Glad you got your issue resolved! And maybe I’ll have to stop by to see how things are working out for you!

  • @jxvii9098
    @jxvii9098 3 года назад

    Did anyone figure out what the dimensions are to have a normal sized chat box? Like what's the standard height and width?

    • @frogmasto
      @frogmasto 2 года назад

      If I were you I would just use what u like lol, if u wanna know for my twitch starting stream I have 500 800 pxls :)

  • @zikusuperfroggy
    @zikusuperfroggy 3 года назад +1

    Dropping my man a sub for that "One and Only" InTro

    • @FatalOnion
      @FatalOnion  3 года назад +1

      Right on dude! I appreciate it 😎

    • @TheDeadlyJedly
      @TheDeadlyJedly 3 года назад

      @@FatalOnion Same bro thats some sick shit lol

  • @therizqian
    @therizqian 3 года назад

    what a good font size

    • @FatalOnion
      @FatalOnion  3 года назад

      Its good for reading will on a PC but difficult on a phone. Bigger the better!

  • @Alice-zb1wb
    @Alice-zb1wb 3 года назад

    Thanks fatal

  • @RandomPRC
    @RandomPRC 3 года назад

    can i have your code for the chat element

    • @FatalOnion
      @FatalOnion  3 года назад

      I am not able to do that. You’ll have to purchase the chat box from NerdorDie.com. This is the Focus or Minimal theme and only worth $20 I believe. Well worth it.

    • @RandomPRC
      @RandomPRC 3 года назад

      @@FatalOnion oh i thought it was custom coded i dont got money lol

    • @FatalOnion
      @FatalOnion  3 года назад

      @@RandomPRC I feel that man... Time to put in the work, GRIND TIME BABY!

    • @RandomPRC
      @RandomPRC 3 года назад

      @@FatalOnion will do

  • @RicardoSantos-bc9jp
    @RicardoSantos-bc9jp 3 года назад

    why my chat dont appear messages? just a black box

  • @mrkrndl
    @mrkrndl 4 года назад

    I don't see any chat on my chat box on facebook. It's just blank even if I use other account to comment.

    • @FatalOnion
      @FatalOnion  4 года назад

      Is the stream live when are you talking in the box?

    • @mrkrndl
      @mrkrndl 4 года назад

      @@FatalOnion yes I'm live

    • @FatalOnion
      @FatalOnion  4 года назад

      @@mrkrndl I feel you didn't set it up properly. It should work once you add it in without even changing the settings. Maybe check your chatbox settings again, see if you have the proper link copied and pasted into the OBS browser source, make sure the chat box isn't "hidden" in either OBS or the overlay editor or other layers are in front of it, etc.

    • @mrkrndl
      @mrkrndl 4 года назад

      @@FatalOnion thanks for the reply! I iwll check it later. I didn't changed anything on the overlay. I used a premade theme from the site. Everything is working except that chat box

    • @FatalOnion
      @FatalOnion  4 года назад

      @@mrkrndl Interesting. I know for myself, the chat box seems to be the thing that works once in awhile. For whatever reason, I do not know. Hopefully, you'll figure it out!

  • @kagezay
    @kagezay 3 года назад

    every time i do this it only copies my twitch chat not my youtube chat

    • @FatalOnion
      @FatalOnion  3 года назад

      Make sure you sign into the RUclips account when you first access the StreamElements website.

    • @kagezay
      @kagezay 3 года назад

      @@FatalOnion did that still only copies my twitch chat not youtube

    • @FatalOnion
      @FatalOnion  3 года назад +1

      @@kagezay Even when you are signed into it on your RUclips? That shouldn't be happening... I honestly don't know how to resolve that. The only thing I could think of would be to verify you are signed in with RUclips, make sure to copy the right URL link, and be signed into the right profile on the StreamElements software.

    • @kagezay
      @kagezay 3 года назад

      @@FatalOnion so the chat works on streamlabs but not obs witch is fine but now i'm not getting youtube alerts at all. 🤷🏽‍♂️

    • @FatalOnion
      @FatalOnion  3 года назад +1

      I’ve had the same thing with the alerts. I think it’s a RUclips issue. For the last month or so I haven’t had accurate or any alerts at all. From subscribers and tips to channel memberships. Very bothersome.

  • @KataraVtuber
    @KataraVtuber 3 года назад

    Thank you so much for this tutorial!!

  • @robertgbxz9818
    @robertgbxz9818 3 года назад +1

    Thx but I wish I had a computer

    • @FatalOnion
      @FatalOnion  3 года назад +1

      Time to get one, Robert ;)

  • @RedditThingsz
    @RedditThingsz 4 года назад

    How to make it transparent background?

    • @FatalOnion
      @FatalOnion  4 года назад

      The background should be transparent automatically. If not, you might have a layer blocking it from being transparent. I'd check your layers and hide/unhide each layer until you find the background that is causing the issue. Then, delete it or keep it hidden.

    • @jakoby7495
      @jakoby7495 3 года назад +1

      Click Custom under the settings tab. By default it is transparent. I made my own chatbox background!

    • @jakoby7495
      @jakoby7495 3 года назад +1

      In the Chatbox LAYER^^^

  • @Zappzo
    @Zappzo 4 года назад +1

    Sir Slothtimus made a Cameo in the vid, awesome tutorial.

    • @FatalOnion
      @FatalOnion  4 года назад

      Why thank you, Zappzozo, much appreciated :sunglasses:

  • @dadibutzmarru
    @dadibutzmarru 11 месяцев назад

    all i can hear was i dont know

  • @Alice-zb1wb
    @Alice-zb1wb 3 года назад

    Cool

  • @superfuture_
    @superfuture_ 4 года назад

    Kewl

  • @goldenmantis5564
    @goldenmantis5564 4 года назад

    k

  • @longdashes
    @longdashes 3 года назад

    gay