Today i'm going to show you how you cancreate an e-commerce website from start to finish Okay So first let's see the website we are going to build So here it is After watching this video You'll be able to make a website which has products like these And then we are going to create pages like these And people will be able to add your products to their carts And they'll be able to pay you through your website And buy products from your site So let's get started it's going to be very simple We are going to make oure-commerce site in four parts The first part is to launch your website Now this is where we get a new website live on the Internet So to launch your website we are going to do three steps The first step is to choose your website name Now to choose your name just click the link below this video So I'm going to click this link And it'll take you to this page Now enter the name you want in this box So I'm going to enter trycasuals.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 the next step Which is to get your hosting and domain Now hosting is a place where your website's files are stored And domain is the name of your website So to get your hosting and this domain name Just scroll down this page And click get hosting Now it will take you to siteground.com Where we are going to get our hosting and domain Now here you can see that we have three different plants Now as I want to build one website I'm going to choose this plan So let's click here And now it'll ask you to enter your domain name So just enter the same name which you selected before So I'm gonna enter trycasuals.com.
And click proceed Now to get your domain and hosting Just fill up these details Now here you can see that we are getting our hosting And domain For one year Which means once you make this payment Your website will be live on the Internet For the next one year So to get it Let's enter our payment details And pay So now we have successfully made the paymentand we have got a domain and hosting So once you've got your domain and hosting Next you need to verify your domain So to verify your domain you need to click the verification link Which was sent to your email So to click that link, let's go to our ibox And here you can see that we have got the verification email So let's open it Now to verify your domain Just click this link And then click verify here So now our domain is verified So once you've verified your domain You can now go to the final step oflaunching your website Which is to install WordPress Now WordPress is the tool We are going to use to build our e-commerce website WordPress lets you build websites easily Without any coding or programming So to install WordPress Let's go to siteground And click proceed to customer area Now click set up site.
And next to start a new website Click select Now choose WordPress And then here you need to enter the login details Which you want for WordPress So you will need these details When logging into WordPress So I'm going to enter my email And password And then click finish Okay So now we have successfully installed WordPress And this means your website will now be live on Internet So to check it Let's open a new tab So now if we type trycasuals.com And press enter You can see that we have a brand new website On the name which we selected So this is how you can launch your website on the Internet So once you havelaunched your website We can now go to part 2 of this tutorial Which is to start building your e-commerce site Now instead of building your e-commerce site from scratch We are 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 will let you build your site in a much faster way So to import the sample site we are going to do two steps First we are going to login to our website So to login to your site all you have to do is type '/login' After your site's address .
Now press Enter And it'll take you to the login page of your website Now enter the login detailswhich is selected for WordPress And then click login So now we have successfully logged in to our WordPress site So 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 the sample site Which is to install a theme in WordPress So we are going to install a theme 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 team called Astra And you will get this theme which isgoing to let us import the sample site So to install the theme, just click install And then activate the theme So now we have installed the Astra theme.
Next to import the sample site Let's click get started And it'll take you to this page Now once you're here just select Elementor Which will make it easy for you to edit your site So select that And now it'll take you to this page Where you can see different designs which you can apply it to your site Now as we were going to build an e-commerce site Let's click here And then select e-commerce And you'll find different types of e-commerce site 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 this sample site Now to import this 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 how our site was before It was almost empty Now if we click refresh You can see that we have got the entire e-commerce site into our site Now this is a fully working e-commercesite Which means if you click on a product here You can see the details about the product And you can add it to cart And then we can view the cart And then we can also proceed to checkout So we get all of these options Right after we import the sample site So now we have successfully imported our sample e-commerce site Okay So once you've imported the sample site We can now go to part three Where we see how you can start using this e-commerce site So to start using our e-commerce site We are going to first set up our store Now 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 ableto 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 of 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 Now 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 have deleted all the sample products So now if we go to our store And click refresh You can see that all the products have been removed Once you have removed all the sampleproducts Next let's see how you can add your own product Now to add your own product Just go back to your products 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 Okay So once you've added these details You can now add your product image So to add image just click set product image And in drag and drop your image 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 now if we click our store page You can see that we have our product Now if we click on this product You can see that we can now add this product to our cart So now we have successfully added our product So 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 Okay So next let's go to the third step of setting up our 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 whichyou want to sell your products I'm going to choose US dollar Now click Save Changes And now if we go to our product page 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 our store So next let's go to the fourth step Which is to set up our payment method 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 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'll 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.com And press enter .
Now create your account Just click start now And then fill up these details and click create stripe account So now we have successfully created our Stripe Account Now once you 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 toenter 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 enter these details Just click Submit and now we have successfully activated our stripe account So once you've activated your stripe account How do you connect this account with your website Let customers make payments on your site You need to connect this account with your website So to connect it Let's go our WordPress dashboard And then go to plugins and click add new And now we need to install the stripe plugin on our website So just search fora stripe for WooCommerce And you will get this plugin Now to install it, just click install And click activate So now we have installed the stripe plugin 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 Now let's click here And then paste it Now once you enter 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 our payment setup is now complete So we have successfully set up our payment method And now our customers can not only see our products They can now buy them So next let's try buying a product from our site So just like a customer would do We will go to our store And then add the product to our cart Now let's click view cart And click proceed to checkout Now here you can see that instead of the error message We can now pay using our card So just like a customer would do Let's enter our details.
And now if we enter our card details And click place order We can see that the payment has been made And we have successfully ordered the product Okay So this is how the 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 have 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 WordPress website And the second one is from Stripe So if we 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 we go back And open the second mail.
You can see that stripe confirms That we have received our payment So this is how we 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 they view and track their order So next let's see how your customer can view their order After making a purchase So let's go to the customer's inbox So this is the customer's inbox Now once a customer hasordered a product from your site Their account will be automatically created And now if the customer goes to their inbox They'll get one email with the order details And another email with the details of their account So if we open this email Here you can see that the customer has got the password Which they can use to login to your site So after placing an order If the customer wishes to login back to your site All they have to do is go to your site And click my account And now they'll be able to login back into your site So they need to just enter their email And the password which they received in their email So let's go back to the inbox And then copy this password And paste it here And now if they click login You can see that The customer can view all of their orders They are placed on your site And now we go to addresses They can even update their address So this is how your customers can view their orders on your site Now let's go back to our store Okay So now we have successfullycompleted setting up our store And this means anyone who is visiting your site will now be able to buy your products So next let's go to the final part ofbuilding our e-commerce site Where we see how we can change the look of your website So next we are going to see how you canchange four different places of your site So let's go to our home page So first let's see how it can edit the contents of your pages Now let's say you want to change this text How do we do that.
Now to edit any page of your site Just make sure you're on that page And click Edit with Elementor And now 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 that text And then start typing anything you want So I'm going to type Get the Best Products FROM OUR STORE Next if you want to change the text on this button You just select that text And then enter your own text So 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 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 And now if we go to a site And click refresh You can see that all the changes are here So this is how we can edit any page of your website so next what if you want to show your products on your home page Now if you scroll down to this products area You can see that we have no products here So next let's see how we 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 productsyou have added to your site Now to display any of these products on your home page All you have to do is click the start button next to your product So I'm going to select these products And now if we go to our site And click refresh You can see that the products weselected Now appears on our homepage So this is how you can add your products to your homepage So next let's see how you can change your logo Now to change this logo Just click customize .
And you'll find these blue icons next to the items you can change Now to change this logo all you have to do is click this blue icon next to it And you can change your logo here Now if you want to have your logo in text You can remove this image by clicking here And then show you a site name By selecting this option And now we can see that we have got our site name Instead of the default logowhich 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 click Edit menu Now once you're here if you want toremove any page from your menu Just click here And 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 we can change the menu on your website So once you're done just click publish And in click here to see your site So you can see that all the changes we made Now appears on a site So this is how you can change the look of your website So now we have a complete e-commerce sitewhich we made in just a few minutes So make your e-commerce site all you have to do is First launch your site by getting your domain and hosting And then import the sample e-commerce site .
Then set up your store And then finallychange the look of your website So that's it guys this is how we can buildyour e-commerce site in just a few minutes Now if you're ready to start making your own website Just click here And it'll take you to the page which we saw in the first step Which is choosing your website name So just use your website name and then build your website Now if you want to learn more about WordPress You can check out our complete WordPress course which is available in this link So thanks for watching I'll see you in the next video Bye...Bye
Comments
Post a Comment