Hi guys Today we’re going to see, how you
can create a website using Elementor So after watching this video, you will
be able to create websites like these Just by using drag and drop So make sure you watch
this video till the end, To learn how to do it. This is Bryan from website learners And let’s start creating our site in elementor So to create our website using elementor We’re going to do 3 parts The first part is to ‘Launch your website’ Once you launch your site, your
website will be live on the internet So to launch your site, We’re going to do 4 steps The first step is to ‘Choose
a name for your site’ So to choose the name for your site Just click the link below this video And it will take you to this page Now enter the name you want
for your website, in this box. I’m going to enter ‘courserazor.com” And then click, ‘check availability’. Now as you can see,
this name is available. So once you get your name, You can go to step 2, which is
to ‘get your hosting & domain’. Hosting is the place, where
your website’s files are stored, And domain is the name of your website. So to get this domain name and hosting, Just scroll down this page, And click ‘get hosting’ And it will take you to godaddy.com Now click ‘Get Started’ And here it will ask you to choose a plan, So based on your need, you
can choose a plan from here, I’m going to choose this plan Now scroll down And here you can see that, we’re getting
our domain and hosting for 12 months Which means our website will
be live on the internet for the next 1 year Now let’s click ‘continue’ And here enter the name
which you selected before So I'm going to enter “courserazor.com” and click ‘submit’. Now as you can see our
domain is still available. Now to get this domain and hosting, Click ‘select and continue’ here you can see that,
we’re getting this hosting And our domain for free Now click ‘checkout’ And godaddy will ask
you to create an account So Let’s fill up these details And click ‘create account’ Now to get our domain & hosting Let’s enter our payment details… Click save. and click ‘complete purchase’ So, now we've successfully
made the payment, and we've got our domain and hosting So once you've got your
domain and hosting, in order to use your domain, you need
to first verify your email address So to verify our email address, Let’s go to our inbox, Now open this email, And click verify, Now as you can see, we have
successfully verified our email address Once you’ve verified your email address, We can go to the 3rd step
of launching our website, which is to Install Wordpress. once we install wordpress, we will
be able to start building our site. So, To install wordpress, Let’s go back to this tab Now scroll down And then click here, Now here, you need to enter the login
details, which you want for WordPress. Now this is the username & password,
which you need for logging into WordPress So I'm going to enter my username and a password And click ‘Continue’ Now here, to make your website load
fast, you need to select a location which is closest to your visitors. As my visitors are going to
be mainly from India, I’m going to choose this location. Now, your website will still be available
for everyone in the world But it will be faster for the people in this location. So let’s click ‘Continue’ And as you can see, wordpress
is now being installed! And it’s done! Okay, So WordPress is now installed. And we can go to the final step, which
is to attach the domain to our wordpress site. So to attach our domain, Just click here, And click ‘Setup’ And then click ‘Attach’ So now we have connected our
domain name with the hosting, And as you can see, our site is now
live with the domain name which we have selected earlier So now if we open a new tab, And type our domain name
which is courserazor.com And press ‘Enter’ You can see that, we have a brand new
website on the name which we selected. And anyone in the world
can access this site, By going to this address. So this is how you can launch your
WordPress site on the internet. Now once, you’ve launched your site, You can now go to part 2 of this
tutorial, which is to ‘Setup Elementor on your wordpress website’. To create your website using elementor, First, you need to set up
Elementor on this site. So to set it up We’re going to do 4 steps The first step is to ‘login
to your wordpress site’, So to login just go to your site’s address... and then type /login Now if you press enter You can see that we’ve got
the login page of wordpress. Now enter the login details
which you selected for wordpress. Now if we click login. You can see, we have successfully
logged in to our wordpress site. and this is the wordpress dashboard, This is the place from where
you can control your website. Once you have logged in We can go to step 2 which is to ‘Get a
theme’ which is compatible with elementor Now if we go to our site You can see that, we have
the default site here Now in order to use elementor on this site We need to get a theme which
is compatible with elementor So to get the theme Just click the link below this video And it will take you to this page Where you can find the list of
themes which are compatible and recommended to be used with elementor. So Have a look at the themes
and select the theme you want I’m going to choose this theme So to get this theme Let’s click here And you can see that, the theme has
been downloaded to our computer. So now we have got the theme
which is compatible with elementor Once you have got the theme We can go to step 3 which is to
‘install this theme on our site’ So to install the theme Let’s go to our wordpress dashboard Now go to ‘Appearance’ And click ‘Themes’ Now to install the theme click ‘Add new’ And then click ‘upload’ Now Just drag and drop the
file from your computer As you can see, the file has been selected Now to install the theme, click ‘install’ And then click ‘Activate’. So now we have successfully installed the
theme which is compatible with elementor. Once you have installed the theme Now if we go back to our
website and click ‘refresh’ you can see that, our site
has a different look now. So now we can go to the Final step of
setting up elementor on our site, which is to ‘Install the elementor plugin on our site’ This is the plugin which is
going to help us build pages on our site, in a visual way. So to get this plugin let’s go back to this tab Now if you scroll down You can see that, we have the
elementor plugin here So let’s click ‘Get Elementor' And the elementor plugin will
be downloaded to your computer. Once you got the plugin Now to install this plugin on our site, Let’s go to our wordpress dashboard Now go to ‘plugins’ And click ‘add new’ Then click ‘upload’ Now to install the plugin Just drag and drop the
file from your computer And it will be selected Now click ‘install’ And then click ‘activate’. So now we have installed
the plugin on our site. And we have successfully completed
setting up elementor, on our site. Once you have set up
Elementor on your site. You can now go to the final part of
this tutorial, which is to ‘Start Building your site, using Elementor’.
So to build our site with elementor, we need to do 4 steps. The 1st step is to ‘create your homepage’. So Homepage is the page, which
your users will see, when they first visit your website. So to create our homepage, Let’s go to pages, And click ‘add new’, Now here, you need to
enter a name for your page. As we’re creating our homepage, I’m going to call it ‘home’. Now to start creating
this page using elementor Just click ‘Edit with elementor’ And it will take you to this section,
where you can create your page So here, we have 2 ways to
create a page, using elementor. The first way is to use the
elements which are over here And then drag and drop them into
this area, to create your page. Let’s say you want to add a heading You can just drag this element and drop it here And then you can enter your own text Now to add an image Just drag this element and drop it here So drag and drop the elements
and start creating your page The other way to create a page, is
to import the ready-made designs which are available in Elementor. So, let’s see how you can create
a page using the readymade designs which are available in elementor. So to create a page Just click here And here you will find different page
designs, which you can add to your site. So have a look at these designs And select the one you like Now let’s say you want to add this design Just click it And you can see the preview
of how the page looks So to add this page to your site, Just Click ‘insert’ And as you can see we have got
the entire page, into our site. Once you have got the design Now to publish this page on your
website, all you have to do is, just click publish. And now if we click here… You can see that we have just
created a brand new page on our site. Okay! So now you know how to create
a page using elementor. But how do you change these contents? So next let’s see how you can change the
contents of the page, which you imported. So to edit the content,
let’s go back to elementor. Now, let's say you want
to change this text. All you have to do is select the text, and then enter your own text. And as you can see the
text has been changed. Now in the same way you can change
any text you want, on this page. Just select the text, And then start typing. If you want to change
the text on this button, Just select it And then enter your own text. Next, If you want to change this image, Just click on it select the image And then drag and drop your
image, from your computer And as you can see the
image has been changed. Once you’re done with all the changes, Just click update. and all your changes will be saved. Now if we go back to our
page and click refresh You can see all the changes we made So now we have our homepage. Now let’s say you want to remove
this section from your page. How do you remove it? All you have to do is Just go back to this tab where we can edit our page Now if you want to remove this section just go here… and click this icon. As you can see, the
section has been removed. Okay Now, let’s say you want to add
a new section here, like this How do you add it? So to add a new section Just click here And then click ‘blocks’ Now here you will find different types
of sections, you can add to your page. Now if you want to add a contact
form section to your page Search for ‘contact’ here And you will find different
types of contact sections. Now have a look at these... and select the one you want I’m going to select this one And you can see how it will look. Now to add this section to your page Just click ‘insert’ And as you can see, that section
has been added to our page. Now if you want to change this text Just select it and then
enter your own text Once you’re done with the changes Click ‘update’ Now if we go to our site And click ‘refresh’ You can see that, we now got the new
section which we added to our page. So now we have successfully
created our homepage Now, if we open a new window, and go to our site's homepage, you can see that it's still empty. and the page we created, appears on
a separate page, called "/ home". Now instead of appearing like this, How do we make this page as our homepage So next, let’s go to step 2
which is to ‘set the page we created, as our homepage’. So to set our homepage, to this page let’s go to our wordpress dashboard, then go to settings, and click reading Now here you can see
that, we have this option Called ‘your homepage displays’. And it is now set to ‘latest post’
which means it will show the most recent blog posts on our homepage. Now to keep the page we
created as the homepage, First we need to select a ‘static page’, And then select the page we
created, as our homepage. So let’s click here... & then select ‘home’, Which is the page we created. Okay, so now we have successfully set
the page we created, as our homepage. So now if we click save, And then go to our site And click ‘refresh’ You can see that, we have
now got our homepage. So this is how you can set your homepage. Next, let’s see how this home page
appears on our mobile phone. So Let’s open our website on mobile As you can see, our page is
automatically optimized for mobile. And this is how it looks. Now here you can see that, the
text is a bit too large for mobile. So Next, let’s see how you can
reduce this font size on mobiles. So to reduce the font size, Let’s go back to our page And click ‘edit with elementor’ Now to control how this page
looks on mobile, just click here And then select ‘mobile’. And you will immediately get
the mobile view of your page. And here if you change any setting,
it only applies to the mobile view. So let’s say you want
to reduce this text size Just click it and then click here, And then change the font size Now in the same way, you can change
the design of any item on this page. Once you’re done with the changes Click ‘update’. Now if we go to our site on mobile And refresh the page You can see that, our font
size has been reduced. So this is how you can edit
your site for mobile view. So now you know how you can create
the page by importing the templates. Now instead of creating
a page using templates what if you want to create
a new page from scratch? Next, let’s go to step 3 of this
tutorial, where we see how to create your own page from scratch So to create a page from scratch, Let’s go to ‘new’ And click ‘page’ And it will take you to this blank page Now here enter the title for your page As I’m going to create an about page I’m going to enter ‘About us’ Now to start creating
your page with Elementor Click ‘Edit with Elementor’ Now to create a page from scratch Let’s click here and you will find different types of
layouts, you can add to your page. So if you want to have
a section like this, you can choose this layout. or if you want to have a section like this, you can choose this one. So, I'm going to choose this one. And this empty layout will be created. Now to add contents inside this section Just click here And you will find different elements,
which you can add to your page. Now let’s say, here, you
want to add a heading Just drag this element and drop it here And as you can see, we’ve got our heading Now to edit this, just select
it and then enter your text. Next, let’s add some text here So let’s click here and then drag the text element and drop it here And as you can see, our text has been added Now just enter your text Next, let’s add a button here, So let’s click here And then drag the button element And drop it here We’ll also change this text Next Let’s say you want to add an image here Let’s click here And then drag the image element, and drop it here And as you can see, a blank
image has been added here Now to change the image, just click here and then drag an image from your computer And drop it here. And the image will be added here Okay, so now we’ve created the 1st
section of our page from scratch Now in the same way you can
continue building this page, By dragging these elements, And dropping it here. Once you have completed
creating your page, To publish this page, on your site just Click ‘publish’ And now this new page will
be published on your site. So now if we click here You can see that our page,
is now LIVE on our site! So this is how you can create a new
page on your site, from scratch Okay! Next Let’s go to the 4th step,
of building your website, Which is to ‘create your menu’. Now as you can see, we don’t
have any way to go to our pages So to create a menu, like this you need to go ‘customize’ using elementor you will only be able
to edit this part of the page, but if you want to edit, this section, Let’s go to ‘customize’. Then click ‘menus’. Now to create a menu, let’s click ‘create new menu’ And now we need to give,
a name for our menu, So I’m going to call
this menu as “main-menu” And next, here, you need to choose
where your menu needs to appear If you want your menu
to appear in this area, Just choose ‘primary menu’, And then click ‘next’. Okay. So now we can start adding
items to our menu. So to add items here, Just click ‘add items’ And here You can see the
pages, which we’ve created. Now select the pages which
you want to add to your menu. And now if we click here… You can see that our menu has been
created, with the pages we selected. So this is how you can create your menu Once you have created your menu Next, let’s see how you
can ‘change your logo’ Now here you can see that
we have the default logo. Now to add your own logo, Just click the blue
icon next to your logo. And click ‘select logo’ Now drag the logo from your computer, and drop it here And as you can see, our
logo has been changed. So this is how you can change your logo Once you’re done Click ‘publish’ Now if we go to our site And click ‘refresh’ You can see that, we now
have our logo and our menu. So now we have successfully created
our website using elementor. Now you know how to create
your website using Elementor. Now let’s say you want to add a
great looking slider like this Or you want to add a cool
looking graphic like this You can do all of these things,
with the pro version of elementor. Check out all of the pro features
of elementor, by clicking the link below this video. When purchasing elementor pro, you
will get these professional designs, which you can use, to build your site. And also make sure you subscribe to Website Learners to get more videos like this one. Thanks for watching I’ll see you in the next video Take care, Bye-Bye
