How to Create Landing Page in WordPress (2024) Tutorial For Beginners
3K views
Mar 9, 2024
How to Create Landing Page in WordPress (2024) Tutorial For Beginners
View Video Transcript
0:00
How to create a landing page into WordPress
0:03
In this step by tutorial, let's see how we can do this. Welcome, guys, into this to Express
0:07
My name is Stephen. In this tutorial, I'm going to be showing you how we can create a WordPress. I'm going to show you how to set this up
0:12
And I'm going to be showing you a few website deploy section
0:17
We can try to have a few templates, a few toes to leave free
0:21
and then you want to customize that, create our landing page, and then test our landing page to see if this one is successfully done
0:27
So let's get started. But the first thing we wanted to do now that we are inside WordPress, I'm going to open a new tab
0:33
We can go for WordPress.com. You can do two things. You can create your account inside WordPress or you can look into pantheon.io
0:42
Now pantheon.com is an amazing place to design, innovate, and deploy websites to leave you free
0:47
So this one works with WordPress as well. So if you download out, you create an account and you create it inside, inside Pantheon
0:54
you're not going to be accessible to have a few toes plugins that were not able for the free account in the WordPress
1:03
So go into Pantheon, he needs to get started, create your account, and once you are successfully done here, you're going to be seeing something like this
1:10
So what I want to do now is to locate the site version inside Pantheon
1:15
And here, as you can see, I have two websites already been created. You want to go into create new site, one you to have this one successfully added
1:22
點. Then what you want to do when your account has been successfully created, you want to go into the business development site, which is actually in here
1:31
This one is going to be taking us into the dashboard inside WordPress. So now if I locate down here, it says plugins
1:38
As you can see, I cannot be able to download and add a few plugins totally for free
1:43
For example, we have the classic editor and this one is compatible with your version of WordPress
1:48
This is exactly what we're actually looking for. We have a classic editor
1:52
So I want to go into the install now. And as you can see, there are a bunch of styles
1:56
that we can add to really free. If you want to add creator landing page based on an actual plugin
2:02
I mean, you can try to look for that. But I'm pretty sure it's going to be a little bit more easier
2:05
to do this manually. So if I go into the landing page, for example, it's going to appearance here
2:09
the landing page builder, all in 1CEO, light stud, and blah, blah, blah
2:14
So let's go and try to do this into the other way. So what I want to do now is to locate my actual actual pages which is actually in here And now what I want to do is to add a new page So since this is a landing page I just gonna be doing this one page at a time
2:31
So I want to close my WordPress conseil and just stick around with the one that we just imported from Pantheon
2:40
All right, so as you can see, it says, welcome to the block editor. I'm gonna hit into next, next, next, and get started
2:45
So it's just like the most classic version of the development section
2:50
WordPress so we can start working here I can go into the plus so we can add a few blocks
2:54
and if you scroll all the way down you're going to be appearing here your imbeamed
2:58
codes and your elements and all that so and of course if you want to add your custom
3:04
wet-toed plugins that you have just downloaded just to make sure that when you download
3:09
a plugin you want to activate that plugin for example the one that we could just
3:14
add it that which is the classic editor I want to hit it to activate so this one
3:18
is going to be now activated and now I'm ready to look into my actual plugin
3:24
So go into my actual settings. If you don't see it in here, you might see it into your actual toes
3:30
Plugging file editor, feedile file editor, available tools and all that. But in my case, I want to just go back into my pages
3:37
Add new. Once again. And there we go. So here into Add New, what we want to do is to start by creating an HD email file or we can
3:48
create an actual new template. I can go into all pages once again. Let's go and try to look
3:53
for like a draft. Locate the one that says appearance. Here in appearance, I'm going to hit
4:00
it down into themes. You have the error if you wanted to, but in my case, I want to stick
4:04
around with the themes. And I have more than 5,000 templates that I can use totally for free
4:09
I have this installed bosun's details in preview. We have this one. We have this one. You
4:15
want to select the one that fits for you the best, since this this is a landing page. What I want to do is to look for something that can't be too
4:22
easier to use in the future. For example, we do have the Astra. I'm going to hit into
4:28
details and preview. As you can see, here are the ratings. Here's the preview. Make a website
4:34
home service, about review. Why are the contact? Herepues. All the elements, the services
4:40
I mean, all of this is like a template. If you wanted to use it, you need to install
4:45
and our installation is going to be now created So why do I want you to do this format Because if I hit now into the active I am not going to be able to download and customize this actual theme totally for free
4:58
So let's go for customize now. And now this one is going to be sending us
5:02
into the editor of the actual WordPress. So it's really easy now to get started
5:09
now that we have an actual template. It says you're now customizing
5:13
This is my actual website. And as you can see, this is my actual website. this is my actual desktop view
5:17
This is the iPad view and this is my cell phone view. There we go
5:21
So it's going to be now really, really easy to get started here. If I click where it says your idea matters, here, let's see that I wanted to change the actual
5:30
template or the name of that. So I can click wherever I wanted to see, here's the Hatha typography, which I think I can change
5:39
that to this one. And this is how we can get started creating a landing page
5:43
Now, let's try to actually do this into the second way. So instead of going to publish, I just want to go into saved as a draft because we're
5:51
going to be sharing this later. So I'm going to go into share and save my draft
5:56
So I can hit now into my X mark. This one is going to be taking us back. Now let's go into the plugins once again
6:02
And here it says install plugings. Let's go for Add New. Here into Add New I want to look in once again, look out for my keyword inspector, which is landing page
6:12
This one is going to be popping of the Elementor website builder. We can choose the landing page builder, we can choose All In One CEL
6:19
You want to use the one that of course is totally full free and you don't want to get charged
6:24
a lot. So since I want to use Elementor hitting to the install and I have the installation I'll be running
6:30
After that, once again, what I just need to do is to activate my Elementor site
6:35
And now you might be seeing that Elementor appears into the Lodeport. If I locate the Elementor here, I can scroll a little bit down and choose for templates
6:42
So here I can go for landing pages. And here I want to create my first landing page
6:49
Let's go and hit into the X mark and go for a new landing page
6:53
And this one is going to be now taking me into the Elementor editor, the main one
6:58
but we are still inside the actual WordPress. Now, as you can see, there are a few stuffed that says pro, pro and pro
7:06
What you want to do is to look out for a free version. So for example we have this one or I can scroll a little bit down we have this one as well so you want to look out for a free boson for example this one And you hit into the insuit I am now inside the landing page into Elementor
7:23
The process is exactly the same. All of the elements that you want to change appears in here
7:27
even you can change the actual fade in and the fade out. So it's a little bit more easier to use Elementor in my actual opinion
7:35
So I'm going to just click where I do wanted to change the name, or, for example, these 25% of
7:40
Let's go for... Hey there, like that. So I can start to customize my actual website like it's really really really
7:48
really tough and more easier to 30% this count. There we go with code shop now. I'm going to
7:55
click into this image for example and if I wanted to change this image I want to go into the
7:59
pencil hit into the advanced tools and you want to look out for the background the image which
8:05
is actually this one and I can go into the choose image select my files and I'm going to go into my
8:11
download just to show you an image here. Let's scroll a little bit down and try to look for
8:18
let's say this one, hitting to open and there you go. So if you want to insert from a URL
8:24
you can use whatever option you wanted to. I'm going to hit into the insert media and voila. Now my media has been now imported into my actual website. So after that, just hit into
8:34
published. In my case, I'm going to once again save this a draft since I don't want to
8:39
publish this yet, but in your case you can go into published. After that, you can now go
8:44
and back into your actual site of WordPress and each time you want to enter WordPress with the
8:50
actual same stuff, I can totally recommend you to go directly from the Pantheon, insert your account
8:58
go into the business development site, or choose the site administrator. And this one is going to be
9:02
asking you to start from scratch, signed in using the same credentials that you used into Pantheon
9:09
and your account and your website is going to be created pretty much everything that we have to do
9:13
here into WordPress. So this is how guys we can do a landing page to do really really easy
9:19
and totally free. This pantheon stuff is totally optional if you want to have like more features
9:24
to live for free but if you want to stick around with a WordPress free boson it's totally up to you
9:29
So without being said guys don't forget to like and subscribe to the channel. Thank you so much for watching the video. Hopefully it was very useful for you and I hopefully see you next time
9:36
See you soon guys. You know, You know