Here is the rewritten text in a well-structured article format:

Setting Up Super Chat and Donation Alerts on Streamlabs OBS and YouTube

When it comes to setting up super chat and donation alerts for your live stream, there are several options available. In this tutorial, we will walk you through the process of setting up super chat and donation alerts using Streamlabs OBS and YouTube.

**Step 1: Setting Up Super Chat in Streamlabs OBS**

To set up super chat in Streamlabs OBS, follow these steps:

* First, open your Streamlabs OBS dashboard and navigate to the "Alerts" section.

* Click on the "New Alert" button and select "Super Chat" as the alert type.

* Set the minimum super chat amount for recent events to 0, so that all super chats are displayed.

* Set the message template to be the same as the donation message, and delete the "Donated" field.

* Add a new column with space for name and amount.

* Click on "Save Settings" to save your changes.

**Step 2: Setting Up Super Chat Message Settings**

Next, let's set up the super chat message settings. To do this:

* Open the super chat alert settings by clicking on the "Super Chat Alert Settings" button.

* Set the show message option to "No", so that only the name and amount are displayed in the alert.

* Set the minimum super chat amount option to 0, so that all super chats are displayed.

* Click on "Save Settings" to save your changes.

**Step 3: Adding a Super Chat Widget to Your Stream**

To add a super chat widget to your stream, follow these steps:

* Copy the URL from the Streamlabs OBS dashboard by clicking on the "Copy" button next to the widget name.

* Open Obs Studio or Streamlabs OBS and click on the "+" icon to add a new source.

* Select "Browser Source" and enter the copied URL into the "URL" field.

* Click on "Enter" to save your changes.

**Step 4: Positioning the Super Chat Widget**

To position the super chat widget, follow these steps:

* Drag the widget to the desired location in the OBS Studio or Streamlabs OBS layout.

* Use the "Layout Settings" option to adjust the size and positioning of the widget as needed.

**Step 5: Testing Your Super Chat Setup**

To test your super chat setup, follow these steps:

* Click on the "Test Donation" button to see if the donation alert works correctly.

* Click on the "Test Member" button to see if the member notification works correctly.

* If everything works as expected, you are ready to go live!

**Additional Tips and Resources**

If you want to learn more about streaming on YouTube, I recommend checking out my big tutorial playlist, which covers everything from setting up your stream keys to optimizing your stream for YouTube. I also have a discord channel where you can ask any questions you may have about streaming or setting up super chat.

I hope this helps! Let me know if you have any questions or need further assistance.

