How to Make an E-Commerce Website in India – Build an Online Store

By | December 13, 2019


Hi guys! I’m Shyam from Website Learners.com Today I am going to show you, how you can create an
Ecommerce website from start to finish. Okay! So first, let’s see the website
we’re going to build. So here it is. After watching this video, you will be able to make
a website, which has products like these and then we’re going to
create pages like these. And people will be able to add
your products to their carts. and they will be able to pay
you, through your website and buy products from your site. So let’s get started. its going to be very simple. We’re going to make our
ecommerce site in 4 parts. The 1st Part is to
Launching Your Website Now this is where you get a new
website, Live – on the internet. So to launch your website,
we’re going to do 3 steps. The 1st step, is to
choose your website name. Now to choose the name, just
click the link below this video. So i’m going to click this link and it will take
you to this page. Now enter the name
you want in this box. So i’m going to
enter tryshirts.com and click ‘check availability’ So now you can see that
this name is available. So once you get your name, you
can go to the next step, which is to get your
hosting & domain. So hosting is the place, where
your website’s files are stored and domain is your
website’s name. So to get your hosting
and this domain name, just scroll down this page and click ‘get hosting’. Now it will take you to this
page where we’re going to get our hosting & domain. So to get it, just click get started. Now enter the same name
which you selected before and click ‘search’. Then click ‘select & continue’ Now to get this domain and hosting, we need to create a new account. So let’s click here and then fill up these details and click create account. Now, here you can see that we’re
getting our domain, which is tryshirts.com, and our hosting. Now both of these are going
to be valid for 1 year, which means once we place this
order, your website will be live on the internet for
the next 1 year. So, now let’s go ahead
& make the payment. Just choose your payment method, enter your details and then make the payment. So, now we’ve successfully made
the payment, and we’ve got our domain and hosting. So once you’ve got
your domain and hosting, you can now go to final step of
launching your website, which is to install WordPress. Now, WordPress is the tool,
we’re going to use, to build our ecommerce website. WordPress lets you build websites easily without any coding or programming. So, let’s see how to install WordPress. To install wordpress, all you
have to do is click ‘Add site’. Then enter a username and
password for WordPress and click ‘add’. And now wordpress will be
installed on your new domain, which is trishirts.com. Okay! So WordPress is now installed and this means, your website
will Now be LIVE on the internet. So to check it, let’s
go to our website. We’ll open a new tab. Now if we type tryshirts.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 have
launched your website, you can now go to part 2 of
this tutorial, which is to Start Building Your
Ecommerce site Now, instead of Building your
ecommerce site from scratch, we’re going to first import a
sample ecommerce site. And then we’re 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’re going to do 2 steps. First we’re going to
login to our website. So to login to your website, all you have to do is, type /login after your site’s address. Now press enter and it will take you to the
login page of your website. Now enter the login details,
which you selected for wordpress and then click login. So, now we’ve successfully logged in to our wordpress site. So this is the place, where
you can control your website. So once you’ve logged in, we can
now go to step 2 of importing the sample site, which is to
install a theme in wordpress. So we’re 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 new theme’ and then search for a theme
called ‘astra’ Now this is the 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’ve installed
the astra theme. Next, to import the sample site, just click ‘astra’ options and here you can see that we have an option called “import starter site”. So to import a site, first
click ‘install importer’ and then click ‘see library’. Now once you’re on this page,
just select ‘Elementor’, which will make it
easier for you to edit your site in future. So, we’ll select that. And now as we’re going to build
an ecommerce site, just click ‘ecommerce’ and then choose this site,
called the ‘brand store’. So, let’s click here. And here you can see a preview of how your site is going to look, once you import this sample site. So to import this site into
your site, just click ‘install plugins’ and click ‘import this site’. So now the sample site
has been imported. So let’s see how our site looks. Now if we go to this tab, you can see that, this is
how our site was before. It was completely empty. Now if we click ‘refresh’, you can see that we have got the
entire ecommerce site, into our site. Now this is the fully working
ecommerce site, which means if we 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 ecommerce site. Okay! So once you have imported the
sample site, we can now go to Part 3, where we see how you can start
using this e-commerce site. So to start using our
ecommerce site, we’re going to first set up
our store. Our 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’re going to do 4 steps. The 1st 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’ve 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’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
products page. and click ‘add new’. Now to add a new product, all you have to do is, Enter the product name it’s price and some details
about the product. So first, let’s enter the product name. I want to sell a tshirt,
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 the image, just
click ‘set product image’ and then drag & 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 3rd step
of setting up our store, which is to change our
currency. Now here you can see that,
we have a different currency. Now to change this
currency to rupee 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 change your currency, just scroll down this page and here you’ll find
the currency option. now to change this to rupee just click here and then type India and select this option. 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 ‘Rupees’. 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 4th step, which is to setup 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 to allow your
customers to pay for your products you need to setup
your “payment method”. So, to set up, we are going
to create a free account on a website called ‘instamojo’. 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 account, just go back to website learners and then scroll down to step 4. And click ‘Create Free Account’. And it will take you to this page Now just click ‘sign up’ And then enter your
email and password. And click ‘ sign up’. Now choose the type
of business you have And select ‘No’ here and click next. Now, once you reach here, you need to enter your bank details, where you want to receive your payments. So you need to enter your
bank’s account number, and then click ‘Find IFSC’ Now select your bank details. And click ‘use’ So 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 ‘create account’. And now we have successfully created our Instamojo Account. And now your customers can use
any of these payment methods to pay for your products. So, let’s click
‘go to dashboard’ Now how do we connect this
account with our website Now to let customers make
payments on your site, you need to connect this account with your website. So to connect it let’s go to our
wordpress dashboard. and then go to plugins and click ‘add new’ and now we need to install the
instamojo plugin on our website. So just search for ‘instamojo’ and you’ll get this plugin. now to install it,
just click install. and click ‘activate’ So now we have installed
the instamojo plug-in on our website. Now to connect this
account with your site, just click settings and now, you need to get
these details from instamojo, So to get these
details, just go here and click API & plugins. and click ‘create
new credentials’ Now Click here and select
wordpress from this list. Then click ‘generate
credentials’ and instamojo will
give you these details. Now, all you have to do, is to
copy these details, and then paste it here. So let’s copy and then paste it. and click save changes. Now as soon as you
click “save changes” your instamojo account, will
be connected with your website. So this means our payment
setup is now complete. So we’ve successfully setup
our payment method and now your customers can not only view your 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” you can see that instead of the error
message, we can now pay online So just like a
customer would do, If we enter our details And click place order You can see that we have
different options, to make payments. So let’s say the customer wants
to pay with their Debit Card, they can click here and then enter the
details and click pay. now if we enter the OTP and click ‘submit’, you can see that the payment
has been made and we have ordered the product. Okay! So this is how a 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 inbox of the email you entered while creating
your site Once you go to your inbox You can see that, we
have received 2 emails. the 1st email is from
our ‘wordpress website’, and the 2nd one
is from instamojo So if we open the 1st
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 2nd mail, you can see that
instamojo confirms, that we’ve received the 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 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 their 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 ‘account’. And now they’ll be able to login
back to 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’ve placed on your site. And now if 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’ve successfully
completed setting up our store. And this means anyone who is
visiting your site will now able to buy your products So Next let’s go to the Final
PART of building our 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 4
different places of your site. Let’s go to our homepage. First, let’s see, how you 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 & 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 our site and click refresh, you can see that all
the changes are here. So this is how you can edit
any page of your website. So next, what if you want to
show your products on your home page. Now if we scroll down
to 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 have added to your site. now to display any of these
products on your homepage, all you have to do is
click the ‘star’ button, next to your product. So I’m going to
select these products and now if you go to your 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. Next, let’s see how you
can change your logo. Now to change this logo, just click ‘customize’ and you’ll find these
blue icon 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 your Site Name by selecting this option. And now you can see that we’ve 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 ‘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 how you can change,
the menu, on your website. So 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 site. So this is how you can change
the look of your website. So now you have complete
ecommerce site, which we 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. And then import the
sample ecommerce site. Then setup your store and then finally change
the look of your website. So that’s it guys, this is how
you can build your ecommerce 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 then build your website. After you have
built your website, make sure you share that
link in the comments section. And we’ll pick our favourite
websites and will highlight it at the top of the comments. So thanks for watching, I’ll
see you in the next video. Bye Bye.

