How to Make a Website in 10 mins - Simple & Easy - YouTube

Channel: Website Learners

[0]
Hi guys, I'm Subhang from WebsiteLearners.com
[3]
and in this video I'm going to show you
[4]
how you can quickly make a website.
[6]
(in just 10 mins)
[7]
Now after watching this video, you will be able to make
[9]
any kind of website just like this, by using drag & drop.
[13]
So, don't miss this video out and watch it till the end,
[16]
to learn how to do it.
[17]
Okay!
[18]
So, I'm Subhang from WebsiteLearners.com
[20]
and Let's start making this website!
[23]
Okay!
[24]
So before we start, you need to First, Click the link,
[26]
below this video.
[27]
So I'm going to click this link.
[30]
And, It will take You to this page.
[33]
Now we're going to do this in just 5 steps!
[35]
Ok! So the 1st step is to pick a name for your
[37]
website.
[38]
Now, I already have picked a name which is
[40]
"quicktechy.com" So I'm going to search for it...
[45]
And then click "check availability".
[48]
Okay, so you can see that the name is available.
[51]
Once you get the name, you can go to the next step,
[54]
which is to Get hosting & domain.
[56]
Hosting & domain are the two things we need for launching
[59]
our website.
[60]
Hosting is the place where your website's files will be stored
[63]
Domain is the name of your website
[66]
So to get hosting & domain, let's scroll down...
[70]
and click get hosting...
[73]
This will take you to godadddy.com,
[75]
where we're going to buy the hosting.
[77]
So let's, click 'get started'.
[80]
Now enter the same name which you chose earlier.
[83]
So I'm going to enter quicktechy.com...
[85]
And then click search.
[89]
Now click select & continue.
[92]
Okay!
[93]
So, this is our cart.
[94]
Now you can see here that we're getting the domain for 959 rupees
[99]
Now, if we change the duration from 2 years...
[102]
to 1 year.....
[104]
You can see that, we're getting the domain for free.
[107]
So, now let's proceed to checkout.
[112]
Now Godaddy will ask you login.
[114]
So let's click create account.
[117]
and fill in these details.
[123]
Now enter any 4-digit number for the pin
[126]
And click "Create Account".
[129]
and then continue filling these details.
[138]
Now, choose your payment option, and click continue..
[144]
Okay! So guy's
[145]
this is going to cost us around 99 rupees per month,
[147]
and, the plan will be valid for 1 year.
[150]
So let's place the order.
[154]
and make the payment.
[157]
So I'm going to quickly complete the payment!
[164]
Okay!
[164]
So now we've completed the payment & we have got our
[167]
Domain & Hosting.
[168]
Now let's go to STEP 3, which is
[170]
to Install Wordpress.
[173]
Now we're going to use wordpress because it makes
[175]
it very easy to build a website without knowing any
[178]
programming or coding.
[179]
So let's install wordpress, We're going to
[181]
scroll down & then click managed wordpress. Okay!
[186]
So we'll click here,
[189]
and then click get started.
[192]
Now just select your domain.
[197]
and.. click next.
[200]
then again click next
[202]
Now you need to enter a username & password for wordpress.
[206]
You will need this to login into wordpress
[209]
So I'm going to enter my name
[212]
and password
[214]
and click install.
[219]
Okay! So wordpress is installed!
[221]
Now, let's click 'get started'.
[225]
and then click no thanks...
[227]
and okay.
[232]
Okay, so this is our Wordpress Dashboard!
[234]
Now from here you'll be able to control your website.
[238]
Now if you want to access
[239]
the (wordpress) dashboard anytime again,
[241]
you just simply go to your website address
[243]
and type \login
[245]
Okay.
[246]
So, once you reach your wordpress dashboard,
[248]
This means your website is LIVE.
[250]
So to check that let's go to our website address
[256]
And press enter
[259]
Now as you can see...
[260]
our website is LIVE!
[263]
So! This is how, the default site, looks like.
[267]
So next, In order to easily edit our website,
[270]
we're going to install a new theme.
[273]
So the new theme is called "Astra"
[277]
So to install the theme, let's go here...
[281]
and click themes.
[284]
now click 'add new'
[290]
and search for... Astra.
[294]
So we're going to install this theme.
[297]
Just click install.
[300]
and click activate.
[304]
Okay! So the theme is activated.
[306]
Next, we're going to install a plugin which comes with
[309]
this theme.
[310]
So by installing the plugin we'll be able to easily
[313]
customise our theme.
[315]
So to install that plugin, let's go to plugins.
[318]
And then click 'add new'.
[322]
Now search for a Plugin called 'Astra',
[326]
And then install this plugin..
[329]
So click install.
[333]
and then click activate.
[336]
So the Astra Sites plugin is now installed!
[338]
Now, This plugin has a set of Designs for your website,
[341]
which you can choose
[342]
and then apply it to your site.
[345]
So to see those designs let's click see library.
[352]
So these are the designs.
[355]
Now, before you choose a design, Just click elementor.
[358]
this will make it easier for you to edit the design
[361]
So click elementor
[364]
and now you can choose any design you like.....
[369]
So, I'm going to choose this design...
[375]
And you can see how the site look like!
[382]
If you want to apply this design to your site...
[385]
Just click install plugins.
[390]
and then click import this site.
[392]
Now the design and the demo content will be
[394]
imported into your site
[396]
Once its done!
[397]
We can now see the site
[399]
So let's click "view site".
[403]
Okay!
[404]
So as you can see, the demo has been imported into our website.
[407]
and this is how it looks.
[418]
And you can also see these other pages which also has
[420]
the demo content....
[428]
So, Once you've got the design into your site
[431]
You can now go to the final step
[432]
which is to Edit the content.
[435]
So, To edit any page of your site.
[437]
You just have go into the page
[439]
and click Edit with Elementor.
[443]
So let's say you want to edit the homepage,
[445]
You just simply click home...
[449]
And then click "edit with elementor".
[453]
And now you will go into this editing section.
[455]
So let's say you want to change the text here.
[458]
you just select the text,
[461]
And then start typing anything you want
[463]
So I'm going to type (Hi! Welcome to my website)
[468]
And now if you want to change the text on this button.
[471]
You just click here...
[474]
And change text on this button here
[479]
So the same way, you can edit any text
[480]
you want on this page
[482]
Just select the text.
[484]
And then start typing.
[486]
So this works throughout the website.
[491]
Now if you want to change this image,
[493]
You just click it.
[495]
Select the image here.
[498]
And drag & drop your image.
[502]
So once you're done with the changes, you can simply
[505]
save the page, by clicking "save".
[508]
And all your changes will be saved.
[511]
Now you can view the page by clicking here
[514]
and then click view page.
[518]
So, you can see that all our changes are here...
[522]
Okay, so now you know how you can edit any page of
[524]
your site!
[525]
Next we're going to see
[526]
how you can change the Header...
[528]
Or the footer area of your website.
[531]
Now by using elementor you will able to change
[533]
this part of your wesite.
[535]
But if you want to change this area,
[536]
which is the header.
[538]
you can do it by going into the customize option.
[542]
So let's go to customize.
[547]
Now you can see that there are some "Blue icons".
[550]
Now if you want to change this logo,
[552]
just click this "Blue Icon"
[556]
and you can change the Logo here.
[559]
Now the same way you can change the menu section
[561]
by clicking these icons.
[563]
So everything can be edited by using these blue icons.
[566]
and this will be same in footer area also.
[569]
So let's say if you want to change the text.
[572]
You just click this blue icon
[574]
and start typing anything you want.
[577]
Once you are done with the changes,
[579]
just click "publish"
[582]
and they will be published on the site.
[585]
Now lets' close this and go back to our site.
[589]
Okay!
[590]
So we saw how to edit the header & footer area.
[593]
Now, what if you want to add a new page?
[596]
It's very simple.
[598]
All you need to do is, you need to go into this new,
[601]
And click page.
[605]
Now let's say you want to create a service page for
[606]
your website
[608]
you need to first enter a title.
[612]
and now to start creating a page just click
[614]
edit with "Elementor".
[618]
So now, it will take you to the blank section
[621]
and now you have two options to create your page.
[625]
First you can either use these elements
[627]
which are over here.
[628]
and then drag and drop them into this area.
[631]
So for example; if you want to add a heading
[634]
you can drag and drop this element here.
[637]
and then enter your text.
[641]
And to add an image you can drag & drop this element.
[646]
So drag & drop here and start creating your page!
[651]
Now the other way to create a page...
[653]
is by using templates.
[655]
Now templates are ready-made pages which you can
[657]
import into your site.
[660]
So let's click "add template"
[664]
and you will find a lot of designs here.
[667]
Now if you want to use any designs,
[670]
simply click it.
[672]
See how its look like.
[676]
And if you like it, just click insert to get it into your page.
[682]
And now you can see that we've got the design into our page.
[686]
Now again like we did before you can change anything
[689]
on this page,
[690]
Just by selecting it and typing anything you want.
[694]
This is how it works.
[695]
Once you are done with the changes,
[697]
click save and view page.
[704]
That's it guys!
[706]
This how you can add new pages to your site.
[709]
So now you know, How you can launch your site,
[712]
By getting domain & hosting.
[713]
Import the demo content.
[715]
and then edit it to make your own website
[719]
So if you're ready to start making you own website...
[721]
Just click here.
[722]
It will take you to the page which we say in the first step
[725]
which was choosing your domain.
[726]
So just pick a domain and build your website.
[729]
I will see you in the next video.
[730]
Babye :)
[735]
So, If you want to also create a Business E-mail
[737]
for your website.
[738]
You can watch this video,
[739]
We show you, How you can do it for free!