Create an Ecommerce Website In 4 Easy Steps

Create an Ecommerce Website In 4 Easy Steps: Hi guys, Today we are going to tell you how you can create 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 article, 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 an E-commerce site in four steps.

Launching The Website

The first step 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.

First Step

The first step is to choose your website name. Research for a unique name to get your site rank fast. So once you get your name You can go to the next step.

Second Step

In this step, we have to get your hosting and domain. Now hosting is a place where your website’s files are stored, and the domain is the name of your website. So to get your hosting, and this domain name Just scrolls down this page, and click get hosting. Now it will take you here. Where we are going to get our hosting, and domain. Now select a plan, 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 payment, and 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 inbox, 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 of launching your website.

Third Step

In this step, we are going 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 the site ground, and click proceed to the customer area. Now click set up a 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 the Internet. So to check it Let’s open a new tab.

So now if we type the domain, and press enters 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 have launched your website.

Building an E-Commerce Website

Now 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 site. So this is going to 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 details which are 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 theme just go to appearance, and click themes. Now click add a new theme, and then search for a team 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 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 that you can apply 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-commerce site. Which means if you click on a product here. You can see the details about the product, and you can add it to the 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.

Using E-Commerce Website

In step three Where we will 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, the 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 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 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 sample products. Next, let’s see how you can add your product. 

Now to add your 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 an 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 which you want to sell your products I’m going to choose the 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 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’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, 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 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 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 to 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 has ordered 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 completed setting up our store, and this means anyone who is visiting your site will now be able to buy your products. 

Change Look Of This Site

So next let’s go to the final steps of building 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 can change four different places on 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 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 product 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.

How To Add Products

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 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 we selected. 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 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 click the Edit menu. Now once you’re here if you want to remove 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 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 site which we made in just a few minutes.

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 finally change the look of your website.

So that’s it guys this is how we can create an Ecommerce Website In 4 Easy Steps. Now if you’re ready to start making your 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.