Easy way to Create a Website Step By Step: Beginners Guide 2020

5
(2)

Create a Website, Now after reading this Blog, you will be able to make any kind of website just like this, by using drag & drop (Elementor Plugin) method. Let’s start create this website!

Ok! So the 1st step is to pick a name for your website. For example I choose GreenTree.com now go to any domain shopping website like, or any website.

  1. Bluehost (Recommend)
  2. Big Rock
  3. Hostinger
  4. Hostgator
  5. Name Cheap
  6. Go Daddy
  7. A2 Hosting
  8. Site Ground

Easy way to Create a Website Step By Step: Beginners Guide 2020 1 Easy way to Create a Website Step By Step: Beginners Guide 2020  Easy way to Create a Website Step By Step: Beginners Guide 2020

1# How to buy Domain & Hosting Create a Website?


And type your domain name  then click “check availability” of domain. Okay, so you can see that the name is available.

check availability" of domain.
check availability” of domain.

Once you get the name, you can go to the next step which is to Get hosting & domain. Hosting & domain are the two things we need for launching our website.

Also Read

Bluehost India v/s Bluehost.Com :Which One is Best in 2020

Hosting is the place where your website’s files will be stored.

Domain is the name of your website.

To buy the hosting So let’s, click on ‘Hosting’ and choose the plan. Now enter the same domain name which you chose earlier So I’m going to enter GreenTree.com and then click search .

So, now let’s proceed to checkout Now GoDaddy will ask you login So let’s click create account and fill in these details.

create account  on GiDaddy
create account

 And click “Create Account”. and then continue filling these details Now, choose your payment option, and click continue.

proceed to checkout the products
proceed to checkout

Okay! Guy’s let’s place the order and make the payment. So I’m going to quickly complete the payment! So now we’ve completed the payment & we have got our Domain & Hosting

complete the payment mode
complete the payment

Also Read

How To Install Free SSL Certificate: Secrets Step of 2020

2# Install WordPress.


Login to your go Daddy Account and scroll down there you will get Manage WordPress. Now let’s Install WordPress, Now we’re going to use WordPress because it makes it very easy to create a website without knowing any programming or coding.

Manage WordPress from godaddy
Manage WordPress

So let’s install WordPress, We’re going to click managed WordPress. Okay! Now just select your domain. and click next.

 select your domain
select your domain

Now you need to enter a username & password for WordPress You will need this to login into WordPress.

WordPress is installed
WordPress is installed

So I’m going to enter Email and password and click install. Okay! So WordPress is installed.

Now, let’s click ‘get started Okay, so this is our WordPress Dashboard! Now from here you’ll be able to control your website.

WordPress Dashboard
WordPress Dashboard

Now if you want to access  the (WordPress) Dashboard anytime again,you just simply go to your website address  and type \login or (/wp-admin) Okay. So,once you reach your WordPress Dashboard, This means your website is LIVE.

3# Start Designing Your Website.


Now as you can see… our website is LIVE! So! This is how, the default site, looks like

So next, In order to easily edit our website we’re going to install a new theme. So the new theme is called “Astra

 install a new theme
install a new theme

4# Install Theme and Plugin.


So to install the theme, let’s go Theme on the left hand Sidebar and click themes. Now click ‘add new’ and search for the theme Astra. So we’re going to install this theme Just click install and click Activate.

Okay! the theme is activated Next, we’re going to install a plugin which comes with this theme. So by installing the plugin we’ll be able to easily Customise our theme.

To install that plugin, let’s go to Plugins. And then click ‘add new’. Now search for a Plugin called ‘Astra’, And then install this plugin. So click install. and then click Activate. So the Astra Sites plugin is now installed!

Astra Sites plugin
Astra Sites plugin

Now, This plugin has a set of Designs for your website, which you can choose and then apply it to your site.

So to see those designs let’s click see library. Now, before you choose a design, Just click Elementor. This will make it easier for you to edit the design.

So click Elementor and now you can choose any design you like. So, I’m going to choose any design…

 can choose any design you like
can choose any design you like

