 In this video, I'm gonna show you how to add your Buy Me A Coffee widget into your live stream in Ecamm Live. Hello, welcome to Take One Tech, my name's Alec. And Buy Me A Coffee is a great way to monetize your channel even long before you get monetized on YouTube. I'm still not technically monetized on YouTube, but I have been using my Buy Me A Coffee link in my videos for quite some time now so people can go there and support on a one-off basis or in an ongoing basis using the subscriptions that are on offer there or even to go and book consultation calls with me and things like that. So Buy Me A Coffee, if you are a creator, is certainly something that you should be signing up for immediately, there's no harm in having it there. And so what we're talking about today though is if you do live streams and you have Buy Me A Coffee, then you can actually have it so that you will get a little pop-up come up over the top of your screen at the time when somebody makes a donation through Buy Me A Coffee. So it's a great way to let people show their support and it to come through actually on your live stream. So somebody asked the question of how exactly do you get this embedded into your channel or into your stream. And now I did do a video, I think, that covered something like this. Certainly talked about Buy Me A Coffee. However, there has been a change in Ecam Live version 3.9, which makes it a little bit more versatile and we'll come to that in a moment and that's all related to cropping of overlays. But anyway, let's not get too far ahead of ourselves. Let's go first of all to Buy Me A Coffee and I'll show you how to get the bit of code that you need in order to embed it into your Ecam Live production. So we'll head over to my Buy Me A Coffee page, which is incidentally, I suppose it'd be rude not to mention it, it is buymeacoffee.com slash take one tech. So that is where you can go and sign up to either an ongoing membership on a monthly basis or to just go and buy me a single coffee if you so wish. But anyway, this is what it looks like in the interface. I've not actually gone in through the dashboard because it does show sort of email addresses and things like that of everyone who's made donations. So I don't wanna display that here, but basically when you come in, you would come in at the dashboard level and what you wanna do is come down to the settings menu on the left hand side, assuming that you obviously have an account and you've logged into it. I'll take that as a given. So come down to the settings and then in the settings, you want to come up to the top and you've got settings, payouts, integration and notifications. So settings is just some general settings. Payouts is where you manage how you're gonna get paid. Notifications, surprisingly, managing your notifications. But what we're looking for here is integrations. So click on integrations and then this should load up these things here. So you can integrate with Discord. So if you're giving people access to a Discord server as part of your membership that you're offering through Buy Me a Coffee, then you can hook that up here. If you are using WordPress, then you can embed these things into WordPress as well. And then if you're using Zapier, then you can make connections with that. So Zapier is basically an automation service. So you can have automations from that. So for example, if somebody signs up, it does such and such, maybe adds them to another list or something like that. So that is what the Zapier integration is for. But what we're looking at is this one here, this stream alert. And so what we're gonna do here is customize this. And basically you can pick the color that it's going to be. You don't have the full range of colors. You've only got these ones to pick from. So you can't enter a hex code, for example, if you've got a specific color that you work with just yet. I'm sure that will be added in due course. You don't get to change the sort of overall look and feel of these things either. So you are, unless I take that back, unless you were to use something like Zapier and have it trigger something in a completely different package like stream elements or something like that. But that's not what we're talking about today. So if you're gonna use the built-in Buy Me a Coffee stuff, then it's basically gonna look like that. Or obviously purple, blue, green, or red. So that is the way that it looks. And what you need to do then is, oh by the way, you can change the sound that's gonna play with it as well. So if you want to change the default, you can just upload an audio clip. I have uploaded a different audio clip actually. So I can't remember what the original sounds like now, but in any case, if you want to have a specific sound that rings or plays once on the stream when the alert goes, then you can upload that here. But what we're gonna do is we want to copy this URL. So I'm just gonna copy that now. And in fact, while I'm here, let me just play a little test of it. So if I send a test, oh no, there's no point sending a test. I haven't set it up yet. I'm getting a set of myself, aren't I? Let me set it up first and then I'll send a test. How about that? That sounds like a better plan, doesn't it? Right, so let's go and, I'm going all over the place now. Let's copy that URL. Step one, copy the URL. Then we'll go back over to Ecamm Live. So what I'm gonna do is I'm actually just gonna share my screen for a second and that's a bit better. I'll share that part of the screen. That's a bit easier, isn't it? So now what we're gonna do is we're gonna add in an overlay. And I'm gonna actually add this into all scenes. I'm gonna lock this here. So what we wanna do is we wanna come down to in our overlays window. We're gonna come down here to the one that looks like a little globe and we'll add that one. That one is basically the widget. So we're gonna add a widget. So add on widget and here you can see it's got the name. So I'm gonna call this by me a coffee. And then what I'm gonna do is come in here. This has already been highlighted because it must have been the last widget that I actually added in. This will probably be blank if you haven't added in any widgets yet. And then I'm gonna click on that one. Sorry, paste into this field. So this is now my by me a coffee widget. So then I'm gonna come and highlight this. So you can change the size of this actually but I'm not gonna do it here. In fact, let me just leave it as it is for now and I'll just add that in as a widget. So now we've got this widget here and you can see that it says by me a coffee when I hover over it and you can see roughly where that's gonna be. So you can sort of drag this and resize it. So often a lot of people will do this and they'll make it the same size like that. And then if I now go back to that particular page that I was talking about, so let me come out of demo mode and you'll see the by me a coffee on there. Let me send a test now and let's see what happens. So if I send a test, the by me a coffee bit at the bottom stays there and you've seen, there we go. That's what happens when somebody buys a coffee. But can you see how that is not really all lined up perfectly? And you can change the size of it as I said with those when you're actually embedding the widget. But it can still be a little bit tricky to actually get things all lined up. So let me just send another test again and I'll just show you what I'm talking about. Ideally that thing there that's just popped up this one. Ideally I'd want it central and up at the top of the screen. So what I'm actually gonna do is I'm just gonna move it up to the top of the screen. Let me try that again and send another test. So you can see that is probably more like where I'd want that to come. And I might even want it a little bit smaller. Something like that perhaps. So that is now in the right place. But now we've got this by me a coffee bit at the bottom which is in the wrong place, isn't it? So what I'm gonna do is let me come back into my screen sharing a moment. In fact, let me just bring this other window. I'm a bit disorganized, can you tell today? So I'm gonna bring this window with the Safari page back in view so that you can see everything that I'm doing. Bear with me one second. There we go. I've got my Safari window open just down here and I've got my by me a coffee there. So what I'm gonna do is I'm actually gonna crop this part out because to be honest with you, I prefer to just design these little banners myself. So for example, when I'm doing my live stream, then I just have this, not this one, I have this one up all the time which has got my by me a coffee link on it. So I don't necessarily need to have the one that's been provided by by me a coffee. I just have my own. It's more in my custom branding and style, I suppose, for as much style as there is to it. So what I'm gonna do with this one though, so this is the by me a coffee widget is if I hold down the alt key and then come to the edge, what I can actually do is I can actually just crop this out because I'm not really interested in all of that empty space there. And then if I just run this again and do send test, so send another test, then now when it pops up, we can put that exactly where we want it and we could even resize it a little bit if we want. So we want to do it a bit smaller. Obviously you could put it where you want, but let's say we want that directly in the center above my head, just like that. So now we've basically got here over on this side, we can see our by me a coffee widget which we've added in is there. Now we could probably lock that because it's in the right place. Let me just come down to here and send a test again and send a test like that. There we go, that's exactly in the right place. If you did want to still have that other widget part from the bottom, what you could do is you could hold down the option key and just drag this, whoops, a daisy, I locked it, didn't mean to lock that. You could just come here and hold down option and drag it. So now you can see that that's just duplicated it. And then with this one, what we're gonna do is hold down the option and just let's show that little bit there in the corner. And now basically it just means that you can place those two things completely independently of each other. So there is now effectively two widgets running. So if I come out of demo mode, I do still have the two widgets running. One of them is down at the bottom. And the other one is now off my screen because I've inadvertently closed the window. So if I send the test again, what you'll see is that that one's there but I can still move this one completely independently of it. So you still do have that one that's been sort of custom created for you. One last thing that I think is worth mentioning with this and this was, so that was the new feature that was added in Ecam Live 3.9, the ability to crop and it works with widget overlays as well as the camera overlays and things like that. But what you want to also have a look at is another feature that was added in 3.9. If you come into these widgets, then click on the little cog wheel next to them. You've also got this option here, which is keep running. And what that means is even if you haven't got the widget physically visible over the top of your, or in your scene, it will keep it running in the background because sometimes when you activate a widget, it takes a little while to load up. Now it might not necessarily be an entire problem with this sort of widget because you generally have it on in the background anyway. But personally, I just like to toggle this one on and then save that. And then I'll just do the same with this one. Oh, that was the one I've just done. I'll do the same with this one then. Keep it running. And what that means is that if you do actually hide these like this, when you toggle it back on again, it just appears instantly. Whereas if you actually don't have that toggle on, in fact, let me just do a quick demo of this. If I take that off, then what you'll see is there is a delay in its appearance if I just toggle this one off now. So look at this Bimeo coffee in the bottom corner. When I toggle it on, there is a slight delay. It's only momentary actually with this particular one, but I just leave those on all the time so that basically they just appear instantaneously when you switch them on. So that is in a nutshell how to add the Bimeo coffee widget overlay into e-cam live. And so this is probably a great time to mention. If you found this useful at all, then definitely like and subscribe, but also head over to my Bimeo coffee at bimeocoffee.com slash take one tech and you know what you can do there. So that is all for this video, but don't worry there are plenty more great videos related to e-cam live coming up. So I'll leave a link to some of those over on the right hand side right now. So don't go anywhere. Have a great day. Bye bye.