Easy Way To Create A Website Step By Step: Beginners Guide 2020

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.

Bluehost (Recommend)
Big Rock
Hostinger
Hostgator
Name Cheap
Go Daddy
A2 Hosting
Site Ground

Table of Contents

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.

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.

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.

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

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.

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 visit your WordPress Dashboard, it means your website is now live.

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 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 site‘, And then install this plugin. So click install. and then click Activate. So the Astra Sites plugin is now installed!

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

So to see those designs let’s click see library. Now, before you choose a design, just click on 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…

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

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

So now you will see that 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

Edit Website Content.

You can now go to the final step which is to Edit the content. So, edit any page of your site. You have to go into the page and click Edit with Elementor it will make easy to design.

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.

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

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 that text and then edit it. So this works throughout the website.

Now if you want to change the image, you have to click on it. Now select the image and drag & drop your 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 the view page. So, you can see that all our changes are there. Okay, so now you have learned that how you can edit any page of your site!

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”.

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 if you want you can edit everything by using these blue icons and this will be the same in the footer area also.

So let’s say if you want to change the text. You just click on blue icon and start editing 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.

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.

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 heading you can drag and drop heading element from advanced option 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 and you can import it 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, you have to click on 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

Now again like we did before you can change anything on this page, just by selecting it and modify it as 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.

We have 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 a website. It’s so easy to create a website with Elementor.

My Request 🙏
I have tried my best and put so much effort into writing this blog post and I always try to provide more and more valuable to you all. It’ll be very helpful for me if you consider sharing it on social media networks and also do comment.
SHARING IS CARING

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

About Me

Hi, I’m Vikram Sharma. The founder of this blog TheTechGyaan. I’m a professional part-time blogger, a digital marketer. I’m here to help bloggers like you to create an outstanding blog and earn money from it and also share knowledge about SEO, Blogging.