And you can see how the site look like! If you want to apply this design to your site. Just click install plugins and then click import this site. Now the design and the demo content will be imported into your site once its done!

We can now see the site So let’s click “view site”. Okay!

So as you can see, the demo has been imported into our website. And you can also see these other pages which also has the demo content. So, Once you’ve got the design into your site

5# Edit Website Content.


You can now go to the final step which is to Edit the content. So, To edit any page of your site. You just have go into the page and click Edit with Elementor.

So let’s say you want to edit the homepage, you just simply click home. And then click “edit with elementor” and now you will go into editing section.

edit with elementor
edit with elementor

So let’s say you want to change the text here. You just select the text, and then start typing anything you want. So I’m going to type (Hi! Welcome to my website).

want to change the text here
want to change the text here

And now if you want to change the text just click on it and start typing what you want there .So the same way, you can edit any text you want on this page just select the text and then start typing. So this works throughout the website.

Now if you want to change this image, you just click it. Select the image here and drag & drop your image.

 want to change this image
want to change this image

So once you’re done with the changes, you can simply save the page, by clicking “save”and all your changes will be saved.

Now you can view the page by clicking view page. So, you can see that all our changes are there. Okay, so now you know how you can edit any page of your site!

6# Change Header & Footer.


Next we’re going to see how you can change the Header or the footer area of your website. Now by using elementor you will able to change this part of your wesite.

But if you want to change the header you can do it by going into the customize option. So let’s go to customize. Now you can see that there are some “Blue icons”.

the footer area of your website
the footer area of your website

Now if you want to change this logo,just click this “Blue Icon” and you can change the Logo here. Now the same way you can change the menu section by clicking the icons. So everything can be edited by using these blue icons and this will be same in footer area also.

So let’s say if you want to change the text. You just click this blue icon and start typing anything you want. Once you are done with the changes, just click “publish” and they will be published on the site.

Now lets’ close this and go back to our site. Okay! So we saw how to edit the header & footer area.

7# How to add New Page?

 

Now, what if you want to add a new page? It’s very simple. All you need to do is, you need to go into Page section on Dashboard and click Add New Button.

go into Page section on Dashboard and click Add New Button.
Dashboard and click Add New Button

You need to first enter a title and now to start creating a page just click edit with “Elementor”. So now, it will take you to the blank section

Now you have two options to create your page. First you can either use these elements which are over here and then drag and drop them into this area.

So for example; if you want to add a heading you can drag and drop this element here and then enter your text. And to add an image you can drag & drop this element. So drag & drop here and start creating your page!

Now templates are ready-made pages which you can import into your site. So let’s click “add template” and you will find a lot of designs here. Now if you want to use any designs simply click it.

And if you like it, just click insert to get it into your page. And now you can see that we’ve got the design into our page.

 just click insert to get it into your page
just click insert to get it into your page

Now again like we did before you can change anything on this page, just by selecting it and typing anything you want.

This is how it works. Once you are done with the changes, click save and view page. That’s it guys! This how you can add new pages to your site.

8# We Done it !!!!


So now you know, How you can launch your site, By getting domain & hosting. Import the demo content and then edit it to create your own website. So if you’re ready to start making you own website…

Just click here It will take you to the page which we say in the first step which was choosing your domain. So just pick a domain and create website.

Its so easy to create website with Elementor.

Easy way to Create a Website Step By Step: Beginners Guide 2020 2 Easy way to Create a Website Step By Step: Beginners Guide 2020  Easy way to Create a Website Step By Step: Beginners Guide 2020

Also Read

How To Create Custom Post Type In WordPress without Plugin.

How To Add Image Gallery In WordPress: Step By Step By Vikram Sharma Guide (That ANYONE Can Follow) 2020

Install WordPress Plugin – Step By Step Full Guide 2020.

Sign Up now to get notification regarding new blogs and Updates.

How useful was this post?

Click on a star to rate it!

Average rating 5 / 5. Vote count: 2

No votes so far! Be the first to rate this post.

As you found this post useful...

Follow us on social media!

1 thought on “Easy way to Create a Website Step By Step: Beginners Guide 2020”

Leave a Comment