WEBVTTKind: captionsLanguage: enif there is one thing i hated when learning how to set up a stream and how to make sure that everything was working is that every tutorial assumes that you want to stream on twitch almost no tutorials focus on youtube or facebook etc so i figured i would make a few separate tutorials about that and this is the youtube alerts one what's up everyone jala here with the video nerd and welcome back to my channel if you want to see me stream on twitch i stream every monday wednesday and sometimes friday so i will put a link right here on the screen it's also in the description you can follow the channel if you want i talk with viewers i stream games i chill a bit it's fun in there i hope i will see you on my next stream and a big thanks to our sponsor of this video which is owned tv they are the biggest stream graphics web shop on the internet if you're looking for graphics for your stream then just go to their website you can test out all packs by using their previewer which lets you trigger certain events to get a feel of how the graphic will look on your stream all their packs are modular so that means that the layout which you create will be unique to your stream if you want a great looking stream and you can't pay someone to create a custom pack for you then this is definitely the way to go they also have things like sub badges shopping modes separate transitions and much more odd has been a big player in the streaming industry for quite some time and they are amazing to work with and by getting a design from them you're also supporting my channel and if you use my code which is tvn you will get 50 off i will link their website in the description you can go to the checkout enter tv and get 50 off if you're on the fence of buying an overlay then now it's definitely the time go to their website check them out they are amazing owned tv we will be setting up stream alerts for youtube specifically and we will be doing it with the streamlabs website now i know that in streamlabs obs as you're seeing right now you have an alert box right here but first of all you don't have that in obs studio and second of all the alert box lacks a lot i try using this to explain things from time to time but every time it starts lagging while i'm recording or it does something weird or it shows twitch alerts instead of youtube alerts in the settings i always have to restore when doing this so i figured i would just never teach anything about it again just use the stream ups website because that always works and we will be using that because then i can also explain it for obs studio and streamlabs obs at the same time so let's go to the website i will take a browser window right here let's go to streamlabs.com on the top you will have to log in and then you will be able to choose youtube since we are adding youtube alerts make sure you log in with youtube or you will see twitch settings etc i will do it with my dvd nerd account and right here we are on the main page and on the left we can click on alert books now before going further with setting these up i have a free graphic spec that i share in a lot of videos it's called the neon overlay pack you can find it on my discord and i will be using those alert graphics to set up this youtube alert let me go to my discord to quickly show you where you can find it so once you're in the discord on the left you see free stuff and then overlays and right here this is the neon pack and these are the alerts which we will be using so to download it you can go to neon pack right here this is the updated one you will need to find this one because this only contains twitch alerts as i said i also focus only on twitch but right now i did add youtube alert so click on the updated pack it will download you can unpack it somewhere and then actually let's unpack it and then i will show you where the alerts are so we click on extract let's do it in the downloads now i will go to my downloads and right here we see neon pack inside we have alerts and these are the alerts which we will be using so for example a new channel member etc if you wanna edit the alerts right here is a photoshop file if you don't have photoshop you just go to photopia that's an easy way to edit photoshop files and then you can just drag it in like this and now you can just double click the name change it to whatever you want and right here on the right you see left color if you go to pro right here you can change the hue and as you see you can change the color of the left one same with this one right color you can change the color then you can go to file export as png and then save and bam it downloads your new alert right here a new name new colors etc you can customize them as you want and then you can follow the tutorial with me so we are back on the alert page right now and before we do anything let's go to manage teams because right here we're gonna make a new widget theme because otherwise you could have problems with things you added in the past and change etc it's possible that something doesn't work so let's click on create widget theme and then just call it something you want i will call it tutorial alerts okay blah blah blah doesn't matter create and then it will create a new theme and then we want to make sure that we click on use so this is actually activated so now right here we see tutorial alerts activated that's perfect now let's go back to the alert so on the left click on alert box and then we will be brought back to the alerts now right here you can see that you can enable or disable certain alerts but we want to set up all the basic ones and i'm not going to focus on merge cloud boot redemptions or streamlabs prime gifs because almost no one who is starting to stream is using this so let's focus on the basic and the important stuff and let's scroll a bit down and right here you see that we can test all alerts but of course if you click on an alert nothing will happen because we haven't linked anything to obs or streamlabs obs and we can't see it on the screen but we can click on launch and that will open a preview window and we can actually drag this to the left then click on this page to add it to the right and now let's position it a bit like this and now we can change our alerts right here on the right and we can preview them on the left because let's click on test donation and as you see this triggers a basic donation these are the basic alerts of streamlabs so let's click on superchat as you see right here these are the alerts that you see on a lot of streams but we want to customize them and add custom graphics now let's scroll down even more and you see right here we have tabs for all the different settings we are in the general settings right now this background color doesn't really matter it's for the preview alert delay we're not going to change that right here and there's actually not much to change let's click on this layout because we're gonna want to display our text on top of an alert but other than this let's go to the first alert to actually set it up so let's click on donations and right here we will be setting up the donation alert let's test it to see what it looks like right now it's an image with text under it we want to click on this icon right here because we're gonna set up a custom alert if you're not doing that then you can select this right here and you can select another image right here but we are gonna click on this you scroll to the bottom you click on save settings sometimes you need to wait a bit afterwards or you need to click it two times for it to actually work and right here there's also a test button so let's click on test donation and right now you see that our text is on top of our graphic so right now we will change our graphics so let's click on change media right here and then we will search for the graphic now i already imported some alerts right here but let's do it again you can drag and drop it to here or you can click on it and then just search for it so go to the folder let's go to new donation because that's what we're setting up click on open it will be added and right here new donation let's double click on that it will be added right here and we can click on save settings wait a bit for it to actually update because otherwise it will show your previous settings and then let's click on test donations and as we see alert new donation john donated 35 dollars now what do we want to do we want to make the text a bit smaller because it's too big but let's actually go over all these settings because there are other important things too so from now on i will just be going through the settings for all the alerts right so what do we have right here donation alert enable disable this is straightforward we want to enable it we already did set up the layout right here text on top of the image you can change the animation now for these type of alerts we want to use fade but maybe you want to do something else right here you have a lot of options for different animations now right here we have open text to speech so let's click on that and right here you can enable or disable text to speech now you can choose what you do with this i will disable it right here and then here you can set a minimum amount of dollars donated to actually trigger the text to speech i will just set it to three dollars you have a few other settings you can read them change what you want let's close this and now right here again a minimum amount but this is to trigger the alert so the visual alert on the stream not attached to speech so three dollars is pretty common right here and then a minimum amount to trigger it in the recent events there's another thing you probably know what it is most of the time it's like right here on top of the screen that people at like recent events that scroll down every time they get a new follow new donation etc so that's this right here then the message template this is important because let's trigger the alert again let's click on test donations and then you will see right here we have the name then a column and then the amount of dollars so you also see that right here in the message template name column amount so you can change this right here so if you're not using these alert graphics you can also type for example name donated column amount for example something like this people do this but we are setting up custom alerts so from now on i will be doing everything for that now text animation this is of course the text that comes on the screen with the name and the amount so what you see right here here you can change the animation of this the next image we already changed that done the sound the same thing you can click on change media you either upload something of your own or right here you have stock files and then you can click on all files or on sounds and then you will see all different types of sounds which you can add right here and that will be the sound of your alert now i forgot to say this before if you don't want to use a custom alert graphic and you want to use the graphics of streamlabs you can also click on change media and then right here stock files images right here you will see the basic images that people are using for alerts so you can also choose one of these and then on the top you will be selecting this one right here so the text is below the image and then you can add another message right here i'm just going over everything so you can make your own thing with this so what's next sound volume this is the volume of your alert of this sound right here alert duration this is straightforward how long your alert will be displayed then alert text delay for example if you got an animated alert that like comes in and then after one second the text should be displayed then right here you can add a text delay of one second then next enable custom html css we don't need this right now but it's possible that when you have an alert let's trigger this it's possible that the text will not be right here in the middle that the text for example will be like right here or right here now you can play with this css right here and you can add padding and margin etc to reposition the text but actually there's a more straightforward way to like balance the text and the alerts and it's really simple let me quickly tell you why so let's go back to the alert so right here you see that this let's make it a bit bigger so you see that this is the box around my alert right this is the graphic now what streamlabs obs will do if you select this right here this text on image it will take the exact middle of your image so if this is your alert it will take the middle and there it will display the text now some alerts have not been created very well and the middle of the alert is not actually where the text should appear that's the fault of the designer of the alert and you can change this yourself with photopia if you don't know how to do it you can also go to my discord and ask it there in some of the channels but if you have a problem with that changing the actual alerts is the best way to do it so if you have problems with that go to the discord people will help you let's go on right here open donator message settings let's click on that so when someone donates people can add a message right here you should choose if this message should be included or not we will not include this because we only want to show the name and the amount on our alert there's no place for a donator message then right here phone settings this isn't oops what oh someone just subscribed on my youtube i think that's why the alert is triggering and that's funny okay so done close phone settings no we wanna keep them open because we wanna change them right here you can choose your font and you actually don't need to try them all out to see which font you like you can go to google phones so google phones because all these phones right here are all google phones and there's an easy way to preview it so you go to google phones and then right here you type a sentence so for example the video nerd youtube so for example this when someone subscribes this will be showing on the alert you can even say this 35 that's the message that will be shown and then you can just scroll and you can find something that you like you can even select your preferences so categories you can change something right here you can change the language you can change font properties for example a very thick font etc once you've found something let's say you like this one ubuntu you go to here you click and then you search ubuntu and right here as you see they have this so then let's click on save settings so now that we selected a new font let's trigger the alert to see if we have to make the text smaller or not and we will have to make it smaller so let's go to the phone settings right here the size is 64 pixels right now let's make it something like 42 save the settings wait a bit or it will not be updated and then click on test donations to see and it hasn't been updated yet so we need to save it again wait some time for it to actually work okay let's test it again right now and right now it has been updated you see i'm not telling lies you have to wait a bit sometimes so this is actually pretty good now you can change this if you want change your font change the size and right here you can change the text color and the text highlight color now i will show you what this is let's make this red let's save it wait a bit save it again wait a bit and then click test donation and as you see this is the highlight so when we scroll to the top right here message template that's what's shown right here right everything between parentheses will be read and all the other ones not so when you type for example name donated and then the amount when we save it then and then we click on test donation as you will see right here so the normal text that you type right here will be white and the other text will be the color that you select right here the highlight color so let's just change this to white you can do whatever you want with this then the last thing is open alert variations now this is a bit in depth we will not be doing this but let me quickly tell you what this is right here you have the option between adding a variation with the default settings or with the current settings which are the settings we did set up right now so what the variations are is you can make streamlabs trigger different types of alerts under certain circumstances so let me show you what this actually means let's click on add a variation with current settings so then stream maps will create a second donation alert with the settings we have set up right now and for example you can make the text color red this time so then we have two alerts that are exactly the same except for one is with white color and the other one is with red color and then on the top you can give a condition so let's click on this and then for example donation amount is at least and then for example you make it 50 dollars so that when someone donates 50 or more the text will be red instead of white so here you have a lot of options with this with these variations actually it's pretty useful you can also use different images so for example if you have graphics with certain amount of lines in it you can add more lines the more they donate or something like that you can make it glow more all those things are possible i'm not gonna go in depth on this but right here you can add variations etc let's click on cancel and then the variation will not be created so we can click on save settings and we can go to the next alert because when we click on test donation our donation alert works perfectly fine let's go to the subscribers right now and i will be going to the settings a bit quicker right now because i have explained a lot of these things so of course we want to enable it we want to display the text on top of the image we don't want to change the animation this right here the message template we will be doing this later the animation let's not change this click on change media click on drag and drop we want to add a subscriber alert it will be added right here double click on it okay you can change the sound if you want the volume duration text delay we don't want to change this we don't need to change the css right here open font settings we will make it completely white just like the previous one we will change this to ubuntu just like the previous one okay and then of course i forgot the font size we did change this so i think it was 42 or 48 let's click on save and let's test the alert so let's go to the top click on test subscriber and as we see we just need to change the text right now so they have the name and then just subscribed but they just subscribed we don't need this so let's go to the message template right here and then delete everything except for the name like this okay we can save it right now we can go to the top and we can test it again and as you see for me this is perfect let's go to the next one to the members okay enable let's select text on the image then let's delete all the text except for the name because the new member is on the graphic let's click on change media add a new member perfect let's double click it that works no other sound all these things are the same open the phone settings again make it white make the font size 42 just like the other ones click on save settings let's go to the top let's test member new channel member the video nerd perfect super chats the last thing here we have a few different settings so let's enable this text on the graphic again we don't want to change the animation let's open text to speech and this is just like with the donation right here you can enable or disable the text message of the super chat so we will disable this right here if you want to enable it you can add a minimum amount of dollars to trigger it you have some other settings but let's disable this for now let's minimize this and now right here minimum amount to trigger it so for example you can add five right here and then people will have to super chat for five dollars or more to actually trigger it and when you enter an amount right here then a new setting will appear minimum superchat amount for recent events just like i explained the ones that most of the time are displayed on top that like scroll down every time something new happens like a new subscriber a new super chat all those things right here you can add a separate minimum amount for that but let's set this to 0 we want to show all super chats then the message template we want to make it the same as the donation so we want to delete this right here and then we want to delete the donated and we want to add a column so name column space and then amount okay change media we want to add a super chat again right here so new super chat let's double click on this okay we don't want to change anything right here open superchat message settings you wanna take a look at this so show message of course when people use a super chat it's money with a message but we don't wanna show the message on the alert because we can read the message for the whole stream when someone donates it and the alert should only be like the name and then the amount so that's perfect right here then again you can add a minimum amount okay right here we're not gonna do that and of course since we disabled this right here we're not gonna set up anything right here let's minimize this and then font settings again same as the other ones let's make this ubuntu let's make this 42 pixels and let's make this white just like with the other ones let's click on save settings let's click save settings again let's wait a bit sometimes it lags a bit and i hope that i will be right but usually right now it will work let's click on test super chat and it works right here this was the last one it works like this so now that we've done this of course we want to add this to our stream so how do we do this right here you see widget url and you want to click on copy right here and that will copy the url and now we will need to paste this in obs studio or streamlabs obs it's the same for both programs i'm gonna use obs studio and the only reason i'm using this is because i'm recording this tutorial with streamlabs obs so right here we are in obs studio what do we want to do we click on the plus icon same in streamlabs obs you go to browser source which you can see right here okay you name this alerts you click on enter right here you see url you want to replace this with the url we just copied on the streamlabs website and then you don't need to change anything else you just click on ok and then right here this will be the alert window so you can position it somewhere right here and now let's drag this to the left let's drag this to the right okay okay now let's click on test donation and then you see right here that the donation works on the stream click on test member new channel member it works perfectly fine now of course we use the alerts of my free graphics pack right now if you want to learn how to set up the full pack i have a complete tutorial on that i also have a big one-hour tutorial to stream on youtube it explains everything in that tutorial i actually point to this alerts tutorial for the alert because i skipped that in the tutorial but it explains the settings the graphics and also how to actually go online on youtube since you have to do some stuff with the stream keys etc so if you have some questions about streaming on youtube the big tutorial will also be in the cards so you can go to there if you want to learn more about streaming on youtube in general i will most likely be creating a big playlist for streaming on youtube if i'm doing that you will see it right here and if i haven't done it yet you will see my streamlabs obs playlist and my obs studio playlist other than that i'd like to invite you to follow me on twitch if you have any questions about all this my discord will also be in the description thanks a lot for watching and i hope that i will see you in one of these playlists have a nice dayif there is one thing i hated when learning how to set up a stream and how to make sure that everything was working is that every tutorial assumes that you want to stream on twitch almost no tutorials focus on youtube or facebook etc so i figured i would make a few separate tutorials about that and this is the youtube alerts one what's up everyone jala here with the video nerd and welcome back to my channel if you want to see me stream on twitch i stream every monday wednesday and sometimes friday so i will put a link right here on the screen it's also in the description you can follow the channel if you want i talk with viewers i stream games i chill a bit it's fun in there i hope i will see you on my next stream and a big thanks to our sponsor of this video which is owned tv they are the biggest stream graphics web shop on the internet if you're looking for graphics for your stream then just go to their website you can test out all packs by using their previewer which lets you trigger certain events to get a feel of how the graphic will look on your stream all their packs are modular so that means that the layout which you create will be unique to your stream if you want a great looking stream and you can't pay someone to create a custom pack for you then this is definitely the way to go they also have things like sub badges shopping modes separate transitions and much more odd has been a big player in the streaming industry for quite some time and they are amazing to work with and by getting a design from them you're also supporting my channel and if you use my code which is tvn you will get 50 off i will link their website in the description you can go to the checkout enter tv and get 50 off if you're on the fence of buying an overlay then now it's definitely the time go to their website check them out they are amazing owned tv we will be setting up stream alerts for youtube specifically and we will be doing it with the streamlabs website now i know that in streamlabs obs as you're seeing right now you have an alert box right here but first of all you don't have that in obs studio and second of all the alert box lacks a lot i try using this to explain things from time to time but every time it starts lagging while i'm recording or it does something weird or it shows twitch alerts instead of youtube alerts in the settings i always have to restore when doing this so i figured i would just never teach anything about it again just use the stream ups website because that always works and we will be using that because then i can also explain it for obs studio and streamlabs obs at the same time so let's go to the website i will take a browser window right here let's go to streamlabs.com on the top you will have to log in and then you will be able to choose youtube since we are adding youtube alerts make sure you log in with youtube or you will see twitch settings etc i will do it with my dvd nerd account and right here we are on the main page and on the left we can click on alert books now before going further with setting these up i have a free graphic spec that i share in a lot of videos it's called the neon overlay pack you can find it on my discord and i will be using those alert graphics to set up this youtube alert let me go to my discord to quickly show you where you can find it so once you're in the discord on the left you see free stuff and then overlays and right here this is the neon pack and these are the alerts which we will be using so to download it you can go to neon pack right here this is the updated one you will need to find this one because this only contains twitch alerts as i said i also focus only on twitch but right now i did add youtube alert so click on the updated pack it will download you can unpack it somewhere and then actually let's unpack it and then i will show you where the alerts are so we click on extract let's do it in the downloads now i will go to my downloads and right here we see neon pack inside we have alerts and these are the alerts which we will be using so for example a new channel member etc if you wanna edit the alerts right here is a photoshop file if you don't have photoshop you just go to photopia that's an easy way to edit photoshop files and then you can just drag it in like this and now you can just double click the name change it to whatever you want and right here on the right you see left color if you go to pro right here you can change the hue and as you see you can change the color of the left one same with this one right color you can change the color then you can go to file export as png and then save and bam it downloads your new alert right here a new name new colors etc you can customize them as you want and then you can follow the tutorial with me so we are back on the alert page right now and before we do anything let's go to manage teams because right here we're gonna make a new widget theme because otherwise you could have problems with things you added in the past and change etc it's possible that something doesn't work so let's click on create widget theme and then just call it something you want i will call it tutorial alerts okay blah blah blah doesn't matter create and then it will create a new theme and then we want to make sure that we click on use so this is actually activated so now right here we see tutorial alerts activated that's perfect now let's go back to the alert so on the left click on alert box and then we will be brought back to the alerts now right here you can see that you can enable or disable certain alerts but we want to set up all the basic ones and i'm not going to focus on merge cloud boot redemptions or streamlabs prime gifs because almost no one who is starting to stream is using this so let's focus on the basic and the important stuff and let's scroll a bit down and right here you see that we can test all alerts but of course if you click on an alert nothing will happen because we haven't linked anything to obs or streamlabs obs and we can't see it on the screen but we can click on launch and that will open a preview window and we can actually drag this to the left then click on this page to add it to the right and now let's position it a bit like this and now we can change our alerts right here on the right and we can preview them on the left because let's click on test donation and as you see this triggers a basic donation these are the basic alerts of streamlabs so let's click on superchat as you see right here these are the alerts that you see on a lot of streams but we want to customize them and add custom graphics now let's scroll down even more and you see right here we have tabs for all the different settings we are in the general settings right now this background color doesn't really matter it's for the preview alert delay we're not going to change that right here and there's actually not much to change let's click on this layout because we're gonna want to display our text on top of an alert but other than this let's go to the first alert to actually set it up so let's click on donations and right here we will be setting up the donation alert let's test it to see what it looks like right now it's an image with text under it we want to click on this icon right here because we're gonna set up a custom alert if you're not doing that then you can select this right here and you can select another image right here but we are gonna click on this you scroll to the bottom you click on save settings sometimes you need to wait a bit afterwards or you need to click it two times for it to actually work and right here there's also a test button so let's click on test donation and right now you see that our text is on top of our graphic so right now we will change our graphics so let's click on change media right here and then we will search for the graphic now i already imported some alerts right here but let's do it again you can drag and drop it to here or you can click on it and then just search for it so go to the folder let's go to new donation because that's what we're setting up click on open it will be added and right here new donation let's double click on that it will be added right here and we can click on save settings wait a bit for it to actually update because otherwise it will show your previous settings and then let's click on test donations and as we see alert new donation john donated 35 dollars now what do we want to do we want to make the text a bit smaller because it's too big but let's actually go over all these settings because there are other important things too so from now on i will just be going through the settings for all the alerts right so what do we have right here donation alert enable disable this is straightforward we want to enable it we already did set up the layout right here text on top of the image you can change the animation now for these type of alerts we want to use fade but maybe you want to do something else right here you have a lot of options for different animations now right here we have open text to speech so let's click on that and right here you can enable or disable text to speech now you can choose what you do with this i will disable it right here and then here you can set a minimum amount of dollars donated to actually trigger the text to speech i will just set it to three dollars you have a few other settings you can read them change what you want let's close this and now right here again a minimum amount but this is to trigger the alert so the visual alert on the stream not attached to speech so three dollars is pretty common right here and then a minimum amount to trigger it in the recent events there's another thing you probably know what it is most of the time it's like right here on top of the screen that people at like recent events that scroll down every time they get a new follow new donation etc so that's this right here then the message template this is important because let's trigger the alert again let's click on test donations and then you will see right here we have the name then a column and then the amount of dollars so you also see that right here in the message template name column amount so you can change this right here so if you're not using these alert graphics you can also type for example name donated column amount for example something like this people do this but we are setting up custom alerts so from now on i will be doing everything for that now text animation this is of course the text that comes on the screen with the name and the amount so what you see right here here you can change the animation of this the next image we already changed that done the sound the same thing you can click on change media you either upload something of your own or right here you have stock files and then you can click on all files or on sounds and then you will see all different types of sounds which you can add right here and that will be the sound of your alert now i forgot to say this before if you don't want to use a custom alert graphic and you want to use the graphics of streamlabs you can also click on change media and then right here stock files images right here you will see the basic images that people are using for alerts so you can also choose one of these and then on the top you will be selecting this one right here so the text is below the image and then you can add another message right here i'm just going over everything so you can make your own thing with this so what's next sound volume this is the volume of your alert of this sound right here alert duration this is straightforward how long your alert will be displayed then alert text delay for example if you got an animated alert that like comes in and then after one second the text should be displayed then right here you can add a text delay of one second then next enable custom html css we don't need this right now but it's possible that when you have an alert let's trigger this it's possible that the text will not be right here in the middle that the text for example will be like right here or right here now you can play with this css right here and you can add padding and margin etc to reposition the text but actually there's a more straightforward way to like balance the text and the alerts and it's really simple let me quickly tell you why so let's go back to the alert so right here you see that this let's make it a bit bigger so you see that this is the box around my alert right this is the graphic now what streamlabs obs will do if you select this right here this text on image it will take the exact middle of your image so if this is your alert it will take the middle and there it will display the text now some alerts have not been created very well and the middle of the alert is not actually where the text should appear that's the fault of the designer of the alert and you can change this yourself with photopia if you don't know how to do it you can also go to my discord and ask it there in some of the channels but if you have a problem with that changing the actual alerts is the best way to do it so if you have problems with that go to the discord people will help you let's go on right here open donator message settings let's click on that so when someone donates people can add a message right here you should choose if this message should be included or not we will not include this because we only want to show the name and the amount on our alert there's no place for a donator message then right here phone settings this isn't oops what oh someone just subscribed on my youtube i think that's why the alert is triggering and that's funny okay so done close phone settings no we wanna keep them open because we wanna change them right here you can choose your font and you actually don't need to try them all out to see which font you like you can go to google phones so google phones because all these phones right here are all google phones and there's an easy way to preview it so you go to google phones and then right here you type a sentence so for example the video nerd youtube so for example this when someone subscribes this will be showing on the alert you can even say this 35 that's the message that will be shown and then you can just scroll and you can find something that you like you can even select your preferences so categories you can change something right here you can change the language you can change font properties for example a very thick font etc once you've found something let's say you like this one ubuntu you go to here you click and then you search ubuntu and right here as you see they have this so then let's click on save settings so now that we selected a new font let's trigger the alert to see if we have to make the text smaller or not and we will have to make it smaller so let's go to the phone settings right here the size is 64 pixels right now let's make it something like 42 save the settings wait a bit or it will not be updated and then click on test donations to see and it hasn't been updated yet so we need to save it again wait some time for it to actually work okay let's test it again right now and right now it has been updated you see i'm not telling lies you have to wait a bit sometimes so this is actually pretty good now you can change this if you want change your font change the size and right here you can change the text color and the text highlight color now i will show you what this is let's make this red let's save it wait a bit save it again wait a bit and then click test donation and as you see this is the highlight so when we scroll to the top right here message template that's what's shown right here right everything between parentheses will be read and all the other ones not so when you type for example name donated and then the amount when we save it then and then we click on test donation as you will see right here so the normal text that you type right here will be white and the other text will be the color that you select right here the highlight color so let's just change this to white you can do whatever you want with this then the last thing is open alert variations now this is a bit in depth we will not be doing this but let me quickly tell you what this is right here you have the option between adding a variation with the default settings or with the current settings which are the settings we did set up right now so what the variations are is you can make streamlabs trigger different types of alerts under certain circumstances so let me show you what this actually means let's click on add a variation with current settings so then stream maps will create a second donation alert with the settings we have set up right now and for example you can make the text color red this time so then we have two alerts that are exactly the same except for one is with white color and the other one is with red color and then on the top you can give a condition so let's click on this and then for example donation amount is at least and then for example you make it 50 dollars so that when someone donates 50 or more the text will be red instead of white so here you have a lot of options with this with these variations actually it's pretty useful you can also use different images so for example if you have graphics with certain amount of lines in it you can add more lines the more they donate or something like that you can make it glow more all those things are possible i'm not gonna go in depth on this but right here you can add variations etc let's click on cancel and then the variation will not be created so we can click on save settings and we can go to the next alert because when we click on test donation our donation alert works perfectly fine let's go to the subscribers right now and i will be going to the settings a bit quicker right now because i have explained a lot of these things so of course we want to enable it we want to display the text on top of the image we don't want to change the animation this right here the message template we will be doing this later the animation let's not change this click on change media click on drag and drop we want to add a subscriber alert it will be added right here double click on it okay you can change the sound if you want the volume duration text delay we don't want to change this we don't need to change the css right here open font settings we will make it completely white just like the previous one we will change this to ubuntu just like the previous one okay and then of course i forgot the font size we did change this so i think it was 42 or 48 let's click on save and let's test the alert so let's go to the top click on test subscriber and as we see we just need to change the text right now so they have the name and then just subscribed but they just subscribed we don't need this so let's go to the message template right here and then delete everything except for the name like this okay we can save it right now we can go to the top and we can test it again and as you see for me this is perfect let's go to the next one to the members okay enable let's select text on the image then let's delete all the text except for the name because the new member is on the graphic let's click on change media add a new member perfect let's double click it that works no other sound all these things are the same open the phone settings again make it white make the font size 42 just like the other ones click on save settings let's go to the top let's test member new channel member the video nerd perfect super chats the last thing here we have a few different settings so let's enable this text on the graphic again we don't want to change the animation let's open text to speech and this is just like with the donation right here you can enable or disable the text message of the super chat so we will disable this right here if you want to enable it you can add a minimum amount of dollars to trigger it you have some other settings but let's disable this for now let's minimize this and now right here minimum amount to trigger it so for example you can add five right here and then people will have to super chat for five dollars or more to actually trigger it and when you enter an amount right here then a new setting will appear minimum superchat amount for recent events just like i explained the ones that most of the time are displayed on top that like scroll down every time something new happens like a new subscriber a new super chat all those things right here you can add a separate minimum amount for that but let's set this to 0 we want to show all super chats then the message template we want to make it the same as the donation so we want to delete this right here and then we want to delete the donated and we want to add a column so name column space and then amount okay change media we want to add a super chat again right here so new super chat let's double click on this okay we don't want to change anything right here open superchat message settings you wanna take a look at this so show message of course when people use a super chat it's money with a message but we don't wanna show the message on the alert because we can read the message for the whole stream when someone donates it and the alert should only be like the name and then the amount so that's perfect right here then again you can add a minimum amount okay right here we're not gonna do that and of course since we disabled this right here we're not gonna set up anything right here let's minimize this and then font settings again same as the other ones let's make this ubuntu let's make this 42 pixels and let's make this white just like with the other ones let's click on save settings let's click save settings again let's wait a bit sometimes it lags a bit and i hope that i will be right but usually right now it will work let's click on test super chat and it works right here this was the last one it works like this so now that we've done this of course we want to add this to our stream so how do we do this right here you see widget url and you want to click on copy right here and that will copy the url and now we will need to paste this in obs studio or streamlabs obs it's the same for both programs i'm gonna use obs studio and the only reason i'm using this is because i'm recording this tutorial with streamlabs obs so right here we are in obs studio what do we want to do we click on the plus icon same in streamlabs obs you go to browser source which you can see right here okay you name this alerts you click on enter right here you see url you want to replace this with the url we just copied on the streamlabs website and then you don't need to change anything else you just click on ok and then right here this will be the alert window so you can position it somewhere right here and now let's drag this to the left let's drag this to the right okay okay now let's click on test donation and then you see right here that the donation works on the stream click on test member new channel member it works perfectly fine now of course we use the alerts of my free graphics pack right now if you want to learn how to set up the full pack i have a complete tutorial on that i also have a big one-hour tutorial to stream on youtube it explains everything in that tutorial i actually point to this alerts tutorial for the alert because i skipped that in the tutorial but it explains the settings the graphics and also how to actually go online on youtube since you have to do some stuff with the stream keys etc so if you have some questions about streaming on youtube the big tutorial will also be in the cards so you can go to there if you want to learn more about streaming on youtube in general i will most likely be creating a big playlist for streaming on youtube if i'm doing that you will see it right here and if i haven't done it yet you will see my streamlabs obs playlist and my obs studio playlist other than that i'd like to invite you to follow me on twitch if you have any questions about all this my discord will also be in the description thanks a lot for watching and i hope that i will see you in one of these playlists have a nice day