 In this video, we're going to show you how to make a pop-up message just like this. We're going to show you how to do this really simple, really fast and use an Elementor. It's only going to take you a couple of minutes. I'm going to show you quickly step-by-step. What's up everyone? I'm Jeffrey with Lightbox and this is Building Businesses with Elementor. This is where we focus on growing your web design business and learning to elevate your Elementor skills. So let's go ahead and get started. All right, so first things first, you've got to have Elementor Pro in order to do this. So if you don't have the Pro version, stop the video, go get it real quick. We got it. The link is in the description. It is well worth the value, so pick it up and come right back. All right, let's go ahead and dive in. And for this one, it should be done really quick. So I want to get this done within just a couple of minutes. So let's go ahead and go to our back end right here. All right. Right to the left-hand side, to templates right underneath Elementor and select pop-ups. Over here, we're going to want to add a new pop-up. Make sure now this stays on pop-up and give it a name. We'll call this one Quick Message. All right, now you're going to have an option to add pre-built templates already in here and these are super helpful later on if you want to just make quick pop-ups. But I'm not going to show you that this one because I think it is really easy to do and would be more helpful to learn how to build one of these from scratch plus it's easy. All right, cool. Let's just go ahead and click off right here. Now we got our section right over here and it's going to be just like a regular Elementor page. We want to select on the row and we want to choose our row. How many columns do we want it? We're going to keep this one simple. We're just going to select one column since we're only going to be adding a title, a paragraph and a button. Let me click off my chatbot right over here. All right, now the first thing we want to do is we want to set up the pop-up settings and this could be a little tricky because the settings button is all the way over here on the bottom left hand corner. It's a little hard to find but once you know where it's at, then you know where it's at. So we select this right here and now we got to do our settings. So we could choose the width of our pop-up right here. I want to make this one big. Let's make it big, easy to read. You can select your positioning. We want to keep it in the center and in the middle. Your overlay, let's keep that on. That basically is the background giving it that dark look and it's great UI. It makes it easy for the user to know, hey, this is a pop-up and make sure you keep this closed button on. We want to make this user-friendly and we don't want it to be annoying. Let's go ahead and add a simple animation. Don't do anything flashy like bouncing and zooming and all that stuff. We want to make this, we want to make it clean. So just a quick fade in and we want to have a quick fade out. So that way it just got a clean little transition, nothing weird. All right, so then we go over to our style. Now this is where we could change the background of it. We could change the overlay color. So we'll see the overlay color like we want to have our brand color for it. And then the close button, here's a close button right here. We're going to come back to the close button at the very end. I'll show you why when we're finished while we'll do that last. All right, so let's add our elements in here. Cool, so click on this top icon here to open up your widgets. Let's slide the ones we need in here. Here's our heading. Let's add in our text editor for our paragraph and let's add in our button. OK, I'm going to take a second. I'm going to style this up and then we're going to come right back to it and continue. Now that we got this built, there's one last thing we need to do, which is a close button. And you can see here it's small and dark and hard to read. Now the reason why I say the close button for the end is because I feel the close button is very important. It's important to make this so it's user friendly and easy to see. And until the pop up is styled up, we don't know what it's going to look like. So let's go back over here to our pop up settings. Let's go back to style. Select on the close button here. Let's give it a color and make it white and let's make it bigger. We'll make it. That's a good size. All right, so now that we have everything styled, it's ready to go. It's time to publish it. So select on the publish button right here. And now you have your options on basically how is this going to show on your website? So first one is the condition. It automatically gives you the option to show your entire site. If you want, though, you could give it the option for just a page, just a post. We're going to keep it simple, show the entire site. Select on next. Now we got the triggers. And what this is right here, this determines the event that triggers this pop up. Again, let's keep it as simple as possible and we're going to do this on page load. So select page load. And right here we get the option to set how many seconds the page is loaded when does this come on. So we want to give a bit of a delay because you want people to come on your website and be able to see your website and know what website they're on, then have the pop up come up instead of the pop up immediately covering your website. So give it two seconds. That's a good amount right there. Select on next again. And now these are so how many times is it going to show up is a showing up on specific pages. There's all kinds of options. Again, let's just keep it simple. We're going to select the show up on X times. So what this does right here, this means that we could choose it so it just shows up maybe once or twice per user. We don't want to annoy them. I like to just keep it one time. So that way if you have a new person to your website, they'll get the pop up show once. It won't show one other pages. It won't show every single time they come to the site just once and then save and close. And now you're good to go. And there's a lot of reasons why you might want to add a pop up to your website. Normally they're for like marketing campaigns and promotions and capturing leads. But in a case like this, when we're going through such a global crisis, it could be really helpful just to simply put out a message lending your customers, your clients and all your website viewers to know that that you care and that you are still there to help them. So I hope this video helps out. If you have any feedback or comments, drop them in the comments. And I look forward to making more videos like these to help out awesome elementary users. Alright, cheers.