How to Make an E-Commerce Website (2023) Online Shopping Store

Hi guys .

I'm brand from website learners today .

I'm going to show you how you can create an e-commerce website from start to finish .

Ok .

So first let's see the website which we are going to build .

So here it is .

After watching this video , you will be able to make a website which has products like this .

And then we are going to create pages like this where customers will be able to add products to their cards .

So they will be able to pay you through your website and buy products from your side .

So let's get started .

It's going to be very simple .

We are going to make a e-commerce site in just four parts .

The first part is to launch a website .

So this is where we get a new website live on the internet .

So in order to launch our site , we are going to do two steps .

The first step is to choose a name for your website .

So to choose your website name , just click the link below this video and it'll take you to this page .

Now , enter the name you want here .

I'm going to enter try casuals dot com and click search .

Now you can see that this name is available .

Once you choose your name , you can go to the next step , which is to get your domain name .

And hosting domain is the name of your website , which people need to enter to visit your site .

And hosting is the place where your website's files are stored , like your website's images and files .

So to get this domain name and hosting , let's click add to cart and then click continue and it will take you to this page .

This is the place where we are going to get our hosting and domain .

Now , here it will ask us to choose a hosting plan .

Now , hosting is needed so that your website is visible on the internet and can be accessed by anyone .

And as you can see here , hosting twice the space to store your website on the internet .

So based on the number of websites that you want to build , you can choose a plan here .

I want to build one website .

So I'm going to choose this plan .

Now , here you can choose how long you want the hosting for .

You can choose any length here as you go longer .

You can see that we are getting a discount .

No , I'm going to choose 12 months and click continue .

Now , here you can see that we're getting our domain , which is Trisha dot com for free and our hosting .

Now , both of these are valid for one year , which means once we complete the purchase , our site will be live on the internet for one year .

So to get our domain hosting , let's flood these details , enter your payment details and click order now .

Ok .

So now we've successfully placed the order and we've got our domain in hosting .

So now if we click here , you can see that we have successfully got our hosting and domain .

OK .

So once you've got your domain hosting , your website should now be live on the internet .

So to check that let's open a new tab now , free type , try casuals dot com and press enter .

You can see that we have got a brand new website on the name which we selected , but sometimes it might take a few minutes for the domain to become active on the internet if you're not seeing this , try refreshing after 5 to 10 minutes .

Ok .

So now we've successfully launched our website on the internet .

Once you've launched your site , we can now go to part two of this tutorial , which is to start building your ecommerce site .

Now , instead of building a e-commerce site from scratch , we're going to first import a sample e-commerce site and then we are going to edit it to make our own site .

So this is going to really speed up the process and it will let you build your site in a much faster way .

So to import the sample site , we're going to do two steps .

First , we are going to log into our website .

So to log in to your site , all you have to do is type slash login after your site's address .

And now if you press enter , it will take you to the login page of your website .

Now , here you need to enter your user name and password to log into your workers dashboard .

Now , once your site is active , you should have received the login details of workers in your email .

So let's go to iron works .

And you can see that we have got this email just open it .

As you can see , we have the user name and the password .

Now to log into our website , just copy these details and paste them here .

So let's copy this user name and paste it here , then copy this password past it here and then click log in .

You can see that we have successfully logged into our worker site and this is the wordpress dashboard .

Now , this is the place where you can control your website .

So once you have logged in , we can now go to step two of importing a sample site which is to install a team in wordpress .

So we're going to install a team called Astra , which is going to let us import the sample site .

So to install the team , just go to appearance and click themes .

Now click , add new theme and then search for a theme called Astra and you will get this theme , which is going to let us import the sample site .

So to install the theme , just click , install and then activate the team .

So now we've installed the astra theme next to import the sample site .

Let's get started and it will take you to this page .

Now , once you're here , just select element or which will make it easy for you to edit your site .

So let's select that .

And now it will take you to this page where you can see different designs which you can apply to your site .

Now , as we are going to build an e-commerce site , let's click here and select Ecommerce and you will get different types of ecommerce side designs .

So now just select the design which you like .

I'm going to choose this one and here you can see a preview of how your site is going to look .

Once you import the sample site now to input the site into your site , just click import , complete site and then click import and now the entire e-commerce site will be imported into your site .

So let's see how our site looks .

Now , if we go to this tab , we can see that this is our , our site was before it was almost empty .

Now , quickly confess , you can see that we have got the entire ecommerce site into our site .