100 thoughts on “How to Make an E-Commerce Website in India – Build an Online Store

  1. Website Learners Post author

    Start Here ➜ https://websitelearners.com/make-ecommerce-website-india/#start

    Get the best tools for your website ➜ https://websitelearners.com/tools/

    Video Gear We Use: https://kit.com/websitelearners/video-gear-we-use

    Our Video Editing Tool: https://bit.ly/2Od546p

    We're Hiring: https://websitelearners.com/careers/

    Want your website developed by us? Email us your requirements to [email protected]

    Follow Us on Instagram: https://www.instagram.com/websitelearners/

    Or Facebook: http://fb.me/websitelearners

    Or Twitter: https://twitter.com/websitelearners

    For Business inquiries: [email protected]

    Reply
  2. rv ror Post author

    brother help me I don't know by default why my site is looking see please my site name is firstcarts.com please help a brother

    Reply
  3. shabbirocks123 Post author

    Without buying the domain & hosting we cant do a trail run to add astra theme?

    Reply
  4. Yateesh K Y Post author

    Bro I have purchased domain and having problem with WordPress hosting, can you reach me out.

    Reply
  5. Md Akramul Hossain Post author

    Hi already i got domin and buy hoisting for one year. But can not wordpress install. So now what i can do.

    Reply
  6. Maruf Barbhuiya Post author

    As you said that the website will be live on internet for one year after buying the hosting and domain for 1 year, but what after that if I want to continue my site to be online for more years than how to renew wordpress for more years. please reply

    Reply
  7. Naveed Sadiq Post author

    I am from pakistan. May i use instamojo account for payment plugin

    Reply
  8. AA Vines Post author

    By using the same method can I open a e commerce store from Canada as well….??

    Reply
  9. Subhasri Venkatesan Post author

    I have a problem. Please help me. If i edit the logo it shows double.. I can't fix a single logo. i.e the Dnk logo is also displaying i cant remove it

    Reply
  10. Jiten Patel Post author

    Hi brother its been long i am trying to remove logo in my site. In the way you taught us its not happening that DNK is not going i have tried several times to remove it from the option under customize

    Reply
  11. Jiten Patel Post author

    Hi there what about the sizes how can we do that. Like how can a customer choose a best size for him. As it is just saying up for adding products

    Reply
  12. mohamed rizwan Post author

    But if we receive many orders and payment how to sort it without any confusion ? I think this becomes more complex to check each mail and payment details by clicking the inbox

    Reply
  13. Jiten Patel Post author

    dear team i am facing some problem while doing this on my site which are 1] i am unable to do my email id change in dashboard under general setting and under administration email address. hence due to this i think i am getting two more problem which are 2] i am not getting mail of the order. i saw the order not via mail which should receive i have seen it under woocommerce order. 3] my customer also dint received the mail stating the password to track the order. Hence i request you to please revert me. It would be really helpfull my email id is [email protected]

    Reply
  14. The Guitar Frets Post author

    hello sir, how can we remove the "Download the app" fro the website?

    Reply
  15. G N Post author

    Shyam – You Rocked it ! I must say, the BEST tutorial video I ever watched…. Awesome! Thanks for wonderful knowledge share.

    Reply
  16. Pooja Sekar Post author

    How can I add shipping cost based on the shipping address?

    Reply
  17. Kelvin Nyakego Post author

    Hi, so what else can i use instead of instamojo.. i think it only works with indian numbers

    Reply
  18. Nithin VR Post author

    Bro if we create the ecommerce website means
    The customers can buy in abroad our product or it is only in india

    Reply
  19. Nawaraj Khatri Post author

    Thanks brother. store.folkiva.com is all because of you

    Reply
  20. Shivam Soni Post author

    Bro i need ur help to build same type of website but i want to connect u ,how can i do that ,as i have much doubts

    Reply
  21. Khurshid Qazi Post author

    Hi Shayam, can I have your whatsapp or tel # . You can send me info., on my whatsapp 00971 55 506 3432

    Reply
  22. Hasmukh Jain Post author

    I made the complete website 35.236.125.107 but after clicking the checkout button billing details are not showing what should I do?

    Reply
  23. مستنصر حسین Post author

    How can we re extend our website life again after 1 year ?

    Reply
  24. Vani Venkatesh Post author

    Hey.. Ur videos are awesome. The first time. I liked a video and commented. Can u please tell me How to use cash on delivery process. Pls do a video fr this. It would be very helpful fr me

    Reply
  25. mahesh Post author

    sir, i want to create a website using python and django… then what can i do

    Reply
  26. akshay patil Post author

    The video is great. I just had one doubt that i felt was not covered. How would i add sizes available for the particular product. I just saw the video so i do not know if there is a option in the dashboard but as of now i have no clue how do i achieve that for my site.

    Reply
  27. Sam Post author

    How can we get Gst invoice of purchased product?
    Please revert

    Reply
  28. redbaron2448 Post author

    This won't work for the USA will it to get free hosting and domain names excetera

    Reply
  29. Serkey Entertainment Ltd Post author

    I love you Bro.. You are outstanding. You just made my world clear.

    Reply
  30. FASTEST Post author

    of all the video i watched your is the best i really like the way you present it …….my one question is can you make a video on converting or making the ecommerce website to an android or ios app…

    Reply
  31. Moses Nandi Post author

    This is definitely one of the best WordPress tutorials I have seen. It's on point! You only took 25 mins to deploy a fully functional site!

    The quality of audio and video production is A1!

    Would appreciate to see your full set-up for these tutorials… Camera, Mic, and the whole room set-up. The voice clarity is amazing! Would love to see how you achieve it. Thanks

    Reply
  32. Bendy Jean Baptiste Post author

    In India wordpress most be free. Here in the us they ask a monthly fee for every single button on it!

    Reply
  33. iftiinka geeska Post author

    Can I use it to make in Somalia plz or it's specified in India only

    Reply
  34. Gaming Monster Post author

    To the point information without any fuss. I have no words for this miraculous stuff. Finally, I have got what I had been searching for. Thank you sir !

    Reply
  35. kewal thapa Post author

    Hello, this is an awesome video and clearly given in the video to a setup E-commerce website for those who really willing to make it.
    I have a question? is that, for the first user check out the product they have to create an account for to check account details like another shopping site???

    Reply
  36. Clutch Op Post author

    Sir mere site ka dnk logo mark change nahi ho raha please reply my comment

    Reply
  37. shruthi rao Post author

    Hey,
    Wat if I also want to add payment option as cash on delivery

    Reply
  38. Javid Sidi Post author

    Sir I like your video but please tell me about the delivery option… I mean who courier my product my store to my coustomer's home and what is logistics company charge?

    Reply
  39. karimannur gopi Post author

    Nice tutorial, please explain how to add cod in your website payment method

    Reply
  40. Dimpy Kumar Post author

    Sir if wants cod then how can do.
    You are not explain about this option.please discuss it.

    Reply
  41. Elly Smiler Post author

    Guys thank you soo much very clear instruction great tutorials.

    Reply
  42. IIT FOUNDATION Post author

    Sir there is no option to choose size tshirt , how can i add this option

    Reply
  43. shruthi rao Post author

    Hey,
    Can u pls tell me, how to add products to the submenus

    Reply
  44. anitha sahu Post author

    Very Creative Way of explanation and the animations are so smooth and explained very well sir !!

    Reply
  45. Prashant Jadhav Post author

    How can I contact you..I have some problems for my website …

    Reply
  46. manoj saini Post author

    how can we redirect on login page before checkout in woocommerce

    Reply
  47. kams king Post author

    Salam bro! I'm form Pakistan…you were totally to the point. keep it up… one problem that i have faced after watched this video that is the instamojo is not working in Pakistan can you tell me the alternative website which works all over the world?

    Reply
  48. Martin Eyube Post author

    Thanks for sharing but quick question: What theme would you recommend for a Marketplace website?

    Reply
  49. Amey Nanaware Post author

    The best tutorial i have seen in years Thank you 💜

    Reply
  50. theskynet systems Post author

    how to create a ecommerce websit in google sites

    Reply
  51. vijay janghel Post author

    Hey! Sir my question is to you that who will deliver the product? Me ?

    Reply
  52. Ratul Das Post author

    how to change the settings of insta mojo so that the each customer can pay more that 10,000 per month.. or in other word how to set up a payment gateway like amazon,flipkart where consumer can buy unlimited product? Please Help

    Reply
  53. Mystery Owl Post author

    how can you create a tab to open another site within the website? would you have to create another domain?

    Reply
  54. Skiller dose Post author

    i see some blogs that instamojo hold the money,and some of them didnt received payments.is it safe to use instamojo for payment gateway?

    Reply
  55. Mr Hanju Post author

    Sir I'm from Pakistan. And instamojo is only for India. So which plugin I will choose for payment in Pakistan.

    Reply
  56. Subho Sha Post author

    bro how do customers track their order? please make a video on adding Tracking plugin.

    Reply
  57. Shreehari Dhat Post author

    Hi
    I tried building same website, but I can't remove the logo.It is still displaying DNK
    Could you please help me?

    Reply
  58. Aamir Younas Post author

    One can create php ecoomerce site in much cheaper way by following guide on amazon by codnine

    Reply
  59. Mehak Khan Post author

    hey, is there anything else we could use than instamojo, in Belgium but works the same way ?

    Reply
  60. Bhawna Sharma Post author

    hey i am not getting this add site option, what should i do

    Reply
  61. vijay janghel Post author

    If I'm running a dropshipping store in Shopify then , Can I add the newproduct of Ali Express on my Dropshipping store?

    Reply
  62. vijay janghel Post author

    Your videos is very good! For those who really want these types of information you should make videos on Dropshipping and Amazon FBA!

    Reply
  63. Archieval Gunhuran Post author

    Hello Good day, i'll follow the instructions, after successful Checkout i ddnt received the email both to customers and to owner

    Reply
  64. OLA TV Post author

    Oh my god.. i wonder why this channel not crossing 1m… you are amazing

    Reply
  65. Atomizer Z Post author

    Really thankful for the video, really healpful!!
    I have a doubt, does the e-commerce part of the website have any future hidden/incurred charges?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *