Hey it’s time from WP with Tom calm and in this video I’m, going to show you how to create a landing page in WordPress. In just a matter of minutes, I’m, going to be using a free builder and a free theme to create this page.
So if you’re interested in doing that, let’s. Dive into that now. All right so before we dive into creating this landing page, I just wanted to go over that. You’re, going to need WordPress hosting for this and have WordPress installed, and I just wanted to recommend green geeks here.
This is the hosting that I use for my websites and you can get hosting through WP with Tom comm, slash green geeks if you’re interested. So if you want to see a quick walkthrough on how to sign up for hosting with green geeks and how to actually install WordPress, I’ll.
Have a pop-up card in the upper right corner that you can click on and view a quick video on that. So with that out of the way, let’s dive into how to create a landing page now. So the first thing that I’m going to do – is I’m going to actually X out of here and I’m gonna be in the dashboard of WordPress once we have it installed on our site.
So from here, I’m gonna go down to appearance themes, and I should just first show you that this is the theme that we have in place, and this is what our website looks like right now for WP fundamentals: com, just a blank Website with the 2020 theme installed, so I’m gonna click.
Add new and I’m, going to look for the Dean called Astra and it’s. Going to be this one right here, I’ll click install and from here I’ll, just click activate, and now we can actually click on this one and delete the 20 2015.
If we’d like and now we’re, just left with the Astra theme right here, so there’s, a plug-in that we can add called Astra starter site, so just type that in here it’s. Going to bring up this plug-in right here and we’re just going to click install again and activate, and now we have Astra starter sites activated on our site.
So if we go to see library, we can then choose our builder. I’m, going to use element – or in this case and on this click next and from here I’m, going to search over for free, because if you want to use a free one to keep our cost down here – and here I’m, going to look for one called product landing page and here it is right here and you can preview it if you like and see what it looks like, but we can easily edit it as well.
So if you’re happy with the look, you can just click import site right here and it says it will take anywhere between two to ten minutes. Usually, it goes quicker from my experience, but we’re, going to see how quick this time I’m gonna just pause the video briefly while it loads this content.
Alright – and I was actually very quick – I probably didn’t even have to pause. The video was only 20 seconds to actually successfully load it. So here’s, what our site looked like initially and now, if we click view site now, our site looks like this: it’s, really that easy to get started with setting up a landing page, and now we can actually go and Click Edit with Elementor right here and top I’m going to X out of this one, since we no longer have a site that even looks like that, and I’m.
Just gonna click got it, and now we can start editing the site as needed. With this free builder and free theme installed for this product landing page. So to make some changes, let’s. First, just go over some of the things within Elementor.
So it’s, a drag-and-drop builder, and you can easily just drag things and drop them in from over on the Left. You can easily delete sections, so let’s just say I wanted to delete this whole section. I can and then, if you didn’t like that deletion, you can go down here to history and then you can change it back and we’ll, put it back in there, so you can redo things or undo things as you Go through, I’m, going to delete it again.
I’m, going to delete that whole section out of here, and now we’re just left with these on the site. If you want to, you can easily delete other things as well. You can edit text right here. So let ‘
S just say like this is the best product on the market, and you could add that in you can change images very easily. Just by clicking on the image and uploading new images, you can go to the media library to see what is already on the site with the default template that was uploaded as well.
If you want to change them there, so it’s very easy to make some edits on a product landing page with Elementor. So let’s say you wanted to add a different title here. You can add something like in this example.
Let’s say we’re selling a course. So I’ll, just name this ultimate Facebook Ads course, and here I’ll, just title this and make it say, learn how to maximize your Facebook and a revenue. We can also just delete that to make it go up a little bit now on here.
If we click on this, we’re, actually going to be able to see that it says nothing in the link section right here. It says download now, and maybe you want to change that to like enroll now in a course, and you can change the link to go to your course page where it would be the product that you want them to buy for this example.
So you can also go into where it says, style and change the button color. So let’s just say you didn’t like that color you can maybe make it blue, or maybe a brighter blue, like that. I’m gonna go and actually change the whole color of the site here.
So I’m, going to right click, Edit section at the top go to style and right here has this purple color. I’m gonna make it more of a blue as well, maybe a little bit more blue and then in this second color over here.
Since it goes into a second color word fades. I’m gonna also make that a little more blue as well. So you can change this and play with it and get something that you really like. So this isn’t a good example, because you can see the button kind of blends in until you hover over it.
So maybe it would be better to change the color of that to fleet right click and it button. Then we can see where it says the button color. We can change that to be something different and you can just play with it and find out what works well for you now, if you do hover over it, you want to see the color change a little bit, so maybe I would have it be a little Bit more like this, and then they hover over it and it goes up even a different color like red anyway, you want to see it changed the color and hop up when you go over it.
So you can see right here once you hover over. It looks pretty good, at least it’s good enough, so maybe would have been better leaving at the scene, but I want to show you how to edit these things again down here.
If you want to you, can edit this image, you right-click at an image. In this case, it has a transparent background and if you have an image that you want to remove the background for, you should go over to remove BG and you usually can just hop in there and upload the image and then have the transparent background.
Just as this one is just a little tip there, if that’s, something you want to do. You can always delete this section as well. Again, you can edit this text just like I said, and you can put different headings change the heading size.
If you want right in here right now, it says heading three: you can change this to be a heading two, so it’s, a little larger. You can make all these edits in a matter of minutes when you’re. Looking at your product now for your product landing page, you’re, probably gonna want something that is describing what’s going on with the product, and you can just change this text again.
Maybe put a different image in here and remove the background, just as I showed with this one with the remove PG, so it’s really easy to set this up again. You can edit the tax change. These images, it’s, really just a matter of right-clicking editing the image editing the text right in there and then again you can put a new link down here if you want to edit the button – and you can link it to a specific page – That you want someone to order from so one last thing that I wanted to point out before I wrap this up is right.
Now you don’t see a menu at the top, but if we were to actually go right here, you can update it right here which will make all the changes go into effect. If you haven’t done that, along the way from here, I’m just going to go and click view page, and then we’ll, be able to see what the page looks like and right now we still have Our logo, at the top, we have this menu and we have this town load button.
If you don’t want any of that to show what you can do is go to where it says customize over here and once this loads, we’re, going to be able to edit that area right here so right here at The top we have this rocket web logo that came with this.
I’m gonna just click on that and I’m gonna click remove and I ‘ Ll click. Remove, if you want to add a logo that’s, where you would add it right here within header site, identity in the customization section, if you want to remove this download button, for example, you can click over on this one right here and you Can then hide the last item in your menu and go to none for the last item as well? So you can also just click disable menu right here to get rid of that, then click publish to update it and that won’t be what our final site would look like without the menu on it.
So if you just go and click X right here, we can see what it looks like and again. You can, edit all this text very easily. You can edit the colors of the site and just save it as you need it and go through this step-by-step and just make changes depending on what you’re trying to have for your product landing page.
This could be something that you use to get people to sign up for it to drive to your website to drive through a course, as I’m, showing here in this example. But you can use it for so many different things, and I really hope that this was just helpful on showing you how to create a landing page in WordPress.
If you enjoyed this video, please consider giving this video a like and subscribing to the channel for more wordpress related content. I really appreciate you taking the time to view this video and I hope you have a wonderful day.