Now , this is a fully working e-commerce site , which means if you click on any product here .

You can see the details about the product and you can add it to card and then we can view the card and also proceed to check out .

So we get all these options right after we import the sample site .

So now we have successfully imported the sample e commerce site .

Ok .

So once you have imported the sample site , we can now go to part three where we see how you can start using this Ecommerce site .

So to start using our Ecommerce site , we're going to first set up a store .

No store is the place where your customers can see your products and then purchase them .

So once you set up your store , your site will have your own products and your visitors will be able to buy those products .

So let's go to our store and you can see that we have these sample products .

Now to set up our store , we are going to do four steps .

The first step is to delete all these sample products .

So to delete them , let's go to our dashboard and then click products .

And here you can see all the sample products which we have here .

So to delete the sample products , just click here to select all the products and then click here , select , move to trash and click apply .

So now we've deleted all the sample products .

Now , if you go back to us to and click the first , you can see that all the products have been removed once you've removed all the sample products .

Next , let's see how you can add your own product .

Now to add your own product , just go back to your product page and click add new .

Now to add a new product .

All you have to do is enter the product name , its price and some details about the product .

So first let's enter the product name .

I want to sell a t-shirt .

So I'm going to enter that and here I'm going to enter the price and then some details about the product .

OK ?

So once you've added these details , you can now add your product images .

So to add the image , just click set product image and then drag and drop your images from your computer .

And as you can see your image has been added .

So now we have added all the details about the product .

So let's click publish and off weekly cost .

You can see that we have a product .

Now , if we click on this product , you can see that we cannot add this product to our car .

So now we have successfully added our product .

So now you can add any number of products you want in the same way .

So to add a product , all you have to do is just go to products and click add new .

OK ?

So next , let's go to the third step of setting up a store which is to change our currency Now , here you can see that we have the default currency .

Now to change this to your currency , just go to your dashboard and then go to Woocommerce and click settings .

Now this is where you can change all the settings related to your store .

Now to choose your currency , just scroll down this page and here you will find the currency option now to choose your currency .

Just click here and then select the currency in which you want to sell your products .

I'm going to choose us dollar and now click save changes .

And now if you go to a product base and click refresh , you can see that our product price is now shown in dollars .

So now we have successfully changed our currency and we have completed the third step of setting up a store .

So next , let's go to the fourth step which is to set up a payment with third .

Now if we try to buy this product by clicking , add to cart and then click , proceed to checkout .

You can see that it says no payment methods are available .

So in order to allow your customers to pay for your products , you need to set up your payment method .

So to set it up , you need to create an account on a website called Stripe .

So once you create this account , you will be able to receive payments directly to your bank account when someone purchases your product .

So to create your Stripe account .

Let's open a new tab and then go to stripe dot com and press enter .

So to create your account , just click , start now and then fill up these details and click creates type account .

So now we have successfully created a stripe account .

Once you've created your account in order to receive payments using this account , you need to first activate it .

So to activate it , let's click start here and then fill up these details , then scroll down and here you need to enter your bank details where you want to receive your payments .

So just enter your details .

And now when someone buys a product from your site , that money will be sent to this account .

So once you've entered these details , just click submit .

And now we have successfully activated a type account .

So once you've activated your Skype account , how do you connect this account with your website ?

Not to let your customers make payment on your side .

You need to cancel this account with your website .

So to correct it , let's go to our wordpress dashboard and then go to plugins , click add new .

And now we need to install the Stripe plug in on our website .

So this search for a plug-in called Stripe for Woocommerce and you will get this plug in not to install it , just click , install and click activate .

So now we have installed this Stripe plug in on our website .

So let's click settings now to connect this account with our website .

You need to copy these two details and paste them here .

So to copy these details , let's click here to copy and then paste it here .

No , let's go here and then past it .

Now , once you've entered these details , just click save changes and as soon as you click save changes , your stripe account will be connected with your website .

So this means your payment set up is now complete .

So we've successfully set up a payment method and our customers can not only see our products , they can also buy them .

So next , let's try buying a product from our side .

So just like a customer would do , we will go to our store and then add this spot to a car .

Now let's click , view , cut and click , proceed to checkout .

Now , here you can see that instead of an error message , we can now pay using our card .

So just like a customer would do let's enter our details .

And now if you enter the card details and click place order , you can see that the payment has been made and we have successfully ordered the product .

Ok .

So this is how your customer can buy a product from your site .

So now you know how your customers can buy products from your site .

Now , what happens when someone orders your product ?

How do you know that you've got an order ?

Now , as soon as someone buys a product from your site if you go to your inbox .

Now , this is the inbox of the email you entered while creating your site .

So once you go to your inbox , you can see that we have received two emails .

The first email is from our workers website and the second one is from Stripe .

So now if you open the first email from wordpress , you can see that we have all the details about the order .

So we have the name of the product which the customer has ordered and their address .

Now , if you go back and open the second email , you can see that Stripe confirms that we have received our payment .

So this is how you can know when someone orders your product .

And once you get this email , you can go ahead and deliver the product to your customer .

So now you know how you can track new orders placed on your site .

But what about your customer ?

How can the view and track the order ?

So next , let's see how your customers can view the order after making a purchase .

So let's go to our customers inbox .

So this is the customer's inbox .

Now , once a customer has ordered a product from your site , their account will be automatically created .

And now if a customer goes to the inbox , they'll get an email with the order details and another email with the details about their account .

So if you open this email here , you can see that the customer has got the password which they can use to log into your site .

So after placing an order , if the customer wishes to log in back to your site , all you have to do is go to your site and click my account and now they'll be able to log in back to your site .

So they just have to enter the email and the password which they have received in the email .

So let's go back to Iron Works then copy this password past it , you up and off big click log in .

You can see that the customer can view all the orders they've placed on your site .

And now if you go to addresses , they can even update their address .

So this is how your customers can view the orders on your side .

Now , let's go back to us too .

Ok .

So now we've successfully completed setting a past two and this means anyone who is visiting your site will not be able to buy your products .

So next , let's go to the final part of building an ecommerce site where we see how you can change the look of your website .

So next , we're going to see how you can change four different places of your site .

So let's go to our home page first .

Let's see how you can edit the contents of your page .

Now , let's say you want to change this text .

How do we do that not to edit any page on your side , just make sure you're on that page .

Now , click edit to the element or , and it will take you to this editing section .

Now , let's say you want to change this text .

All you have to do is just select the text and then start typing anything you want .

Next .

If you want to change the text on this button , you just select that text and then enter your own text .

So in the same way you can edit any text you want on this page , just select the text and then start typing .

Next .

Let's say you want to change this image to change the image .

All you have to do is just click here , then make sure that you're on the style tab .

Now select the image you want to change and then drag and drop your image .

And as you can see the image has been changed .

Now , once you're done with all the changes , just click update .

I know if you go to a site and click the first , you can see that all the teams are here .

So this is how you can edit any page on your website .

So next , what if you want to show your products on your home page ?

Now , if you scroll down this products area , you can see that we have no products here .

So next , let's see how you can add products like this to your home page .

Now to add products to your homepage .

All you have to do is just go to your dashboard , then go to products .

And here you can see all the products you've added on your site , not to display any of these products on your homepage .

All you have to do is click on the star button next to your product .

So I'm going to select these products .

And now if you go to a site and click the first , you can see that the products we selected now appears on our home page .

So this is how you can add products to your home page .

Next , let's see how you can change your logo .

Now to change this logo , just click customize and you will get these blue icons next to the items you want to change in order to change this logo .

All you have to do is click on the blue icon next to it and you can change the logo here .

Now , if you want to have your own logo in text , you can remove this image by clicking here and then show your site name by selecting this option .

And now you can see that we've got a site name instead of the B four logo , which was there before .

So this is how you can change your logo .

So next , let's see how you can change your menu .

Now to change your menu , all you have to do is just click here and then select edit menu .

Now , once you're here if you want to remove any page from your menu , just click here , click remove and the page will be removed from your menu .

Now , you can also rearrange this menu as you want and it will be changed here .

So this is how you can change the menu on your website .

Once you're done , just click publish and then click here to see your site .

So you can see that all the changes we made now appears on our side .

So this is how you can change the look of your website .

So now we have a complete e commerce site which we have made in just a few minutes .

So to make your ecommerce site , all you have to do is first launch your site by getting your domain and hosting , then import the sample ecommerce site , set up your store and then finally change the look of your website .

So that's it guys .

This is how you can believe you come a site in just a few minutes .

Now , if you're ready to start making your own website , just click here and it will take you to the page which we saw in the first step , which is choosing your website name .

So just choose your website name and start building your website .

Now , if you want to know more about e-commerce sites , you can check out our e-commerce course , which is available in this link 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 .