How to Make Multi Vendor eCommerce Marketplace Website like Amazon & FlipKart with WordPress & WCFM

hello friends i'm nashik and today in this video i'll teach you how to create a professional multi-vendor e-commerce website like amazon and flipkart with wordpress now for those of you who don't know a multi-vendor e-commerce website is a website in which different people can come to your website register as a seller and can sell their products on your website and you get a commission on every sale made now this website that we're gonna create in this video has all the features and functionalities that a professional multi-vendor e-commerce website must have for example every seller on your website will get a front-end dashboard from where they can manage their account sellers can see crucial analytical information related to their store products customers regions etc in a very beautiful and elegant style sellers can also create and edit products from the front end itself they don't have to go to the back end to do these things and there are many more features included in this website like commission withdrawal advance shipping and taxation advanced delivery staff and groups membership controlling seller capabilities pdf invoices and packaging slips store verifications and store badges etc we'll see these features in detail later on in this video and to save you some money i'll be using a free theme that will save you around 100 and will also use a free version of elementor and not the premium version and again this will save you another hundred dollars and creating this website is super simple really easy you don't need to know any programming or coding knowledge to create this website it's just simple drag and drop now this video is going to be quite lengthy obviously because i'll be covering everything related to multi-vendor e-commerce website so i've given timestamps to the different sections in the video description below alright guys now before we start creating this website let me first show you a very quick demo of the exact same website that you will be creating in this video if you follow my step-by-step tutorial now the reason i show these demo websites right at the beginning of every single video is because i want you guys to have a better idea about the website you will be creating in this video and you can decide right at the beginning whether you want to watch the complete tutorial or not all right guys so this is the exact same website that we will be creating in this video so as you can see this is actually your backend this is what your sellers your vendors will see so whenever someone registers as a seller or a vendor on your website this is the front-end dashboard from where they will manage their stores from where they will create you know products from where they will manage orders from where they will do you know delivery they will manage staff groove everything will be done from here and if you see this website this is your front end this is what your customers will see they will come to your website this is the shop page i'll show you how a home page how about page block page all the other pages also look now this is a shoppage if a customer comes to your website if they are shopping for something they can see they can filter products by price for example if they want if they have a particular budget for example if they have budget of only thousand rupees so they can so no enter that budget over here click on filter then after that they will see only products that come under thousand rupees they can also see best selling products and some more things like product categories they can click on this category and they will see only products from that particular category now if a customer wants to purchase something they can simply click on any product for example if they like this product they can click on this product and this is the single product style now as you can see this looks so much beautiful so much better at top you have the same thing you have your header you have your top header you have your main header then you have your title section and after that you have your main content section here you see the image of the product here you see the title rating of the product the price of the product this is the short description and if if the person wants to purchase this in more quantity they can increase or decrease the quantity and every single product will show who is the seller of the product like you see this thing on amazon and also on flipkart you can see who is the seller and who is you can also see seller rating for example here as you can see this seller has five after five rating star rating this is the name of the seller store and we can also create different badges for seller for example here as you can see there is one badge so this seller has made more than 100 sales and this seller is crown level seller so you can create different badges and you can assign those badges to different sellers when they achieve a particular thing for example when they make more than 100 sales they will automatically get this badge 100 plus sales so this is also very useful and we also are giving this information that this item will be shipped in one or two days sellers can control this thing now in this website we have both the option if you want you can do all the shipping or if you want every seller can do the shipping themselves and we can and they can set a shipping rate and we will see how to control those things how to control shipping how to control taxation and everything and just like amazon and flipkart if a person wants to ask any question related to the product they can click on this button ask a question enter the name they can enter above what question they have about this product and they can click on submit and that question will will be submitted and that seller will see that question over here in the back end and they can answer this thing we'll see this a complete process in detail later on in this video now if you scroll down at the bottom you will see this is the long description so complete description about the product you can also see some additional information like what is the weight and dimension of the product if there is any review on the product you can also see that or if you want you can also rate and review this product if there is some some offer going on from this seller you can see that thing you can see the return and shipping policy of the seller and you can also see if there is enquiry related to this thing if you want you can also enable the live chat option so that a person can live chat with the seller so this option is also available and at the bottom you will see some related products so this is how the shop page looks like now whenever a person this is for the customer a customer now can do this thing they can click on add to cart they can add this product in the cart and after that they will see this notice that this product is added to cart they can click on view card to see the cart or they can simply hover over here on this cart icon and they will see that two products are added in the cart they can click on view cut now here as you can see in the cart if you have created any coupons if a seller has created any coupons they can give it to the customer the customer can enter that coupon click on apply coupon and they can get some discount now i'm getting free shipping because what i've done is mo i've made a setting over here that if you purchase more than a particular amount you will get free shipping and you will see that gst that is taxi taxation vat or gst whatever it is is automatically applied so here gst 10 that is 10 taxes automatically applied on this product so the product price is 1900 rupees and 190 rupees that is 10 of that is supplied automatically as gst now if i do one thing if i decrease the quantity instead of two if i make it one and click on update card now as you can see here you will see this notice that now you have to pay shipping cost of 60 rupees if you are if you are you know making if you are receiving this product in this address now you can also do one thing you can have different shipping rates for different states now because i am from maharashtra i am setting low shipping rate for maharashtra because if the customer and seller are both from the same state shipping the product is very simple and less costly now if this customer is from some other state for example it's if this custom is from kerala they can select kerala and they can click on update and you will see shipping rate will automatically increase to 100 rupees so you can have different shipping rates for every single state and in fact for every single city if you want so this is how this thing works then after that if the customer likes this product they can click on proceed to checkout and here you can they can enter the information from here at the left hand side they can even give the exact same location on the map so that they will delivering this product becomes easy for example i'll just enter mumbai over here but they can enter the exact same address if they want and after that that thing will be marked and if this person wants for example if they live in this building so they can bring this uh this marker over here on this building all right so this is how they can do now here as you can see all the information will be giving what is the name of the product who is the seller what is the subtotal what is the shipping cost taxation everything is given if they want they can you know go for cash on the delivery they can pay through paypal or they can also pay through credit and debit card and after that they can click on place order so this is all for the customer now let's see what happens when a customer places an order and what all things seller will see now before that let me tell you one thing because you're the owner of the website you own the website and this seller is selling on your website you can do one thing you can get some commission on this thing for example if this product is selling for 950 rupees and if the customer successfully places an order and receives this product now this amount that they have paid this amount will come to your account the owner's account and now you can do one thing you can send 90 of this amount to the seller and you can keep 10 to yourself now there are many more different styles of setting this thing for example if you don't want percentage if you want to you know rate or commission based on some other factor there are many more factors included over here we'll see that thing later on in this video now let me show you what a seller will see now for example if i am a businessman i am a seller i own or i have some business over here and if i also want to sell t-shirts on this website i can click on this link vendor registration and here i can register as a vendor or as a seller so i can simply enter this detail and click on sign up now once i sign up i'll get this link vendor dashboard when i click on vendor dashboard i keep i will see this page now here as you can see this is so professional looking dashboard first of all whenever a seller or a vendor logs in they will see how much sale they have done in last seven days how much commission they have received in last seven days how many products they have sold in last seven days and all those things they will see all these things in this beautiful you know chart and in this beautiful graph so as you can see here this pink one says refund amount this says gross sale this sales net sales all these things and they will also see how many views their product received on which day and they can also see which is the best selling product they can see which state or which country is seeing their product or is you know which is the top region for their products they can also see status of the product we'll see we'll i'll explain you about all these things in detail later on in this video right now what i'm doing is i'm just trying to give you an idea about the website that you will be creating in this video now i don't want you guys to watch the complete three hours tutorial and at the end of the video you see the end result rather i always prefer to show the end result right at the beginning so that is what i'm doing right now i'm showing you the end result and here as you can see they can see all the notifications and everything now if they want to create a product they can simply go to products and they can now see first of all they can see all the products they have created if they want to create a new product they can click on this button add new button and they can simply fill in this form very simple form and they can add this product we'll see how this process works if they want to manage orders they can click on orders they will see all the orders that they have received they can also print invoice they can also print shipping package labels and everything and once the order is shipped they can change the status of the order to shipped then they can also withdraw money so if this person has some commission in their account they can go to withdraw and they can withdraw that money so as you can see i have received this uh amount as commission 1080 rupees on this date so this is how this thing works if a person wants if a seller wants they can create different coupons for their users you can also create one thing or a sellers can also do one thing they can create different delivery person for example i'm a businessman i'm selling this product and i have you know i have hired a person just to look after the delivery so i can do one thing i can create a different account for the delivery person or for the delivery boy and that delivery boy will see this account so whenever i send any account or any order to the delivery boy this is not the account i'll show you a delivery person will have totally different account and whenever you send any order details to that delivery person that delivery person will see that this is the product that i have to ship to this particular person and all so they can see the complete detail and they can simply ship that product to the customer and once the product is successfully shipped they can also mark that product as shipped so that is how this thing works you can also add staffs and groups to manage your store you can also manage refunds chat box support reviews many different things are given over here obviously it is very difficult to explain all these things in short i'm just trying to give you a you know quick glimpse of what this website looks like now let's see the front end the home page so if i click on the homepage this is what everyone will see whether it's customer whether it's seller so this is the home page as you can see really beautiful home page and again i'm saying to create this website to create this design we are using a free theme and most of the times we are just using free plugins so as you can see now if you don't like this homepage design there are many more designs i'll show you how you can get those designs you can also you know change the homepage design if you don't like this one then after that we'll also see how to do blogging with this website so we'll see how to create blogs so if you want to if you want you can do one thing you can create blogs and blogs are really helpful they will help you to generate some extra traffic through organic search results and with this we'll also see how to create about page and contact page every customer will get this option my account option so here the customer can see what all order they have placed so as you can see this com customer has placed two orders if the customer wants to refund they can click on this refund button they don't get this refund button for the second option because the refund limit or the refund date threshold is passed but here that is not passed so they can ask for a refund then after that if they want they can change the address they can also add payment methods over here and if they have you know sent or if they have submitted any support tickets they can see that information over here if they have submitted any inquiries related to product they can see under inquiries and as you can see this person asks this product this person has this question what is the fabric used to this product and now they can click on this view because they have received you know answer on this inquiry so the seller has answered that thank you for reaching out to us this is 100 pure cotton so as you can see this is such a professional website everything here happens on a very professional level and the design and everything is really beautiful and doing everything on this website is super easy which is very important you know everyone should be very comfortable with everything for example a customer should be very comfortable with placing order this process should be very simple so in this case that's that is what is happening sellers should be very comfortable with with creating products managing orders and everything so in this website every doing all these things are really simple okay so this was a very short demo of the exact same website that you will be creating in this video if you follow my step-by-step tutorial now i hope you guys like the demo website if you like the demo website and if you want to create the exact same website make sure to watch the complete tutorial now before you proceed further make sure you guys subscribe to the channel and click on the bell icon so that you don't miss any future notifications and throughout the video if you have any doubts any comments any sessions for me you can always leave them in the comments section below and obviously if you find this video helpful please give a thumbs up to this video and share it with your friends on facebook twitter whatsapp whatever social media platform you use all right guys now let's start creating this website all right guys now to create this multivendor e-commerce website in fact to create any kind of website whether it's an e-commerce website a blog a business website a membership website any kind of website we need two basic things a domain name and a hosting account a domain name is simply the name or the url of your website for example google.com blogdood.com youtube all these things are different domain names so we also have to register a domain name on the internet so that whenever someone wants to visit your website they can simply type in that domain name in the url bar and they can land on your website and the second and the most important thing is your website's hosting hosting is basically a computer wherein your entire website is saved so if you see this entire website all the different pages everything that you see on the screen all the different pages all the different products all this data related to your seller related to your you know buyer related to your visitors this entire website is saved in a computer and that computer is running 24 7 so that whenever someone wants to visit your website at any given time from any particular country they can always see your website live so your website is always up and running now hosting is the most important thing about your website because everything related to your website is directly or indirectly depending on your hosting because your website speed your website's performance the user experience on your website in fact even the search rankings even the google search rankings are totally dependent on your hosting so if you have selected a good and reliable hosting your website speed and performance will be amazing and you will get better ranking in google search results and also your website will be more safe and secure now there are literally thousands of different hosting products available in the market but unfortunately only handful of them are really good really decent enough to consider most of the hosting providers are actually really crappy they don't provide proper service they don't provide proper speed and everything but you don't have to worry about that i will show you the best hosting provider especially for this kind of website this is you know kind of a heavy website this multi-vendor e-commerce website requires a lot of resources so for this we need a very strong very robust kind of hosting that can deal and that can manage this kind of website and still your website speed and performance is good so we need a really strong hosting so you don't have to worry about that you can simply open it new tab and type in blog to dot com slash sg sj stands for siteground and this link is also given in the video description below so in fact you don't have to type in this thing you can simply click on that link and you should be redirected to this page now here as you can see there are three different plans available startup group again go geek now before we see you know or before we try to understand which plan we need for our multivendor website let me first explain you why i'm recommending you siteground because i myself said just a few moments ago that there are literally thousands of different hosting providers available so out of all those why are we going with siteground now i'm creating these youtube tutorials i'm creating these websites for no more than five six years and in this time period i have you know experienced many different hosting providers i remember the first hosting program that i used to create my first website was you know hostgator then i moved on to some other hosting then some other hosting and ultimately i'm using siteground now because i create these tutorials i get hosting for free so almost every major hosting provider they reach they reach out to me they provide me hosting for free so that i can try it and i can recommend you recommend it to you guys and because of this i have tried many different hosting products i've tried hostgator a2 hosting tmd hosting siteground bluehost almost every single hosting on almost every single major hosting provider and in my experience siteground is just the best hosting provider available it is best in terms of speed best in terms of performance best in terms of security support and also in terms of scalability and that is the reason why even my personal websites are also hosted on siteground my main website my main source of income blogtoot.com is hosted on siteground other websites that i own like nayshik.com all these websites are also hosted on siteground so because i personally use it i and because i've tried many different hosting providers i know that this is the best that is the reason why i'm recommending you siteground especially for multi-vendor websites alright guys now here as you can see there are three different plans available now if you want a very short and simple answer as to which plan should you select for multi-vendor website i would recommend you to just select the grow big plan click on the get plan button and proceed further or if you watch for a few more minutes you can understand the different difference between these three plans and you can also you know understand or learn how you should select any particular hosting what all things you should be seeing before selecting a hosting now first of all you will see over here that under startup plan you can create one website whereas under grow big and go geek plan you can create unlimited websites now first let's understand this thing so if you select startup plan you can create one website which means today you're creating this multivendor website if you select startup plan you can easily create this website you won't have any problem at all but tomorrow in future if you want to create another website maybe another e-commerce website or maybe a blog or a business website you cannot do that with this startup plan you'll have to either purchase a new plan or you'll have to upgrade to grow big plan and obviously if you select rubik plan you can create unlimited websites for example today you are creating this website you can create this website tomorrow if you want to create your second third fourth website in fact you can create unlimited websites so in simple words what it means is if you select this thing if you purchase this grouping plan once you just have to purchase it once and for all your future websites you don't have to purchase a new hosting plan you can host all your websites in one single plan so this is basically what it means now the second thing over here is how much web space do you get with each plan so for example with startup plan you're getting 10 gb for with grow big plan you're getting 20 and with go geek plan you're getting 40 gb of web space now let me first explain you how much web space do you actually need so if you see this website this demo website that i've created this entire website this is a multi-vendor website so in this entire website including all the products including all the different pages seller account customer account this entire website is not more than 200 mbs so technically speaking if it's like growbig plan you can create more than 100 websites like this one so you don't have to worry about this web space even if your websites you know even if your website gets really huge you have more than you know one lakh products more than 100 000 products and similarly if you have more than 100 000 customers still you don't have to worry about that still your website size will hardly be two or three gbs so you don't have to worry about this and most importantly this web space is ssd space and these guys at siteground are using the google cloud platform to host your website so this is really amazing because when your website is hosted on google cloud platform and that too with ssd space your website speed and performance will really be amazing now in comparison most of the hosting providers use the hdd plan now hdd is very cheap and that is the reason why they use the hdd plan but when your website is hosted on hdd your website speed will be really slow very laggy so obviously we don't want hdd here you are getting ssd plan so if you actually do one thing if you scroll down a little bit you will see this option over here ultra fast site and if you click on this option find out more you can see that these guys are using google cloud platform with ssd storage nginx server free cdn and all these things to make your website ultra fast so this is really amazing and i have seen i have compared many different hostings when your website is socially on siteground it performs the best then after that the third thing basically the third thing even here is just to give you an idea about which plan is better for what kind of website so startup is better for those websites that generate around ten thousand monthly visitors grow big for those websites that get around 25 000 monthly visitors and go geek is best suited for those website that generate around 100 000 unique monthly visitors now many people get confused over here they think that for example if they have selected group plan and if their website is getting more than 25 000 monthly visitors they think that they will have to upgrade to go geek plan but that is not the case this is just to give you an idea so even if you selected the grow big plan and even if your website is getting more than 60 70 000 monthly visitors grow big plan can easily handle your website you don't have to worry about that then after that we have some more features over here like unlimited traffic we have free ssl certificate which is very important if you see my website my demo website you'll see this lock pad over here when you click on that here it says connection is secure that is ssl certificate if you don't have ssl certificate you cannot accept online payments so for e-commerce website this is compulsory we have free daily backups we have free cdn now you know because we are using we are going to use wordpress you might have heard if you have done some research that wordpress websites gets hacked a lot so no because what because almost two thirds of internet is using wordpress so two thirds of all the websites on the internet is based on or is created on using wordpress and because of that attackers and hackers you know attack your websites attack wordpress websites a lot but you don't have to worry about that over here because again if you scroll down a little bit you'll see that these guys are using top notch security these guys are using artificial intelligence ai and type bot system to protect your website they're using you know custom waf you know which is web app web application firewall they're using free ssl certificate so they are using all these technologies to protect your website you don't have to worry about that now we have some more features over here i don't want to waste a lot of time over here you can just read about these features so you can go ahead scroll down and you can read and you can understand more about these plans okay so as i said you in the beginning for most of you guys i would simply recommend you to just select the growbig plan and click on this get plan button now once you click on that button you will be redirected to this page and here you have to register your domain name so whatever domain name you want to register simply type in that domain name over here for example if i want to register this thing nayshik.com i can type in new sheet over here and under domain name extensions now as you can see there are hundreds of different domain name extensions available you want dot com.net there are some country specific domain name extensions available as well for example dot in for india dot nz for new zealand dot uk for united kingdom's you know you can have these things as well there are some generic domain name extensions as well dot online dot shop for e-commerce kind of website so simply enter the domain name that you want select the perfect domain name extension and click on proceed now if you have already registered a domain name you can select this second option i already have a domain name so many people what they do is they register a domain name on godaddy or name cheap type of website so if you have already registered your domain name outside siteground and if you want to use that domain with siteground you can enter that domain emojio and click on proceed then after that you will see this page now here first of all you have to enter your account information under your account information you have to enter your email address and password now this is really important because whatever email address and password you enter over here this will become your login credentials so whenever you want to you know log into your siteground account in future you will have to enter this email address and password so under account information whatever email address and password you enter make sure you remember this thing make sure you write it down somewhere then after that you have your client information which is just your basic information like your country name first name last name your address phone number you know all these things these two things are not compulsory company name and tax id so you can leave them blank then when you scroll down you have payment information so obviously you just have to enter your credit card debit card or your atm card details so your your card number card expiry date three digit number number which is given at the back of your card and obviously your card holder name now you should note one thing over here that only three types of cards are accepted over here visa mastercard and american express now visa and mastercard are obviously very common throughout the world so you should have one of these now if you are from india mostly people in india have the rupee card which is a domestic card which is not accepted anywhere outside india so if you have a rupee card i would recommend you to go to your bank and ask them to upgrade your you know card to visa mastercard they will do it within seven days so make sure you have a visa or a mastercard then when you scroll down you have your purchase information now under purchase information remember one simple rule you don't change anything from here you just check everything so under plan we have selected grouping plan that is the reason why you see this option if you have selected startup plan you will see startup over here under data center location so data center location will be automatically selected for you based on your current location because i am from india for me asia data center location is selected now under period it will be 12 months make sure it is 12 months if it is selected something else make sure you select this thing to 12 months because this is the best deal that you will get and if you select something else you'll have to pay extra money so make sure 12 months is selected over here now scroll down and tick mark these two things now here as you can see the total amount that you have to pay is just 120 dollars so one complete year of hosting and that too you can host unlimited websites you're getting that for 120 dollars for one complete year and that is really amazing this is really good as compared to other hostings you know most of the hosting providers they charge a lot of money i'm talking about decent hosting products i'm not talking about bluehost or hostgator type of hosting so here you're getting top notch security top notch performance with this price so this is really amazing now once you enter all this information simply go ahead click on pay now and make the payment okay so now once you make the payment you have to do one thing you have to open a new tab and type in my.siteground.com and here you have to enter the email address and password that you have selected under under your account information so in your previous step under your account information whatever email address and password you have selected type in the same email address and password over here and after that just click on login now when you click on login you will see this page and here you have to click on this tab websites tab and here you will see all the different domains that you're using or all the different websites that you're using with this hosting if you remember we have we had registered this domain name nayashik.com so whatever domain name you have registered you will always see that domain name over here or if you have entered your siteground or if you have entered your godaddy and namecheap domain still you will see this domain name over here and below this domain name you will see site tools click on that button now here there can be two scenarios first scenario can be that you have just registered a new domain name with siteground so that is really amazing because you don't have to do any extra steps the second scenario can be that you have already registered your domain name outside sideground maybe on something a website like godaddy or namecheap so if you have registered your website outside if you have registered your domain name outside sideground on godaddy type of website first what you have to do is you have to link that domain with siteground let me show you how that is done that is really simple just go to godaddy.com or wherever you have registered your domain name log into your account now when you sign into your account you will see all the different domain names that you have registered with this with this account so for example in this website if i want to suppose if i want to link this domain name tritongifts.com with siteground so besides every single domain name you will see this dns button simply click on dns dns stands for your domain name server you will see two dns with your two name servers over here click on change and delete both these default name servers from here like this now go to your siteground cpanel scroll down you will see your own custom name server copy your name server number one come over here paste it under line one and obviously copy your name server number two like this and come over here paste it under name server number two and click on save now once you click on save it can take up to 24 hours to link your domain name to siteground but by that time you don't have to just sit we can do few more things uh in meanwhile so what we can do is we can install ssl certificate on our domain name so to do that you can click on security and you can click on ssl manager now here you have to select the domain name on which you want to install ssl now in this example i'll be using this domain name wcfm2.nishik.com so i can select this domain name and under select ssl make sure you select let's encrypt and click on get now once you click on get within two minutes ssl certificate will be automatically installed and activated on your domain name now as you can see over here i cannot do that thing from here because on my domain name sss ssl is already activated i can see my domain name over here at the bottom and besides my domain name it says active so if you also see that thing you will not be able to do that and it simply means that ssl is already present on your domain name now once you have successfully installed ssl certificate on your domain name now you can install wordpress on that domain so to do that you will click on wordpress from the left hand side and you will select this option first option install and manage now here you'll see two options wordpress and wordpress plus woocommerce you have to select the first option just wordpress now here you have to select the domain name on which you want to install wordpress so i'll select this domain name then after that you'll see installation path make sure you don't make any changes over here just leave it as it is for language also just leave it as it is and if you say this thing is tick mark for you install wordpress starter just untick this thing just remove this tick mark from here then after that you have to set some username and password for your website so set some username and password for your website now this thing is also very important first let me do this thing you also have to enter your personal email address over here all right now whatever username and password you enter here this is also very important make sure you remember this thing because whenever you want to login to your wordpress dashboard you will have to enter this username and password once you have entered all this information simply go ahead and click on install make sure this thing and also this thing is not tick marked okay just click on install now here as you can see wordpress has started installing on your website very short process this will hardly take 10 to 12 seconds all right so as you can see wordpress is successfully installed on this domain name now if you see some error if you try to install and if you are not able to install wordpress on this domain name if you get some error it simply means that wordpress is already installed on this domain name so you can do one thing if you see your domain name at the bottom and here at the left hand side at the right hand side you will see this button login to admin panel it simply means that wordpress is already installed as you can see installation wordpress so we have just installed that is the reason why we see this option but when you click on install now and if you see some error that you're not able to install wordpress on this domain it simply means that wordpress is already present on that domain so you can do one thing you can see your domain name in this list and besides your domain name you'll see this button login to admin panel click on that button now you'll see a new tab will be opened and you will see your dashboard so this is your dashboard now this page this dashboard page is the most important page of your website because from this page you will be controlling your website whether you want to change the style appearance of your website whether you want to add some functionalities creating post creating pages managing comments everything will be done from here and whenever you want to come to this page whenever you want to come to your dashboard page you simply enter your domain name and after that after your domain name you put in forward slash wp hyphen admin then you will land on your dashboard now whenever you install wordpress on a new domain name there are few basic things that we have to understand and there are a few basic settings that we have to do so let's first do them first of all at the left hand side you will see your dashboard option this is obviously your dashboard now second option is your post option which is obviously just your blog option so this option will be used this post option will be used to create different posts to manage different posts or to edit them for example one post is already created for you hello world later on you can just delete this post then you have your media option so whatever media files you have used on your website whatever images whatever media file whatever videos you have used on your website you will see all those media files over here and you can manage them from here then you have the pages option which obviously will be used to create and to manage different pages then you have your comment option so here whenever you receive any comment on your website you can see all those comments on this page now you can manage those comments from here you can approve them you can unapprove them if the comment is trying to spam your website you can mark that as spam you can delete that comment you can do everything from here then you have a very important option appearance option now under appearance you will see there are few themes already installed and activated for you here three themes are installed and this theme 2020 theme is activated now what is the theme let me explain you if you try to open your website in a new tab right now as you can see this is how your website looks like now this appearance and this style of your website is because of this theme 2020 theme as you can see the screenshot of this theme and your website look very much similar so a theme is basically a design of the website whenever you want to change the style or appearance of your website you simply change the theme for example if i try to activate this team we have 2017 theme if i click on activative and if i activate this theme if i again come back to this website and refresh it now as you can see the website design is completely changed so this is basically what a theme does a theme will completely change the appearance and style of your website now you must remember one thing you must always have only one theme installed and activated so just install activate any one of these themes and delete all the extra themes from here so click on that extra theme and at the bottom right corner you'll see delete click on that and delete this button or delete this theme now we won't be using this 20 to 17 theme this is a really bad theme we'll be using a free oceanwp theme so later on i'll show you how to install and activate that theme now at the left hand side you will see plugins click on that and here you will see one plugin is already installed and activated for you sg optimizer and this is a very important plugin because this plugin will make your website very light even if your website is very heavy this will make your website very light it will optimize your website and this will improve the performance and speed of your website but this plugin is available only for siteground users as you can see over here so if you're using some other hosting you might not see this plugin now what is a plugin a plugin is basically kind of a software or an add-on which will add some extra features and functionalities to your wordpress website for example right now we don't have the feature or functionality to create products so right now this is just a simple blog this is not an e-commerce website we want to convert this website into an e-commerce website so for that we need a plug-in a free plugin woocommerce so that plugin that woocommerce plugin will add all the e-commerce features and functionalities to your wordpress website so that is basically what a plugin does then after that we have some more option you will see the settings option click on settings you will see your general setting now first of all you have to give your website some title so whatever title you want to give to your website you can simply type in that thing over here so if you're creating this for some company you can enter the company name you can enter your brand name if it is a personal website you can enter your own name under tagline you just have to describe your website in few words so just describe your websites in few words then you will see wordpress address and site address now if you remember one thing we had installed ssl certificate but still it says not secure your connection is not secure and that is because of this permalink structure we have to make this thing https so right now if you see if it says http make it https both at top and bottom all right make sure you make it https both at top and bottom then you see your admin email address make sure your personal email address is present over here if that is not the case then delete this email and enter your personal email address then you have your membership option make sure this thing is tick mark this one simple setting is very very important if you don't tick mark this thing no one will be able to come to your website register on your website so no customer will be able to create an account on your website also no sellers or vendors will be able to create account on your website so make sure this thing is tick mark now when i scroll down you will see a time zone so you can set time zone according to your country so i'll select calcutta time zone for india and after that just click on save changes now you will be logged out of your website because you have changed the permalink structure so enter your username and password and click on login now as you can see here this thing is now 100 secure now under settings click on permalinks and make sure your post name is selected if you see some other permalink structure selected for example day and name plain or numeric is selected make sure you just select this post name go ahead and click on save changes now let's again come back to dashboard now whenever you come to your dashboard you will see these widgets now these are not really useful widgets so we can get rid of all these so click on screen option and untick all these switches from here all right now this looks much better clean you know surface very simple dashboard now later on in this video when we will be using when we'll be installing few more free plugins those plugins will add very important and useful widgets on our dashboard right now this is blank and with this all the basic settings related to your wordpress website are now complete i guess now let's do one thing let's first install a new theme because right now if you see the design of your website looks like this so this is really bad we want to convert this boring website into something amazing and beautiful like this one so for this we need a free theme so and with this also we need few plugins because right now as i explained you earlier we need woocommerce and some more plugins that will add all these features all this amazing multi-vendor e-commerce features on our website so to get that first of all click on appearance now here we have to click on add new to add a new theme and because this is a free theme you can just search for that theme over here so under search themes type in ocean wp you will get this option over here click on install button and once this theme is installed you will get another button activate button so once you see that button simply click on activate and this theme will be activated and as i said earlier when we just need one single theme over here oceanwp so right now we don't even need this 2017 theme so we can click on this right click on this or just click on this bottom right button delete button and we can delete this theme as well now whenever you install a new theme or a new plugin they will always recommend you you know you'll get these kind of notices they will recommend you a few more themes and plugins so you can simply dismiss this notice now again if you come back to your website and if you refresh it now as you can see your website looks completely different and this is because of this theme now let's get some free plugins so to get them simply click on plugins from the left hand side and to install new plugins again you will click on this add new button now first of all we need few plugins related to you know functionalities so under search plugins search for ocean wp so basically oceanwp theme developer have also created you know few free plugins which are really useful the most important one is this one ocean extra so make sure you install this thing and after that if you scroll down you have ocean product sharing and ocean social sharing now let me tell you what all these three plugins will do first of all if you try to create a new page right now if you click on pages and if you click on add new all right guys now as you can see over here you get this option now you can give this page any title but you don't get any option for example if you just give it a title of demo and if you publish this page and if you see this page in a new tab if you view this page this is how the default style looks like at the right hand side we have the sidebar we have this title section over here now if you if you want to remove this sidebar if you want to make this side by the left hand side or if you want to do some changes on this page right now you cannot do that because you don't have any such option over here under edit page but because we are now installing this plugin ocean extra this plugin will add so many different and useful options which you will see later on in this video when we start creating pages now the next plugin over here is ocean product sharing so if you install this plugin what happens is below every single product page every single product you will see share option like share this product on facebook and twitter similarly under ocean sharing you will get on every single blog post you will get social sharing options so pretty simple thing now what you have to do is you have to come over here and under this thing search for wcfm which stands for woocommerce front-end manager you'll see wc-fm front-end manager for woocommerce now there are three free plug-ins that we need uh first of all this is the one wc fm front-end manager for woocommerce second one is wcfm marketplace best multi-vendor marketplace for woocommerce third one is this one wcfm membership so our woocommerce membership for multi-vendor marketplace we need three these three plugins and once you successfully install these three plugins again under search plugins search for woocommerce plugin and install this plugin right now you don't have to activate any plugin because that will take a lot of time we can activate all the plugins at once and that will save us some time and once this woocommerce plugin is installed after that we need the elementor plugin the page builder using which we can design these different pages now to get this plugin you have to open a new tab and type in blog to dot com slash elementor now again this link is also given in the video description below so you doing you don't even have to type in this thing simply click on that link and you should be redirected to this page now this is also a free plugin so you don't have to worry about that but here obviously this plugin is also available in premium versions now if you have some extra budget i would highly recommend you to go with some premium version of elementor because you get so many amazing features for example you get 300 plus pre-made website templates like pre-made designs it's like 300 pre-made ready-made websites and professionally made the design and everything of those websites are really amazing you get theme builder which is very powerful there are other tutorials on my channel you can understand about these features so this is really amazing you get 90 plus premium widgets pop-up builder support for one year all these things so if you have some extra budget obviously you can go with this premium version but in this tutorial we'll be using the free version so to download the free version you will see this button over here get started button at top right corner if you see get started download whatever the button says you just have to click on this top right button then after that you will see this page or if you're doing this for the first time you will see a sign up page you just have to enter your email address and just select any password and you will be signed up or you will be registered just two simple things and after that you will see this space they will ask you whether you already have a website or not so we have to select this this option yes we do and after that they will have they will ask you to enter your website link so i'll copy my website link from here enter it here and click on check for wordpress now they will give you this button click to install simply click on this button now they will install the latest version the genuine version of elementor page builder for you and you will see this page here at the you know bottom right corner you'll see this install now button click on this button and once this plugin is installed we don't have to activate this thing again click on this option return to plugin installer we'll activate all the plugins at once we need one more plug-in uh type in pdf invoice and you will see this option woocommerce pdf invoices and packaging slips so install this plugin as well now once you have installed all these free plugins now you can click on this plugins option and here as you can see all the plugins are successfully installed we just need to activate them so to activate these plugins you simply have to tick marco here this will select all the given plugins under bulk action select activate and click on apply now all these plugins will be successfully activated and obviously as i said earlier whenever you install or activate new plugins you get many such notices just click on skip setup and you know cut all these notices that you get as you can see over here these notices i'll dismiss them dismiss this as well and i don't want these things as well now here this thing says woocommerce front end manager is inactive to activate this plugin you need woocommerce plugin now what is happening over here is if you click on plugins now this plugin as you can see first we need to activate the woocommerce plugin only after that these two plugins will be activated because these two are based on woocommerce so first we have to click on activate under woocommerce now once you activate the woocommerce plugin you will automatically get this setup this is for wc fm woocommerce front-end manager marketplace so this is for the multi-vendor setup now this is a quick setup all these settings will be doing later on in complete detail this is just a quick setup so just click on let's go now what all features do you want to enable or disable you can make it on or off now again i'm saying these things that are we are seeing right now these are just quick setups in later on in this video this is dashboard setup marketplace setup commission withdrawal all these steps will be seen in detail so for now you just click on continue now for this also marketplace you know all these things will see in detail for now just click on continue for withdrawal option for commission option we'll see them in detail later on for now just click on continue for all these options okay click on setup registration this will you know create a registration page for you for style also we'll design this thing later on click on continue and select this and click on continue again and this is now completed now you can clear click on this link return to wordpress dashboard and now as you can see this will give you these important notices so right on your dashboard you can see your net sales this month how many orders are pending all this important information now you'll see one more link over here first of all if you again see this notice simply dismiss this notice now don't dismiss this notice welcome to woocommerce we have to do this setup wizard first of all if you open pages in a new tab you will see that the setup that we just completed wcfm setup this setup has created three pages for you store manager vendor membership and vendor registration store manager if you remember if you click on view this is the dashboard page that this is the page that it has created for you so this is your store manager page then after that it has created two more pages vendor membership and vendor registration now again come back to your dashboard now we need to do one more setup one more quick setup for woocommerce and this will create few more pages for you like your checkout page your cart page those pages so click on this button run the setup wizard and you should see this option now for some reason if you don't see that button run the setup visit button you can do one thing you can simply type in this link in the url bar your website name slash wp hyphen admin slash admin dot php question mark page is equal to wc hyphen setup so if you type in this thing in your url bar you will see this setup over here click on yes please and again this is just a very quick setup all these woocommerce setting also will be seeing in complete detail later on in this video now you'll have to enter your address so address of your business or your office you know or your factory address and after that you have to select your country and state enter your city name enter your postal code and after that just click on continue now again click on continue now they will ask you in which industry does this store operate so what kind of products you will be you know creating on your product on your website so i'm selecting this option fashion apparel accessories and probably electronics and computers i'm selecting these two options not really important this is just for survey purpose so even if you select anything it doesn't matter you will get the same options later on now click on continue now you can what kind of products you will be creating uh make sure physical product is selected and we also will be creating downloadable digital products after that again click on continue now how many products do you plan to sell probably will be selling around 100 2 000 products and right now we are not selling anywhere else now when you select this option they will recommend you few extra plugins we don't need them so make sure you untick all these options and click on continue again now they will recommend you a few premium plugins or some free plugins we don't need them we already have the best free plugin oceanwp so select this option and click on this button continue with my active theme now they will recommend you one plugin a jetpack plugin which is very good plugin but in this website right now we don't need this plugin so i'll click on no thanks all right so this setup is now also 100 completed now we have you know a lot of things a lot of options are as you can see added if you click on marketplace you have so many options added for you you have all these important options now these are all just basic options okay so this is all this is just a basic setup this is just a basic multi-vendor setup we need some advanced features and advanced functionalities on our website so for that we need some premium plugins as well so to get that you have to open a new tab and type in blogdood.com wcfm obviously which stands for woocommerce front-end manager and you will be redirected to this website and again this link is also given in the video description below so you don't even have to type in this thing simply click on that link now there are six basic add-ons that you can use to make your website more powerful now if you have a very limited badge budget you can just use one uh add-on the ultimate add-on and you will be more than you'll have more than enough options to create your multivendor option but if you want a complete multi-vendor setup for it then you also need this delivery option so that you can have custom delivery you can create delivery person and they can do delivery for you then we also need group and staff this option will be used to create you know this will enable your sellers to create different group members then after that we need analytics so that we can see advanced analytics on our store or of our store and these two are not really important affiliate and product hub we won't be using these two so what you can do is you can click on uh woocommerce ultimate option and here as you can see you have two options if you want for lifetime if you want to use this plugin for lifetime you can buy this license for two websites for 200 or if you want to use or if you want to first try this thing and after that you if you want to go for lifetime you can select this option for two websites just for 49. so you can start your first multi-vendor website just for 49 you don't need all the other plugins or all the other add-ons for now you can if you want for basic setup you can just start with 49 so this is really amazing select this option click on buy now and this product will be added to your cart if you want some more you can again come back you again click on second add-on click on buy now that will be added in your cart then go to delivery click on buy now add it will add it in your cart analytics at it in your card and after that you'll see your cart icon over here click on that and here you'll see four options added then you can click on checkout and you can do the checkout or you can do one thing which i would recommend you to do is you can select this option over here up to two websites for one year and this will cost you 168 dollars but with this you will also get 15 percent discount so it will be around 150 and you will get all these add-ons for just 150 dollars for two websites so i would recommend you to select this option up to two websites for one year and just click on this buy now button and once you make the purchase click on my account now remember one thing over here when you click on buy now and when you try to make the payment uh if you're from some other country except for india if you're from uh any other country like usa uk germany or any other country you can make the payment through credit card debit card or you can also make the payment through paypal but if you're from india you have to select this option let me show you that option if you if i click on buy now now here as you can see on the checkout page uh you have three options paypal credit card or debit card stripe option and you have direct bank transfer so if you're from india you have to select direct banks transfer because for you paypal and credit card will not work you have to select direct bank transfer now when you select this thing you can click on place order order will be placed and they will send you bank details on your email address and you have to transfer them that amount and after that all the add-ons will be added and if you're from any other country except for india you can just select credit card debit card or paypal and you can make payment through this now if you're from india and if you're selecting direct bank transfer and if you're making them a transfer of this amount and if you click on place order make sure to send the order details on my email address real name gmail.com only in case of direct bank transfer if you're selecting some paypal or credit card don't need to do that but if you're selecting direct bank transfer send me your order details on my email address real name gmail.com i'll help you out all right so once you purchase this thing you have to click on my account now under my account click on api downloads and here you'll see all these options now four options you have to download first of all you have to download this one wp fm a which stands for wp fm analytics then after that we have to install the third one wc fm woocommerce front end manager d uh which stands for delivery so simply click on download this add-on will be downloaded like this for first also download two add-ons downloaded then after that we have this wcfm gs which stands for group and staff download this one as well and finally we need this this one which is the most important one wcfmu which stands for ultimate basically we'll be using these four add-ons in this website once you download all these four you can now come back to your website in your dashboard click on plugins now click on add new click on upload plugin choose file and choose the file that you have downloaded right now one by one so i'll go to downloads i have this thing over here i'll select the ultimate click on open click on install now once it is successfully installed you can click on activate plugin now as you can see here this will not be successfully activated to in order to successfully activate this thing you have to click on click here this link click here link and you have to enter your api license key and email address which will which you'll get over here if you click on api keys here as you can see you have your api key and also your api email address so this was ultimate so you can select this option copy your api key paste it under api license you can copy your email address come over here paste it under this thing and click on save changes and after that this will be successfully activated for you so again you have to click on plugins click on add new upload plugin upload the second file which is groups and staffs click on open click on install now click on activate plugin follow the same procedure you have to again this will not be successfully activated to activate this thing click on click here again go back to your website search for group staff which is this one gs copy this thing come over here paste it under api key copy your email address and paste it over here and click on save changes now for the third one again click on plugins click on add new and follow the same procedure upload plugin choose file select the third one click on open click on install now again click on activate and to successfully activate it click on click here and again come over here search for analytics which is the first one copy this thing paste it over here copy your email address and paste it under email click on save changes and finally just click on plugins again and the final add-on click on add new upload plugin choose file manage delivery click on install now activate plugin and again click on click here to finally activate it so come over here search for delivery which is this one wcfmd which is delivery copy paste it to your copy email address and paste it over here and click on save changes okay so once this is completed now you can come back to your dashboard all right now let's start doing all the very important settings first of all we'll start with woocommerce settings woocommerce are the most important and most basic settings related to your website related to your store so you will see this woocommerce option over here at the left hand side hover over that and click on settings now first of all you have to enter your store address so we had already entered this thing under the quick setup thing but if you have not entered the your store added so if you want to change this thing you can change it from here then to all to which all countries you will be selling to so make sure sell to all countries is not selected because obviously you will not be selling to all countries not really possible so you should be selecting this second option sell to or third option sell to specific countries and from the second option from this option sell to specific countries just select those countries where you will be selling to so in this example i'll be selling only in india so i'll select india over here then shipping location ship to all countries you sell to which is fine we also want to enable taxation and calculation i'll show you how to do these taxation settings and under currency you can select indian rupee you can select dollar whatever currency you want select that currency click on save changes now you can go to second tab which is products tab and we don't actually have to do anything over here but you can do one thing under weight unit instead of kilogram i am i want to select gram so i can select gram from here because kilogram is basically used for you know bulky products for selling products like mobile phones t-shirts gram is much better and i'll select centimeter obviously if you want you can select some other weight and dimension unit from here now click on save changes now select the tags tab and here you have to do one thing two tags classes are already created reduce rate and zero date now i want to do one thing if you want you can create more tax classes so now what you what you can do is for example if you're selling different types of products and those different types of products have different tax rates for example t-shirt have has 10 tax rate and maybe mobile phone has 12 percent and maybe leather products has you know 18 percent tax rate so you can create different tax classes which are based on different tax rates like let me show you if you want you can type gst 10 over here press enter to come to next line and type in gst 12. so we are creating two tax classes over here and after that click on save changes now once you create these two tax classes here as you can see at top we have two more option gst 10 and gst 12 rates now click on gst 10 rates obviously if in your country you say vat and you know if you do if it is not called gst you can type in vat10 vat12 it all depends on you now click on insert row under country code enter your country's code for india it is i n as you can see when i type i n i get this india option now leave state postal city everything just come to rate and type in 10 percentage under tax name we'll type in gst 10 priority will be one we don't want to tick mark compound and we also want to untick shipping now click on save changes now select the second option gst 12 rates and follow the same procedure insert row under country code i'll type i n you if you're from pakistan you'll type pk if you're from usa you'll type us you know those kind of country codes then after that just come to rate and type in 12 because this is gst 12 under gst tax name i'll type in gst 12 i'll untick shipping and click on save changes and this is how easy it is to do your taxation setting now let's come to shipping now shipping also will do one thing we'll click on add shipping zone and click on zone name so in this case i'll just type in zone name india and under zone regions i'll select india option over here click on save changes now you have to add a shipping method do one thing click on add shipping method and select this option store shipping this is the most advanced and most robust shipping option i'll explain you about these shipping later on when we do changes related to this store manager most of the important settings will be done from here under store manager these things that we are doing right now these are just basic settings so under shipping method select store shipping and click on add shipping method now what all type of shipping options do you want to give to your seller you can enable or disable them from here for example you have marketplace shipping by country if you want to enable this type of option which means that for different countries they can sellers can charge different shipping rates so you can actually enable or disable this thing because we are selling only in one country second option marketplace shipping by weight i think this is really important most of the sellers will be you know charging shipping cost based on the weight so make sure this is enabled so that seller can charge different shipping price for different products with different rates with different weight for example if the weight if the if the weight of mobile phone is 300 grams the shipping cost for that mobile phone will be different but if the person is also selling a refrigerator obviously the weight of refrigerator is way more than the weight of mobile phone so we can enable them to charge different prices different shipping cost for refugee and different shipping cost for mobile phones so make sure this is enabled then shipping distance shipping cost by distance also make sure this is enabled so that they can charge different shipping price or if the if the if they are shipping this product uh to a you know long distance a customer now click on payments now here you have to select all the type of payments that you want to accept on your store so whenever some customer come to your website if they want to purchase any product they click on add to cart they try to check out for example if they click on checkout what all payment options do you want to give them so cash on delivery paypal credit card option what all option do you want to give them you have to set those options over here so maybe if you want to give them option of cash on delivery just stigma cash on delivery if you want to give them option of paypal select paypal click on save changes now for paypal you have to set up paypal so to set up this paypal option click on manage and over here first of all make sure under paypal email your personal email your personal paypal email is present over here if your email address of paypal is different make sure you enter your paypal email address over here now scroll down now here these three things are required to enable paypal payment gateway username api username api password and api signature and to get this thing you have to go to paypal.com and login to your account now once you log into your paypal account you have to do one thing you have to enter this link in your url bar you have to type in paypal.com slash business manage slash credentials slash api access and a in access is capital as you can see on your screen just enter this link press enter make sure first you have logged in to your paypal account now you will see this screen scroll down and come to this option nvp slash soap api integration click on manage api credentials now as you can see this will show you your username password and your signature so under api username just click on show copy your username from here come back come back to your website under live api username paste in your username similarly click on show copy your password from here paste it under live api password and similarly click on show copy your signature paste it under live api signature obviously i'll have to hide these information from here okay so now as you can see i have successfully copied and pasted all three information now i can click on save changes and now we can now you can or i can receive payments through paypal click on payments again now i also want to enable credit card debit card payment on my website so for that we need to install a new plugin so click on plugins now click on add new plugin and in the search plugins search for stripe just type in stripe over here and we need this one woocommerce stripe payment gateway click on install now and after that just click on activate now once you activate this thing you have again have to come back to your website again have to click on woocommerce and hover over commerce and click on settings now again go to payments and now as you can see so many payment gateways are added for you we just want this simple one stripe credit card so enable this one click on save changes and besides this stripe thing you'll see this manage button click on that button and now under title i don't want this stripe so i'll type in credit slash debit card under title and this title will be shown over here as you can see this is the title credit card stripe i just want to say credit slash debit card i don't want to say this stripe over here all right now again we can come over here under description also i i don't want to say wire stripe i can delete wire stripe i i just want to type in pay with your credit slash debit card like this okay so this thing will be again shown over here as you can see pay with your credit card or your debit card now again you can just go ahead now to enable this thing first of all make sure you untick this thing enable test mode and make sure here it says live publishable key so to enable this thing we need live publishable key and live secret key these two things and to get them you have to go to dashboard.stripe.com obviously first of all make sure you have a stripe account now stripe is also available in india earlier it was not available in india now it is available in india so even if you're from india you can enable stripe and you can you know use stripe on your website now from the left hand side click on developers click on api key and here you will see your publishable key and your secret key copy your live publishable key come back to your website paste it under live publishable key copy your secret key live secret key and obviously simply paste it under live secret key now scroll down and simply click on save changes and these settings will be saved for you and with this our payment settings are also completed you can do one more thing if you want some if you're from india or if you're from some other country and if you have a you know specific uh payment gateway that you want to use for example if you're from india if you want to use razer pay which is a indian payment gateway or if you want to use maybe uh paytm or some other payment gateway on your store you can go to youtube and i have video on those as well like how to integrate razer pay how to integrate paytm and some other indian payment gateways with your website now click on accounts and privacy and here you just have to take mark these three things allow customers to log into an existing account during checkout so when the first person or when the customer is trying to check out if they have not already logged in they can log in from here okay then after that we have one more option allow customers to create an account during checkout so if the customer is doing a guest checkout they can in the checkout option they can simply enter the email address and they can create a new account allow customers to create an account on the my account page so on the my account page a person if the person is trying to go to the my account page and if they have not already registered they can they will get the registration link as well just tick mark these three things you will understand about these things later on now just go ahead and click on save changes and after that simply come to advanced and make sure under cart page cart is selected under checkout page checkout is selected and under my account page my account is selected if it is not just click on this and select the my account page and after that again click on save changes and with this all the basic settings related to your website related to your store are now completed now your website has everything that you it needs to create products and to accept payments from your customers okay so now let's do one thing let's start creating products because right now what we have done is we are done with all these settings but we have not yet started creating products so our website is now uh incomplete we don't have any products to showcase on our website so let's see how we can create products like this one now there are basically three types of products a simple product of variable product and a digital product we'll see all three and i'll explain you the difference between all three so first of all to create a new product there are different ways different several ways of creating a product and first of all as an admin you can create a product like this you can hover over products from the left hand side and click on add new and you can fill in this form and create your first product as you can see this is the thing you can enter your product name and everything and you can create your first product or you can do one thing you had this page created store manager page you can click on this view so you can come to your store manager page and you can also create a product from here so you can click on products and you can click on add new product and you can you have the same options with yours if you see the screen and everything is completely same so all the options price option inventory shipping tax if you scroll down as you can see inventory shipping tags all the options are same in both the screen so what i'll do is i'll show you how to do this from the front end from here from the store manager because this is how your sellers will also be able to create products you as an admin can create a product like this and your sellers will also create a product from store manager by creating on products and by cl clicking on this add new button now first let's create a very simple product so first of all under product type make sure simple is selected and let me open a simple product over here for demo purposes so that we can copy paste everything from here so this is the product title i'll copy the product title from here come back to my website and under product title paste in this title then you have the price which is 950 rupees or whatever the price is you can enter that price over here now you can scroll down and you have this short description so this thing that you see over here this is the product short description so i'll copy it from here and i'll paste it over here all right then we have the long description of the product which will be displayed at the bottom this is the product long description again i'll copy it paste it over here then when you scroll down you have some really important information first of all you have to enter your sku unit so this is stock keeping unit basically if you have like if you have a warehouse wherein you have placed all the different products you know that this product is placed over here in this rack number on this floor and all so you give them a particular code if you are doing that you can do it over here so for example this sku code for this is sc 1 0 this is not compulsory if you want you can just leave it blank and every single product will have a unique sku code sku unit so if this t-shirt is having sku of sc10 another t-shirt on the same website will not have the same sku every product will have unique sku all right then after that you can also do you want one thing you can also manage stock so for example if i have maybe hundred quantities of this t-shirt so i'll type in hundred now whenever this quantity reaches to a certain number uh let me show you that number if i if you again go back to your dashboard and if you hover over woocommerce and click on settings now go to products and if you click on inventory you can see this setting over here now as you can see whenever the product stock reaches 2 you will get a notification on your email address that your product is low on stock and whenever your product stock becomes zero you will get a notification on your email address that your product is out of stock i can do one thing i can i can make it five so whenever i have five products left five stocks left of the product i will get a notification that the product is low in stock and whenever i have only two left in stock i will get a notification that the product is almost out of stock so this is what this thing does right now we have 100 products in stock whenever a product is purchased from here this number will get you know keep on decreasing then after that you have shipping option here you have to enter the product weight so maybe this product is 250 grams length height weight dimension you can enter all this thing shipping class there is no shipping class over here but if you want you can select this option press processing time so maybe you can deliver this product in one or two days so you can select this option one or two days then after that you have the tax station option you can click on tax session and probably this suppose this product is tax 10 percent so i can select gst 10 attributes and all we can just leave them as it is all right i don't want to do anything over here and then after that you can come over here attributes are important when we are creating variable product which we'll be creating after this simple product now we can give some image so this is the product image and these two are the gallery images now there is a link given in the video description below if you click on that link you will be redirected to my website blogdude.com and here as you can see for every single tutorial i create these blog posts and if you click on that link you will reach on one of these type of blog posts and you will see a link at the bottom download free images you will click on this download button and a new zip file will be downloaded now let me show you what happens that when you unzip that file for example when you right click on that and click on extract files you will get two folders media and pages under media you will see all the media file that i have used to create this website for free so whatever images i have used to create this website all the product images and everything i am giving everything for free so just click on that link and i'm also giving these pages files page templates for you so if you click on that link you can download the images and you can upload those images over here so under products let me select that simple black t-shirt which is over here i think not it's not black so whatever just select these images click on open now this is the main product image so i'll select this one and click on select now for gallery images i'll select this image all right and now we can create a new category so click on add new category for this i want to create a category of t-shirt i'll click on add new now let's do one thing let's click on submit and this product will be submitted as you can see product a product is successfully published over here now if i view this product if i click on this i i can this is how the product will look like on your website we will be doing some styling changes later on now let me do one thing let me actually sign up as a seller on this website and let me show you actually i should have signed up as a seller and then shown you how to how a seller can create this product but no worries we can do one thing i can open this website first let me copy this website link we can open this website in a new incognito window like this now in this incognito window i'll show you uh i'll show you how seller will see everything so if you see this gray color bar you should you know that this is related to seller and if you see this screen this normal screen this is related to admin now let me get that page url for the vendor memberships i'll click on view not vendor membership we want vendor registration so i'll copy this link open this in this incognito window now this is i'm showing how a vendor will come to your website and they will register so a seller will have to first enter their email address they can select the store name and their store name will show something like this your website name slash store slash the name of the store so maybe i'm selecting walmart now this will check whether this thing is available or not so as you can see it says this thing is available and you can see how this is how your store url will look like now later on in this video i'll show you if you don't want this slash store in between instead of store if you want something else you can change that thing as well now this vendor will select some password and actually we have to select strong password type in the same password in the second option and now they can simply click on register and they will be registered as seller now as you can see when i register i'm uh i will see this setup seller will always see this quick setup so that this will help them to set up their store quickly they will click on let's go now they can upload some uh store logo banner and everything they can enter the address of this store and everything again this is just a quick setup we'll see this thing in detail later on so for now i'll just click on continue now store payment how they want to receive payment again this is quick setup will see these details in these things in detail for now i'll just click on continue seo again click on continue social now it's ready so they can click on let's go to the dashboard now if you notice one thing when the seller signed up on this website uh they did not have to register or they did not have to verify the email address so all these things can be changed like if you want to the seller to be first they have to register their email offers they have to verify their email address only then they can log in so you can do those settings as well we'll see those settings later on under capabilities you will see this option over here capability seller capability we can control that thing over here now what i want to do is i want to set this product i want to link this product to this seller so i'll go to store and store name was walmart i guess yeah here it is i'll i'll link this thing to this store now if this seller comes over here click on uh just refresh this page now click on products now this seller will see this product over here now you can understand the process is almost same in fact exactly same if they click on add new as you can see the options everything are completely same so in this example now let's see how a variable product is created now click on add new and i'll select variable from here okay instead of simple we have to select variable product now what is a variable product first of all uh if you see let me show you a variable product if you go back to shop if you scroll down and let's see this product red t-shirt so as you can see this is a variable product when you have a same product but it is available in different variations for example same t-shirt but it is available in medium size and also in large size or same t-shirt available in different colors so if i select black color medium the image will change if i select red color medium obviously these two are different t-shirts but you get the idea so small and the price will also change as you can see red small price is 1400 rupees if i select black small price is 1100 if i select black medium prices price is 1200 so we have the same t-shirt available in different sizes and different colors so that is what store uh that is what you know product variation is so to create this product again we'll come back to seller accounts so we'll come to this incognito window and let me actually do one thing let me just open this product let me give it a title under video under product title we'll give it a title of cotton t-shirt now product short description long description we have already seen this thing this is the short description i'll copy it from here paste it over here then product long description this is the product long description so we'll paste it over here now at the right hand side we have the product image just upload any image from here so i'll upload few images from here let me select this red t-shirt and this black t-shirt all right click on open now for the main image i just want to set this to this red image click on select now we can scroll down and here as you can see we have this t-shirt category now as you can see this seller is getting this option add new category they can add a new category right now now you can do one thing you can disable the seller to add a new category so you can do one thing again this thing will come under capability so we'll see this capability later on but i just i'm just trying to explain you this thing right now store vendors capability your everything by default is on and if you see over here under section here as you can see under section category if you make it off seller will not be able to add their own categories whatever category you as an admin of the website have created they will have to select only and they'll have to select categories only amongst those so that is how that thing works now they will have to enter some sku so let's enter that thing shipping detail maybe 250 grams some height width and this will be ready to ship in one to two business days tax class you have to select this thing now we have this attribute and variation option and these two are the most important option first we have to add a new attribute so we'll click on add new now let me actually do one thing let me just draft this thing for now and let me show you a very simple and a free plugin that will enable you to show uh these things like this now if you don't use the plugin that i'm going to show you right now you won't see these beautiful things over here this color tab so the exact color is showing over here normally what happens is you will have a drop down you will click on that you will have red blue written over here so just text but here we are showing the exact color we are showing these buttons so this is more better so to do this thing you can download a free plugin hover over plugins click on add new now under search plugin you have to search for variation swatches type in variation swatches under search plugins and you will see this first option variation swatches for woocommerce by imran ahmed download or install this plugin once this plugin is installed click on activate now you as an admin you can create preset variation and your sellers will have to select from those variations and i think this is much better much controlled version so you can do one thing to create variation you can hover over products and click on attributes now what all attributes do you want to create so i want to create two attributes uh color and size you can create some more for example if you're creating a website for mobile phones you can create memory so gb or 8 or 32 gb or 120 gb then you can have some something more like ram 4gb 8gb you can create those kind of attributes or if you have uh t-shirts you can in t-shirts also you can have one more you can have garment so cotton or what kind of garment is used now when i create these things you will get a better idea how that is done first attribute that i want to create is color so under name i'll type in color under type i'll select color and click on add attribute so now this color attribute is added another attribute that i want to create is size so i'll just give name of size another type i'll select button and click on add attribute so these two attributes are created now if you are creating for memory you will just type in memory under type you will select button and click on add attribute now to create different terms over here under color click on this option configure terms and here add all the colors that you want so for example we can add red color under color select red click on add new color then maybe we can add black color under color select the black color and click on add new then maybe yellow color so select all these colors and select that exact color maybe one more green now the user or the seller will have to you know select only whatever we have created they have to select only from these options okay now again let's go back to attributes now let's create sizes click on configure terms uh first will be small click on add new size then we have medium again click on add new size and we have large then you have extra large then xxl you can create all those things i'm just creating only three again if you come back to your seller account and if you refresh this page we had drafted this thing now if i scroll down if i go to attribute now as you can see we already have these options so we the seller now don't have to create any attributes they have the preset attribute so maybe for them if this t-shirt is available in multiple colors they can tick mark colors and from here they can select all the colors it is available in so maybe it is available in black and red color so they'll select these two options make sure these two things are tick mark visible on product page and used as variation and now maybe this product or this t-shirt is also available in multiple sizes so they can tick mark this thing size and from here they can select all the sizes it is available in so maybe it is available in small and large size after that they can go to variation and now they can select this option variation bulk option they can click on create variation from all attributes or they can do one thing they can select black they can select large and they can click on add new this variation will be added or to save some time they can simply click on create variation from all attributes click on ok and all the attributes will be created variation for all the attributes will be created like as you can see here large black small black large red small red okay now we can click on this option large black for this i don't want to display this red a t-shirt image i want to display this black t-shirt image and for this price will be maybe 1500 rupees okay then small black again i don't want to display this image i want to display this image black image and price will be maybe 20 uh 1200 rupees then for large red i want to display this red image and the price will be 1600 and small red price will be 1300 all right then we don't have any important settings now we can just now click on submit and now as you can see this product is successfully published and if you if you click on this view you can see this product on your website and this is how this thing looks like now as you can see when i select black black image shows when i select red red image shows and the price at the bottom also changes accordingly i'm selecting red small 1300 if i select black small now as you can see 1200 so this is how this thing works now you should do one thing as you can see the seller just submitted the product and it automatically got published on the website i would recommend you to come back to your uh admin account and under capability make this thing off add product or just publish product you'll see this publish product make it off okay now click on submit or click on save now what will happen is whenever they create a new product they will not be able to directly publish that product on the website they will have to you know you as an admin will check that product if it if it is fine if everything is good then you can publish that product let me show you we have one more product type needed to be created that is the digital product i'll show you in this example so click on products we have created two products simple and variable now click on add new to create a digital product so it's digital product comes under simple products so make sure simple is selected and if it is a downloadable thing for example if you're selling a pdf or an mp3 file that is something to be downloaded so you can tick mark this thing downloadable now under product title maybe it's a book so i'll type in book name and you can just type in pdf now you can enter the price maybe price is 150 rupees and you can enter sub product short and long description over here now under category i can click on add new category and i can give it a category of book and click on add new now for this image i'll upload some image from here i've already given you all the images let me see let me select this book image and click on select scroll down now here as you can see we have this option now whenever you're creating a downloadable product or a digital product always make sure under inventory sold individually selected why because if you see all the regular products you can increase or decrease the quantity but if it is a digital product increasing or decreasing the quantity doesn't make any sense because if you purchase 10 products 10 pdfs or one pdfs is this just the same thing you can copy one pdf on your computer for 10 times or unlimited times so that's why we you know remove this quantity thing by clicking on this option sold individually now go to downloadable name the file book name you will enter the book name over here and you will upload the file so whenever someone makes the purchase whenever someone makes the payment whenever and when they click on download this is the file that will get downloaded that you have just selected over here now shipping everything not needed just click on submit for review now as you can see instead of submit this button now says submit for review because we have changed the capability now this product is not published as you can see here it says pending now you as the admin or the owner of your website you have to go over here you have to click on all products under this thing and here as you can see this is still pending and this is by walmart or you can do this thing from the store manager as well click on products and here as you can see it is pending if you want to publish this thing you can click on this button okay this mark i can publish and this will be published so before publishing it is better to click on this pencil button and first check all the details like this if you find everything you can publish it from here now if the seller sees if the seller will refresh this page instead of pending it will now say published as you can see so this is also very important i would recommend you to make publish off in capability so that only this seller only the owner or the admin of the website can publish the product all right all right so till now we have what all we have completed let's very quickly summarize that we have seen how to uh do all the woocommerce settings so basically we have the basic settings completed related to an e-commerce website then we have also seen how a seller or how an admin can create different type of products that is also completed now what i want to show you is now from here onwards we will see everything related to multi-vendor how the seller will create different things for example how the seller will create shipping rates for different purposes how the seller will do or how a seller will create a delivery person account and how that delivery person will do all the other things and we will see settings related to multi vendor on the admin side so admin has so many settings so here if they if the admin clicks on settings as you can see admin has so many settings they can set the commission rate they can set withdrawal option they can set payment option what all payment option they want to give they can control all these settings from here so from this point onwards in this video we'll see everything related to multivendor all the settings related to multivendor and how seller will do certain things on this website and once that is completed we will start designing the website at the end of the video again as i said earlier this video is obviously going to be pretty lengthy i don't know how lengthy it will be i'm just recording it right now but uh that is the reason why i have given you all the time stamps in the video description below you can jump to some different sections if you want now what i would recommend you to do is you don't watch obviously for most of you guys i totally understand watching a complete three four hours video is not possible in a single day so you can watch a certain section one day then you can you know watch another section another day now you can do it like that i guess now as you can see the page that you see on the screen right now i'm logged in as the admin or the owner of the website so let's see some important settings related to multi vendor settings so you will see this option over here when you scroll down you will see the settings option click on that now first of all you can set your logo you can upload your logo if you have any logo for your website you can upload that logo over here and that logo will show if you follow my cursor here at the top left corner so i can do one thing i can simply upload my logo from here i have already uploaded one image or if you have not uploaded that image you can get that from here so i'll just upload that simple walmart logo from here now once you select this thing just click on select now you can change this thing store label so here as you can see right now it says my store so here also it will say my store now this basically means if i open you'll understand this thing better if i open the seller account so in this incognito window i have opened the seller account so this seller will see my store and when any seller clicks on my store they will see their store page right now they cannot see that because we have not done this setting but when a seller clicks on this my store they will be redirected to their store page all right so here you if you want you can give some other title if you want now for this thing i would not recommend you to do any changes just let it be however it is now after that you can just go ahead at the bottom and click on save these settings will be changed then after that we have the modules option now under modules you have all the different features that are available on your website if you want you can enable or disable certain options right now the membership option is disabled i want to enable this as well rest all the options are enabled if you want to use this ship station which is a third party website for you know managing your shipments you can enable this option as well basically for now i would recommend you to just enable all the modules or make all these settings on and after that once you find that you don't need any particular setting from your later on you can just go ahead and disable this module then we have the marketplace settings so if you click on this first of all this thing uh product approval we want to make this thing on and i have already shown you how to do that thing you cannot do it from here as you can see it says you have to do that from capability settings so we have seen that under capability we have made that thing off which means that someone whenever a seller uploads or creates a product that will not be automatically published on the website that product will come to the admin the admin will go through the product and the admin has the you know capability to publish that product so that is on later on we'll see in detail this capability setting after we do these settings now this is the store base url so i have already explained you this thing whenever seller creates a store the link will be something like this your website name slash this text whatever you put in over here so right now we have entered store so it will be your website name slash store slash the store name or the seller name so this is how this thing works and this we have enabled this thing over here but what i want to do is uh this is basically the you know template or that you want to display for example let me show you if i open the shop page over here now we have created few products from these seller points so if you open any product so this product was created by the seller so this is how the seller product will look like or the seller template will look like if you want you can change this template instead of this advance you can enter simple and then it will look something like this or you can enter as tab then if you enter as tab this thing will come under this tab section all right i don't want to do this thing i think this advanced template looks better so i'll just keep it at advance you can also change the position where you want to show this template so this is uh below add to cart so as you can see this is add to cart and below this add to cart template this thing is displayed so if you want you can change this thing as well now i don't think you should be doing all the other settings just go ahead at the bottom and click on save again and once this setting is saved again you can come back and now let's go to next setting which is jio location now under geolocation again i would not recommend you to do any changes just let it be however it is don't change this thing open street map let it be hover it however it is or whatever settings are preset just let it be that way then after that you have the order settings so you can enable this thing and i would recommend you to enable this option order sync now if you don't enable this option what happens is for example if a seller gets an order the seller has shipped that order of that shell or that seller has completed that order now if the seller changes the status of the order to complete it in the admin panel it will still show processing so what i want to do is i want to sync this order status so make sure you enable this thing and after that again you can just go ahead at the bottom and save these settings then we have commission setting which is very important setting now this is the default commission setting for vendor commission for vendor so we are giving 90 percent this is as you can see percentage we are giving 90 to vendor and we are keeping 10 percent for the website owner or the website administrator so this vendor for example has created this product for almost 1000 rupees now if a customer comes to your website and if they purchase this product the vendor or the seller will get 90 that is approximately 900 rupees and you because you're the admin of the website owner of the website you will get 10 that is approximately 100 rupees and obviously if you want you can change this commission mode as well so for example if i want to charge fixed price i can do that thing as well and i can type in for example 100 rupees so this is not at all recommended but i'm just you know explaining with this thing now what will happen is whatever the price of the product is the vendor will be charged 100 rupees as commission so this is not recommended because if the price is below 100 rupees still the vendor will be charged 100 rupees as commission for example if the price of this t-shirt is just 50 rupees but if a customer purchases this product vendor will be charged hundred rupees which is double the price of the product itself so obviously we don't want this thing then we have some more option like percentage plus fixed commission so you can select admin then admin will get 10 percent plus some rupees for example 50 rupees again not at all recommended so then we have buy product price so you can use this product price or vendor sale thing product price can be useful so if the product is up to product cost is up two thousand rupees then you will charge probably ninety percent or vendor will get ninety percent as you can see over here and if the product price increases you can click on plus and you can you know add another thing over here so if the product price is up to 5000 rupees vendor will get maybe 92 percentage and we will get eight percentage so if you want you can do something like this as well now i would recommend you to just keep it very simple and uh select percentage and for vendor we want ninety percent for vendor and ten percent for the store administrator or owner then after that again you can just go ahead and click on save to save these settings then again let's go let's see the next setting which is related to withdrawal setting so how a vendor will for example a vendor has made 10 sales of this t-shirt and they have they now have around 9 000 rupees in their account and they want to withdraw that money into their bank accounts so how can they do that do you want to manual withdrawal periodic withdrawal or by order status so under manual withdrawal what happens is you set a limit for example minimum withdrawal limit and here you can set like thousand rupees so when a seller has thousand rupees in their account in their seller account they can request for withdrawal and you can also set a threshold in days for example i if i type in seven days over here so when a vendor gets thousand rupees in their account after seven days they can send a request for withdrawal so that is what it means now withdrawal threshold is very important because if you don't set any threshold if a seller returns the if a customer returns the product to the seller still you will have to pay the commission so i would always recommend you to select some date over here that will go you know beyond your refund date so if you have selecting seven days as a refund for the product i would recommend you to select over here eight days so that the refund period is expired so now because we have set manual withdrawal over here whenever seller has thousand rupees in their bank account or in their seller account and once they have completed eight days of threshold now they can request for withdrawal and you can accept that and that thing this amount will automatically be transferred or credited into sellers account another option is periodic withdrawal so you can set like every 30 days so every first date of month so as you can see every 30 days every month first so on every month for on the first date of every single month withdrawal will automatically take place if the seller has this much amount in their bank account or in the seller account so suppose if a seller has around 3 000 rupees in their seller account every single month on the first date this thing will be automatically withdrawn and it will be credited in their bank account now if the seller does not has uh does not have more than thousand rupees or at least thousand rupees then this month will pass and this thing will continue in the next month so in the next month if the seller reaches 1000 rupees in the seller account that thing will be withdrawn or again if this month in the next month also the seller has not been able to reach this thousand rupees uh mark then this thing will continue for the next one so that is how this thing works then we have some more option we have by order status so whenever the status of the order changes to completed this thing will be automatically withdrawal now i would not recommend you these settings i would recommend you just manual withdrawal this is the best option so when the order status becomes completed which means the order is completed and when the seller has at least thousand rupees in the seller account and when they have completed eight days minimum of eight days then they can request for withdrawal so this is the setting that i would recommend you to do now after that we have reverse withdrawal now reverse withdrawal is in the case of cash on delivery i would i would not go in detail over here this will this might confuse you so i would recommend you to just uh select this thing or if you want to learn about this thing you can click on this link tutorial link and you will see this pop-up you can learn about this reverse withdrawal all right now i can just go ahead and click on save to save these settings now let's see what we have next then we have the payment settings so whenever seller is asking or you know requesting for withdrawal how do you want to pay them if you want you can just select bank transfer so they will send you their bank details and you can transfer this amount to them you can also select paypal or you can also select stripe so let's select these three options paypal stripe and bank transfer now to enable paypal you need paypal client id and secret id now remember one thing to enable paypal you must have business account paypal business account only then you can get this client id and client secret and only then this thing will take uh will take place automatically which means that whenever seller requests you for withdrawal and once you approve that withdrawal that amount will be automatically transferred you just have to click on approve and that amount will be automatically transferred to sellers paypal account so to achieve this thing you must have first paypal business account now if you have paypal business account you can now go to this link paypal dot developer.paypal.com slash developer slash applications so make sure you go to this link now click on login to dashboard and again i'm saying you must have paypal business account so i do have that so i'll log in from that account and click on login now once you log in you have to create a new app for this thing so you have to click on live make sure you're not under sandbox click on live and click on create app now you can name your app anything you want so i'll just name it we are creating woocommerce front end manager so i'll name it wcfm2 click on create app now this will give you all this option this will show you your client id and also your client secret copy your client id from here go back to your website paste it under client id then copy your client secret and come over here paste it under paypal client secret now one more thing you must have this thing enable account eligibility so to see this thing you have to click on this link account eligibility or if you don't see that thing you can just come to this link after you copy paste those links come to this link developer.paypal.com developer slash account status now here you have to first of all as you can see you must have business account only then you can go live with these processes then after that you have to enable payouts so by by default it can be enabled you just have to click on this enable button click on contact us you have to contact paypal tell them about your business uh tell them about your you know your e-commerce website and they will enable that for you so make sure you have this thing enabled then after that we have the next option which is your stripe client id now to get your stripe client id first of all we we can we already know we already have we already have seen how to get this stripe publish key and secretly again you can go to dashboard.stripe.com and here you can follow the same procedure which we have already seen you can click on developers click on api key copy your you know live publishable key paste it under publish key copy your live secret key and again simply paste it under live secret key now you need one more thing stripe client id and to get this thing again you can click on this tutorial button because this thing will take a lot of time i don't want to include in this thing you can go ahead and read about this as you can see we have seen paypal thing then after that we have stripe so to get account to set up your account you can you have this secret key and publishable key now you must connect your marketplace to get the client id so you can follow from here and you can enter once you get your link you can enter that link over here all right so for most of you guys i would recommend you to just enable paypal and enable bank transfer these are the most important thing and again i'm saying these payment settings are only related to withdrawal settings so whenever seller request you for withdrawal this is only related to that most of the time bank transfer is more than enough they will provide you their bank transfer you can just you know transfer it from your bank account this is the best option or the second best option can be paypal i'm just showing you that you can also enable stripe and some more options now you can scroll down and you can simply save these settings as well now again let's go up and let's see the next setting so the next setting over here is related to shipping now here you don't have to set any shipping cost because shipping cost will be totally different depending on seller seller can set their own shipping cost what you have to do is you have to just make sure that these things are enabled shipping by zone this is tick mark shipping by country this thing is tick mark and store shipping these three things are tick mark now after we do these settings i'll show you on the seller dashboard how a seller will set different shipping rates then refund settings you just have to make sure that this is enable refund by customer so that customer can request for refund and you can set a threshold over here so you can set a threshold of probably seven days so if you remember again if you come back to your withdrawal setting here we have set the date of eight days so because uh the refund date expires in seven days so after eight days the customer or the seller can request for withdrawal so this is how this thing works and after seven days if a customer has purchased a product after seven days they cannot request for withdrawal so if you want obviously you can change this date if you want now we can again go ahead and just click on save this setting is also saved then we have review settings and here i don't think we have anything over here you can just you can enable this thing review or auto approve so that whenever customer sends any review for any store it is automatically approved then we have vendor registration now here we have some important things if you remember when i register when i showed you just a few moments ago in this video when i showed you how to register as a seller we just entered our email address and after that we were automatically logged into the dashboard now that was that is because these things were disabled require approval approval was disabled if you enable this approval what happens is whenever a vendor enters this for example if a person comes to your website they click on vendor registration they enter all the details over here they enter the email address and store name now they will not be automatically logged in if you enable this required thing now once this thing is tick mark what happens is this person will create an account but we have to verify this account so how you will do that you have to go to your dashboard now once this thing is tick mark what happens is this person will not be automatically logged in first you as the admin of the website will have to verify this account and only after that this thing will take place so what how you can do is you can see this option over here store vendors you can open this in a new tab here you'll see the details about the vendor and here as you can see we have one vendor over here which is verified active vendor now whenever new vendor registers you have to click on this link pending store vendor and in this list you will see all the store vendor that are pending now you can if there is any vendor for example you can tick mark on that and you can select this option you can approve them okay or you can just click on them and you can approve that vendor so you can do that from here so in this case also as you can see this vendor is approved if you want to unapprove this vendor you simply click on this button offline vendor store and this windows store will be suspended similarly when a new under register you will have a similar button just have to click on that button and that vendor will be registered that vendor will be approved then we have a next setting email verification email was also not verified we did not get any code on our email address then we have to enter that verification code over here then this thing will take place so that thing was also not present so if you enable this thing email verification you will get a screen like this whenever a person enters the email address they will get a verification code they will have to enter that verification code and only after that they can register so this is also very important make sure this thing is also enabled then after that you have some form fields over here if you see this list this is a very simple registration form you just need the email address and store name but if you want to add some more form fields for example if you want to add first name last name username all these things you can just click on this and it will be enabled now when a vendor comes in on this page on the registration page they will have to also enter the first name last name all those are information that you have enabled from here you can also create custom fields if you want okay all right so this is how this thing works again you can just go ahead and save this settings then we have a store style so here you just can change the color for example instead of this color you can if you want some other color you can click on this or instead of this background color if you want some other color you can click on this and you can change this color from here not recommended for that for dashboard style also it is the same thing i would not recommend you to change this thing then we have dashboard pages again you just have to make sure under dashboard store manager page is selected which is selected oh yeah if it is not selected you just come over here and search for store manager you'll see this store manager option similarly for membership make sure vendor membership is selected and for registration vendor registration page is selected again after that you can go ahead and save this page then let's see what we have next after that we have our menu manager so if you want you can manage your menus so here as you can see we have if you see this is the left menu that you see first we have home that is compulsory then after that you have media articles products orders so you can see these option media articles product orders if you want to disable any option for the seller for example if you disable this thing this seller if i open this seller account the seller will not see the article if you disable it from here okay like this or you can do one more thing you can you know rearrange them for example if you want products to come at top you can just bring this product at top like this all right now as you can see the product will come at top so you can do these things as well again i'll simply save this thing now if i go to seller account and if i refresh it the product will be at top just below home now as you can see just below home you have now products option so you can control your menu you can hide or you can enable or disable some options from here now for chat box also i i'm try i am not doing these settings so here because you can simply click on tutorial read about all these steps and you can create the chat box what i am planning to do is i am planning to cover only the basics in this video and for some extra things like this chat box and some other things if it is left i'll create another short video on my tutorial so that would be much better all right then we have notification manager so whenever something happens do you want to send notification to admin and to store uh to store or the seller for example whenever someone sends you a direct message do you as an admin want to receive notification on your email address and do you also want the seller to receive an notification for that similarly whenever a new product is created by the seller do you want to receive a notification every single time like a seller has created a new project product you will get notification on your email address whenever seller creates a new category again you will receive a notification that a seller has created a new product or a new category so if you want you can enable or disable any notifications from here then we have email settings you just have to make sure that under your email address you know this your personal email address is present over here and under from name you can change this thing you can enter your company name over here then we have inquiry settings make sure this thing is enabled uh you can also require login for inquiry and you can select where do you want to display this thing now by default it is displayed below add to cart button again if you see this store or if you see the shop page if you see any particular product here as you can see this is the inquiry button ask a question and this position is below add to cart so basically it is at the bottom if you want to add some more options for example when someone clicks on this ask a question they just have one option over here your inquiry if you want to add some more option for example your phone number your email address you can do that thing as well you can enable this thing and like i can you can ask for phone number you can ask for you know email address anything like that i'll just keep it text and i'll give it a label of your name so i just want to get their name and you can make it require so they have to fill in their name only then they can send the inquiry now if i save this thing come over here refresh this page and now if i click on ask a question now as you can see they will also have to enter their name so you can enable this thing if you want then we have product type categories so i would not recommend you to do any changes so here similarly for category wise attributes also don't do anything over here then we have product custom fields now here what you can do is whenever if i'm missing something or if you don't understand anything that i'm explaining you can always click on this blue tutorial button and you can learn more about these things if you want all right for example here as you can see they have explained this custom fields thing now what is this custom fields so if you see this page your product page your single product page you'll see your products your you know your t-shirts title your products price short description all these things if you want you can some you can add some extra content in auto so that that is where this thing is uh you know important custom field so you can enable this thing and you can give it any name for example what can be a custom thing over here maybe let's add some title custom title okay so i'll just give it a title of custom title and you can you can choose what products do you want to exclude so i don't want to exclude any product i don't i want to show this everywhere and visibility why do we want to show after product title after product price after product summary so let's select after product summary and what do you want to display you can click on fields and you can display some text you can display you know some files some htmls check box time timer date picker you can display anything for example let's keep it very simple let's display some text so under label i'll just type in title you can give it any name so i'll type in name over here and under help content you can just leave it blank and you can just go ahead and click on save now if you go to your product page if i refresh this thing and now as you can see when i refresh this thing you can see this thing over here at the bottom custom title so this is where this thing will display now whenever a person creates a new product they can also enter some text over here let me show you if i edit this product if i click on this pencil button to edit this product if i click on this pencil button to edit this product now when you scroll down you will see this option or your custom title now you can add some title over here this is a demo title i'm just typing something and after that if i click on submit this is published if i again come over here if i see this product if i click on this view now if i scroll down as you can see custom title this is just a demo title so you can add some extra content if you want uh not really important but you know it depends if you have some use case for this you can enable this thing i i'm not going to do that i'll simply disable this thing and i'll click on save changes but you get the idea about how you can use this thing then we have product custom validation so this is basically a setting where if you want you can if you for example if you if you enable this thing price now whenever a seller tries to create a product if they don't enter the price the product will not be published okay similarly if they don't enter the featured image the product will not be published if they don't enter the product wait the product will not be published so they have to enter this thing okay if you want you can enable again this thing and click on save then we have a delivery option well i would not recommend you to do any changes over here we'll see delivery settings when we see after after we complete these settings we are going to see seller related sync things and here we'll see delivery options so for now you can just leave this thing then we have store policies this is again different for every single seller if i again show you the seller account here also we have the store policies if i click on settings if i scroll down here also we have store policies here as you can see so i'll show you next time after we complete these settings when i when we go to seller things we'll see this thing similarly for store hours and here you can see this setting this is important settings store badges i have explained you this thing in the demo website if i show you this thing you can create different batches and different awards for your sellers and that will display like this here as you can see for every single seller besides the seller name you can display these badges for example when they complete 100 plus sales uh they will get this badge when they when they reach a particular level they will receive this badge crown level seller and so on so i have again again i'm saying there is a link given in the video description below if you click on that link you can download a file and in that file you will get this media folder and here you can get all the images for free you also have these badges images now where can you get these are all the badges that i've given you if you want to download few more badges there is a website that you can go to i can find her so as you can see i have downloaded these from this website i can find a dot-com so you can go to this website and you can just search for achievement badges you will get hundreds of thousands of different patches whatever you like you can simply right click on this and click on save image as and you can use this over here now to create a new badge it's pretty simple first of all make sure you click on store badges and you can enable this thing now upload a badge i icon let me go to this folder and you must have this this file should be png file make sure this batch file is png and not jpg or jpg file so make sure it is png if you if you click on this thing you can see it this is a png file as you can see over here dot png so i'll select this image and click on set and i'll name this badge as again crown level seller now you can click on save or if you want to click oh if you want to create more just click on this plus button enable this thing and add another badge i'll just type in 100 plus sales so whenever seller reaches this thing you can assign them these badges for example first let's complete this setting and after that i'll show you how to assign these badges now we have store verification if you want you can enable this thing so whenever a person signs up on your website as a seller if they want to get verified they have to enter they have to submit all the details like their national id card so instead of national id card if you want to type for example aadhar card over here you can type in that thing or if if in your country if you have some other type of idea id proof you can just type in that name and you can enter all this detail so after that what happens is the seller will have to submit these details or these uh information to you so that they can get verified then we have group staffs again we'll see this thing group groups and stops later on when we see the seller settings analytics region this is also this should be selected world or if you want for only for a particular country analytics related to only particular country you can select that country if you want now we let's go to two more settings are left capability i think we have seen capability but again let's see if you click on capability you can enable or disable a seller to do certain things for example you can click on store vendor which is your seller we have disabled them to publish the product so they cannot publish the product we as an admin only can publish the product if you want you can disable this thing they cannot create any affiliate product or external product similarly they cannot maybe all right maybe yeah you can also set some limit over your space limit they don't have unlimited space they get only probably 100 mb space okay i think it is under mb yeah this is mb so if you type 100 it it will be mb for article limit they cannot create probably any article or if you if you want them to enable to create post you can type they can create maybe five post how many products they can create maybe they can create only 10 products or 20 products so you can limit all these things over here so you can control everything from your how many stops they can create maybe only two stops or five stops then you can click on save to save these settings now the next thing that we have to do settings related to membership now again i think membership i was planning to create again another video on membership but let me just include this in this video so first before you create memberships you have to create different groups and how this thing will be useful first of all let me show you where this thing will show this thing will display under vendor membership so as you can see over here so you can create different membership plans which i don't recommend i think the vendor commission is the best option but if you want you can create different membership plans as well so under membership plan what happens is if a person purchases this bronze plan for example they can create 20 20 products but they cannot set any featured image they will not get any store badges they will not get any custom url they will not get you know uh anything like this and their space limit will be 100 mb if they go for gold plan they can create 100 products or they they can set 10 products as featured products they can get up to 10 badges you know these kind of things also uh the commission can be changed for example if a person is going with bronze plan they will get 90 commission but if a person is going with gold plan they can get 95 percent commission which means that they will receive 95 percent of the cost and only five percent will go as a commission to the website owner so you can create these type of plans if you want these type of membership plans so to create these plans first we have to create groups so as you can see this is bronze group this is silver group and this is gold group so to create this group you can again come back over here make sure you click on groups and click on add new to add a new group now let's create our first group let's name it bronze group then after that you can type in some description which will show let me bring this thing over here which will show like this so i'm copying this description paste it over here you can also add some thumbnail which is not really important but you can do that so let me upload some thumbnail from here maybe let's select this image click on open click on select and after that you can select what all things you want to enable or disable from here so group store now here if you want to automatically assign this thing assign this group or assign this package to any vendor you can select it from here now what all capabilities they will get so here as you can see they you can control everything manually from here so in this example the vendor the person who gets the bronze package they cannot set the feature product they will not get any badges and they have only 20 product limits so you can set that from here they have product limit here it is product limit you can type 20 over here all right so this is done then they cannot set featured products so you can see feature product and you can make it disable here it is featured okay this is featured image here it is they cannot set any product as a feature product so you can disable this thing as well they will not get store seo space limit is hundred so i can come over here space limit 100 mb and they cannot probably they cannot manage groups they cannot manage they cannot add a manager which i'll explain you what a manager is and they cannot to maybe let's see they cannot create delivery options and maybe they cannot also uh view reports and they will have only 100 customers so you can have you can set all these limitations over here and after that you can click on submit now one group is created similarly you can go ahead and create another group just click on add new uh to add a new group you can come back to groups click on groups now click on add new to add a new group and you can create unlimited groups from here now once you have created two three four groups now we can go to memberships and here before we create a new membership plan first we have to enable features so click on settings this gear icon if you follow my cursor you will come to this page as i said earlier i was planning to create another video on membership because as you can see there are many settings related to membership over here now here we just have to click on features and you have to click create different features what are features these things are features for example product limit is a feature so i can click on product limit i can just type in product limit to add a new feature so next feature is set product feature products so we can create this thing then we can again click on add new store badges okay and similarly based on this we have enabled and disable different cable capabilities in different groups again you can just click on submit to save the settings then we have some more settings if you see the general setting under plan page you can do one thing under custom plan page you can have this page over here membership page okay this membership page so under custom plan page just search for membership you will get vendor membership just enable that thing and you can just click on submit then we have we have seen features you can have registered registration field again i have explained you this thing just like uh we have seen the vendor registration here also you can add some more fields then payment how they can make the payment paypal bank transfer credit debit card through stripe all the payment gateways you can enable them simply enter your paypal email address now they can make payment through paypal so this payment is only related to this membership plan whenever someone wants to purchase this plan this is the payment gateways that they'll get again and again to get this stripe live live publishability and secret key we have seen these things multiple times and if you have enabled bank transfer you can just enter your bank details so here for example your bank name account number your ifsc code or whatever it is you can enter your bank details so here so that they can transfer money on your bank account then they can click on you can click on submit if you want to enable taxation on these plans you can enable tags give tax name for example if you want to get 10 percent on this plan a price and you can enter 10 percent over here so you can do like this again not recommended i would just dealing that thing rest everything i think you can just leave it as it is you can just go ahead and click on submit i think we have completed all the settings related to vendor now let's see few things and few settings related to seller so we have not yet seen how a seller will create different rates for shipping how they can create a different rate for shipping in maharashtra and different shipping costs for some other state of india or some or some other different format for shipping we have also not seen how they can create different delivery option so these all options are related to vendors so let's see vendor related settings so to see vendor related settings i'll go to vendor page so if you remember in this incognito window we have register or we have we are logged in as a vendor so let's see from home page so whenever vendor logs into the dashboard they will see this home page here they can see all the analytics you know net sales this month earning this month how many items they have sold this month all these different information and here as you can see because we have changed the capabilities now they have only 100 mb offer total space or 100 mb of space limit and they can only create 10 products so this thing has taken these changes have taken place over here now they can see all the different analytics from here all right then they have important settings products we have already seen how they can create different products and how they can do some changes on this product if they want to edit this product they can click on this edit button and they can edit this product if they want to set this product as a featured product uh they can click on this star icon and they can this product will be marked as feature product as you can see this is now marked as feature product then we have the media option under media option they will see all the media files that they have uploaded then the article option if you want to enable them to create articles to create blog posts they can come over here click on add new and they can create a blog post for your website here will be the title short description description i'll show you later on how a blog post is created now once they receive any order they can see those orders from here now after i do all the settings related to shipping and delivery i'll show you how how order is placed and how a seller will process that order right now we don't have any orders they can also create different coupons so that they can you know increase their sales they can promote their store so to create a coupon they can simply click on add new and here they can enter the coupon code that the customer will have to enter during checkout to get the discount for example if i enter over here seller 10 so if a person enters this coupon code during checkout they will get 10 percent no discount and you can set that thing or your discount type percentage and your 10 percentage you can also set expiry date for this coupon so this coupon expires on this date you can also set different limitations for here for example a person has to spend minimum of maybe 1000 rupees to get this discount and maximum of 10 000 rupees you can set all these options individual use only which means a person can use this coupon code only once and you can also exclude sales items so if the item is already if a product is already on sales this coupon code will not work you can also include and exclude certain products and certain categories you can also limit this thing how many times a person usage limit per coupon how many times this coupon can be used so only hundred people can use this coupon you can set this setting as well and per user how many times a user can use so one user can use this coupon only one time so you can set all the settings and click on submit this coupon will be created if you again go back to coupons if i go back to coupons here as you can see this coupon code is now created then after that under customers whenever you have any customer all the details will be shown over here then we have the delivery persons now you can for example if i'm a seller and i can create a different account for a person who is working with me as a delivery person so to do that thing you can click on add new you can enter the username for that person so i'll just keep it very simple i'll make it delivery one email address of that person so let me enter some email address over here then phone number of that delivery person right whatever the phone number is first name and last name of your delivery person and after that you can click on submit now this delivery person can log into your website for example let me copy this store manager link let me open a new browser so this delivery person will go to your website and they will they can log in from here now first of all they'll have to click on forget password because they have not yet set the password first time they come to your website they will have to set a password so they'll click on lost your password and you will enter this option over here delivery one username or you can also enter the email address over here so i'll enter the email address so this is only for first time click on reset password once they reset the password once they set a password after that they don't have to follow this procedure they can simply come in log in and proceed all right guys so as you can see i received this thing on my email address so i can copy this link again i'll go that go back to this browser paste in this link and now i can set a new password for this person so this is only for the first time once this password is now set they can now login and now as you can see they will see this dashboard and now as you can see because they are the delivery person they will see only settings related to delivery now once i place the order and once the seller sends this delivery information to this person you will understand all the things so we'll keep this thing minimize this browser and when the order is placed i'll show you what happens in this browser how this delivery person will deliver the product and all so again let's come back to seller account so we have created this delivery person you can also the seller can also create stuff for managing uh this thing for example here we have set this stuff uh limit to two so this seller can create stuff for doing different things for example they can create a staff that stuff will do only product related thing like they can add product they can delete product they can edit product those kind of thing for example if they if they want to do this thing they can click on add new let's add a new username over here john doe email address then they can enter the name some other name probably this time and now they can set this thing custom capabilities and now they can uh make everything off except for product things so i'll make everything off so as you can see similarly you can just go ahead and make everything off just keep these things on they can manage product they can add product edit product publish product and they can delete product and also these things they can create all these types of products rest everything you can just make it off and after that if you click on submit now again similarly just like the delivery person this person will also have to go to a browser or any same browser they can enter the username and all first time they will have to set the password and after that once they log in just like the delivery person gets only one option this person will also get only products option like this and they can only do those things so that this is how this thing works analytics is enabled so you can click on analytics or the seller can click on analytics and they can see all the details from here so this is what it is refund whenever a person uh submits a request for refund this is also we'll see later on when the order is placed now we have one more option add to my store so if there are many different products on this website if some other seller has posted some product and maybe i also send this i also have the same product i can also sell the same product then i can go to that product and i can click on add to my product right now we don't have any such product we just have to click on this click on one single button and that product will be added in your list as well so now both the sellers it happens it is very common on amazon you might have seen the button whenever you go to any particular product you will see a button see all the buying options something like that so you will see that same product for example same laptop dell xps 15 for example is is been sold by many different sellers some sellers are charging more some are charging less so that is how this thing can work on this website as well now we will see settings later on let's see all the other things first then we have the payment option so under payment it is nil right now because we have not yet received any order once you receive the order you will see this option over here then we have reviews so whenever someone sends any review to your store or product you can see those over here you have the ledger book whenever you have any whenever you make any sales whenever you have any order you will see those details over here for support whenever someone sends you any question for support i'll show you how that thing works you will see those things over here and you can answer them from here and we have finally the report option okay so here you can see all the things in complete detail now let's see the settings related to the seller account so first of all they'll see the store option they can enter basic information they can enter their store uh you know store name store uh you know logo all these things and they can enter a description and all then they can enter their location they can enter the payment gateway so if they want payment through paypal they can enter the paypal email address if they want payment through bank transfer they can enter the bank account name all these things so maybe they want to withdraw money through paypal so they will enter the paypal email address over here all right if they want they can also enter bank transfer they can enter the bank account details and so that they can receive money through bank account now shipping options so what i want to do is i want to set instead of shipping by zone i want to set this option shipping by country all right now what i want to do is over here i want to set a particular let me let me first explain you now what i want to do over here is i want to set for example i am based in maharashtra which is a state in india and there are some more states in india so for me selling or shipping a product in my same in the same state is a little bit cheaper so it will cost me maybe around 60 rupees but if i have to ship the same product outside my state then that will cost me some extra money so what i'll do over here is i'll set the default shipping price to maybe 60 rupees okay then for every other additional for example if a person purchases a product maybe this product so if a person purchases one product one quantity they will be charged 60 rupees and for next option per product additional option if they purchase another product maybe another t-shirt from the same store then how much should they be charged maybe they will be charged 40 rupees extra and if they increase the quantity of the same product then we want to charge 20 rupees for example if the person purchases one quantity of this product they will be charged 60 if they increase the quantity to 2 they will be charged 60 plus 2 because for all the additional quantity of the same product we want to charge them extra 20 rupees you can also give them free shipping if they make a minimum order of maybe 1000 rupees now you can come over here now under country i want to select india and under state i want to select maharashtra first of all okay and here i don't want to charge anything extra i want to charge the base price which is this price okay now i can click on this plus button and now i can select location india in understate everywhere else except for india everywhere else i want to charge 40 rupees extra which will be 60 plus 40 which will be 100 rupees all right so this is how this thing works now i can click on save i'll show you these settings on live website don't worry about that then we have delivery times i would not recommend you to enable this thing this is just creating different delivery slots so that whenever person a customer places an order with your store they can choose what delivery slot they want so when they want their product to be delivered i would not recommend you to do this thing now click on seo so you can enter your website your store title your store name or your company name meta description meta all these things so that it becomes easy for seo store policies you can enter your shipping refund policy over here just like this thing let me go here as you can see store policies not for this product let me go to the demo website here if i click on shop if i open any product below every single product it will display your return and shipping policies like this so let me copy this thing simple dummy text over here and i want to paste it under shipping policy refund policy and also under cancellation pro policy and you can also give some title policy tab type title here as you can see the title is return and shipping policies so i'll just give it a title of shipping policy all right like this then we have customer support uh you can enter your details over here like your phone number your address so that whenever a customer has any problem or if they want to contact you they they will get all this detail you can enter your store hours not recommended ship station is you know third party website which i am not going to cover in this website in this tutorial then we have vacation mode so if you want to go on vacation if you want to close your store you maybe you don't want to take orders for next one week maybe you're doing some changes in your business or you're going on vacation you can enable this option enable vacation mode and you can uh select date wise close from which date to which date so maybe from 29 to next week or next month ninth or whatever it is okay you can now enable this thing so now from this time period till this time period your store will be offline no one will be able to place order for your store so you can enable this thing as well if you want now click on save right now finally let me show you how a person a customer can come to your store they can place an order and how you will fulfill that order so i'll come over here to this website so this is one of your products i'll refresh this thing okay now as you can see store policy everything is now present over here this is one of your orders i'm from some i'm logged in from the admin account which is a customer also it is a seller also i'm not logged in from the seller account john stores as you can see this walmart seller i'm not logged in from the walmart seller i'm a customer so i'm maybe purchasing this product i'll click on add to cart now this product is added to cart i'll click on view cart and now as you can see this product is added in this cart now i can see the all the details so here gst is already applied because we have set gst 10. so 10 percent gst is already applied now if i want to change or if i want to see the shipping i can click on change address for example if i want to ship this product if i want to receive this product in maharashtra i can select maharastra click on update all right so it says free shipping to maharashtra let me see the settings over here again under shipping okay so here as you can see because we have set minimum order amount of thousand rupees free shipping i want to change this thing to 2000 rupees all right now click on save here as you can see the order amount is you know you know going beyond thousand rupees that's why this person is getting free shipping now let me refresh this page and now as you can see again if i go ahead uh select or some other state maybe kerala click on update and now as you can see out of maharashtra it is charging 100 why let me again explain you this thing because 60 is the base price and out of maharashtra everywhere else plus 40 so 60 plus 40 100 if it was maharashtra it would have charged only 60 because we have not added any extra money so let's see whether this thing works or not so if i select maharashtra which is so here and click on update now as you can see it is charging only 60 rupees and it is saying if i shop for 955 rupees more i can get free shipping so if i increase the quantity click on update now as you can see i'm getting free shipping so this is how this thing works again let me decrease the quantity let's place an order click on proceed to checkout let me very quickly enter my details over here right now as you can see i have entered my details i i can also do one thing i can enter the exact same location of my address i if i enter my building name or room name room number anything like that or not room number you if you enter your building name or your society name you will get that thing over here for example let me enter something like a building near my house oh ngc building and here as you can see i get so many different options i want to select the maras option or if you want you can just type in mumbai over here let me just keep it very simple let me just type in mumbai okay i'm just keeping it very simple you can also i have already shown you in the introduction you can bring this pointer to your building on your building if you want for the exact location now you can this customer can make payment through paypal through cust through direct credit debit card or they can also make payment through cash on delivery so let's keep this thing very simple and select cash on delivery if if you want you can also this customer can also make through payment through paypal and also through credit card debit card or atm card i'm keeping it very simple cash on delivery click on place order and now as you can see whenever customer places an order they will get the order id order number date all the details related to order gst number and everything now let's go back to seller account and let's go to orders and now as you can see this seller can see that they have received the order they can see all the detail what is the order uh for which for for which product they can see this is the product this is the sku number this is the order number everything can be seen from here now they can do one thing they can click on this uh this icon to mark this ship so that whenever they give this thing whenever they pack this product and give to the delivery boy after that they can mark this product as shipped or they can click on this order number to open this order a thing and now as you can see they can see all the things in more detail now they can do one thing they can click on this mark shift they can give some tracking code if they if they have chosen any particular you know shipping provider they will give you they will give them the tracking code and tracking url so they can enter that tracking code and url and they can select the delivery person and click on submit and now as you can see details have been successfully updated now again if i come back to orders you can also do one thing i would in fact i would recommend you you should also print these things packing slip and you should give this to your person your delivery person so you can click on this thing and this packing slip will be ready for you if you just click on this now as you can see automatically it has got the uh shipping address the product name url everything the total price and everything so you can now send this thing to the delivery person and now let's open again the account of the delivery person if i refresh this page now here as you can see under delivery pending they get this option one now they can see all the address of the person where they have to deliver this product to and once they have delivered this product they can mark this product as delivered and after that this transaction will be completed now if i again come back to seller account and if you go to ledger book this thing will be added in this ledger book as you can see order received and all this thing is now added and now if this person goes to payments right now they don't see anything because the payment is not yet approved if you remember we had set a threshold of eight days and minimum of thousand rupees in account so they have not yet reached that amount so let me do one thing let me disable that setting so that i can show you the withdrawal settings so i can come over here in the admin page now here we can click on settings and now let's see that setting related to withdrawal here it is with all setting i don't want any minimum amount limit and now also i don't want any threshold just to show you how this thing works okay now i can save this thing if i again come back to this seller account and if i refresh this thing if i click on withdrawal okay i think because the uh because earlier we have done that setting that is the reason why it is not showing because uh while while we receive that order during that time the settings was set for eight days so that is the reason why we have not received that thing so once actually what happens is i think let me pause this video place another order do all these settings and let me show you the withdrawal procedure so i can again go back over here same customer i can place another order very quickly maybe this time let me place this order add to cart view cart let's view this cart and very quickly let's click on proceed to checkout and all the information are already filled in i'll just click on allow enter my address select cash on delivery or any other option and click on place order now this order is also placed again if i go back to seller account click on orders again i can download the packaging slip and everything and after that i can send sell this or send this packaging slip to my delivery person then after that click on mark mark delivered tracking code i'll just enter the tracking code url select the delivery person click on submit all right now the delivery person account if i refresh this thing they will see they have this option now they can mark this thing as submitted or mark this thing as delivered again if i come back to this option seller account and if i click on withdrawal okay if i click on payments okay so you still not see that and that is the that is because we have not marked the order as completed when the delivery person has said that they have completed the order we also have to come over here and we also have to mark the order as completed as you can see mark is complete for this order also right now if you see this thing if i show you it is processing so if you have to click on this i can mark as complete and after that this order will be marked as completed now you can come to payments click on withdrawal and here as you can see you have this much amount of money in your account and now you can withdraw this money so i want to select both these things i want to withdraw this total amount i can send a withdrawal request click on request withdrawal request is sent now let's go to admin account so i'll come over here admin account store manager withdrawal and here as you can see admin can see for order number this and this this admin if they want they can click on this order number they can see the complete detail of the order as well as you can see this is the complete detail of the order when this order was placed when this order was sent everything they can see if they are satisfied if they want to make the payment and as you can see the payment mode is also selected if it was bank contra bank transfer the bank transfer details would have been present over here they can now click on invoice they can see the invoice and let's let it load now as you can see they can open this invoice and all the details are given over here related to this order now they can tick mark this thing and they can click on approve and automatically this amount will be sent to the seller's paypal account so this is how this complete process works and with this this transaction is now completed we have successfully seen how a customer can place an order how the seller will you know process this order how admin will send them their withdrawal amount or their commission so this is how this thing works now one more thing your customers can can also do one thing they can ask for refund if i go to my account this is now i'm showing related to customer all these links will be adding later on if you see the demo website here you just have the my account link over here so we'll be adding these links later on now the customer can see all the orders they have placed they if they want support related this related to this order they can click on support now they can enter some whatever they want click on submit and this support will be sent to this seller if i again come over here click on support under the seller account now as you can see they have received this support so this is how this thing works if they want refund they can click on refund if they are still under the you know refund period they can ask for full refund and all they can click on submit so this is how this thing works they can submit a refund request this seller will see this request over here under refunds which is over here if they want they can now approve or unapprove this request so they can click on this order id if they don't want to approve this thing they can just leave it as it is completed and they can contact this person because they have the person's email address and phone number and they can say that we cannot accept this order we cannot accept your refund request if they want to accept that refund request if they want to refund this product they can simply change the order status in fact they cannot do that they have to contact the admin to change the order order status and what this refund request will also be sent to admin okay so if i come over here as the admin if i click on refund here as you can see i have also received this same refund request if i click on this order i can now change if i want this product to be refunded i can click on refund and i can update this status of the product all right so this is how this entire thing works let me cancel all these things and we have also let me open this page for you this is the demo website once we have created these packages it will automatically show you a show on under your vendor membership so let me show you this page if i go back to my dashboard pages vendor membership which is so here if i view this page okay we cannot see this thing over here because i remember i we missed one thing we created the group but we did not create a membership plan out of that group if i click on groups again here as you can see we created this bronze group but we did not do the membership thing if i go back to memberships i did i i showed you the membership setting by click on by clicking on this gear icon we see we saw these settings but we did not add any membership thing so if i again click on memberships if i click on add new now we can easily do that we can select this option name of the membership plan i can select bronze now product limit we have already set all these things so whatever product limit is how many products they can mark featured and what all badges how many badges they can have you can enter that detail over here now under subscription you can give what price do you want to charge for this bronze package so maybe i want to charge 10 rupees or maybe 100 rupees one-time payment and this will expire after 360 days so for one year under approval thank you welcome commission commission is same global rule and you can choose this group from here which we have created so now we are linking this group with this package that we are creating now you can also give them enable some badges for them all right and after that you can click on submit then again if you come back to vendor membership and if you refresh this page now this does not look that great because you have created only one package if you create more than one packages it will look better and also later on in this video i'll show you how to change the style of this page all right so till now we have seen everything almost everything related to this website we have seen all the technical things how to do this how to do that how to do all these settings related to vendors related to admin related to customers we have seen every single thing the only thing left is designing the website so now we'll see how to create this home page and how to create other pages like the about page contact page all the other pages and how to do the final customization because right now our website looks really incomplete if i show you this thing this is how your website is looking right now so we have to now design this website we have to add all these pages so let's see how we can do that okay so to create our homepage we have to again come back to our dashboard now here from the left hand side you will see this pages option click on that now we had created this demo page for demo purposes so i can delete that and if you see this sample page this is also you know just for demo purposes so you can delete this page as well now to create a new page we just have to click on this button add new button now here we can give this page any titles obviously we'll give it a title of home now if you remember earlier in the beginning of the video we had installed a plugin called ocean extra and that plugin will add all these features at bottom as you can see now let me show you how this thing is useful first of all i'll just enter a simple title over here for the page and i'll simply publish this page and once this page is published you can open this page in a new tab now this is the default design now i don't want this thing because if you see my demo website if you in the demo website wouldn't have we don't have any right sidebar like this one so maybe i don't want this right side but i want a complete blank section so to get rid of this sidebar we can again come back to this page now we can scroll down and this is where these ocean uh ocean extra plugins will be useful first of all under main you will see the content layout is given here we want to set this thing to 100 full width once you set this thing again you can update this page and now if you again come back to this page and refresh it you will see that sidebar is now gone similarly i don't want this title section because again if you see in the demo website in the homepage we don't have any such sections over here so again we can come back to this page and now we can click on title and we can we can now disable this entire section and again update the page if you again come back over here refresh it that section is also gone now right now we have the uh now we have a blank page and now we can start creating this page now before that i want to do one more thing if you see the url bar in the url bar here it says your website name slash home so if you click on this my wordpress your website title you'll see that you're redirected to some other page so basically what is happening over here is that we have created a new page but this is just a regular page and we have named it home so just by naming your page home it does not become your home page we have to set this page as our official home page so to do that you have to come back to your dashboard and now from the left hand side you will click on settings so you will hover over settings and you will select reading and over here you can see this option your homepage displays your latest post i want to display a static page so we can select the second option a static page and under home page we can select home and we can now save changes again if i come back to this page and refresh it you will see the url bar is now changed now it does not say slash home and if i click on my wordpress i am still on the same page which means this this is now our official home page now again let's click on pages and now let's start designing this page so select this option home click on edit now to design this thing we'll be using elementor so you'll see this button over here edit with elementor click on this button now elementor is a page builder which obviously by the name itself you can say it is used to create and design different pages so all these different pages that you see uh this entire page and all the other pages blog page about page contact page all those pages are designed using elementor now whenever we start whenever we start designing a page or creating a page we do it section by section for example this is one section then this thing is another section then this thing another section so this is how as you can see we created section by section so let's start with the first section now whenever you want to create a new section you can click on this red plus button and this will ask you how many columns do you want so in this case we want two columns as you can see over here in the left column we have this thing at the right column we have this image so in the left column first we have this text so i'll simply copy this text come over here now again you can see at the left hand side the settings have changed again if you want to go back to elements you can click on this nine red nine dots i can if you click on this you will be redirected to this thing now here because we want a simple title over here we can simply drag and drop this heading element over here so you just have to drag and drop it using your mouse over here now you can change the title so to change the title whatever you want to type just type in that thing oh so we just want to type man shirts or men's shirts then after that you can go to style and now we can style this thing so first of all the color is white but i don't want to change the color right now if i change the color to white you can see the color will now disappear so we don't want to do that so again i'll undo this thing now we can change the typography so as you can see this typography option over here you can click on this pencil button the default typography or default font family is roboto you can click on this and there are thousands of different font families that you can choose from so as you can see here whatever you select for example if you select this one the style is now changed now for this i want to keep it at roboto so i don't want to change this thing so i'll select roboto but i do want to increase the size to 110 pixels all right this is how this thing will look like and i want to make it pretty bold so i'll select 900 okay so this is coming in two lines so we can decrease the size a little bit all right so 89 or 90 i'll keep it at 90 pixels then after that we have the second text so again i'll copy it from here come back to this website click on this nine dots icon we'll come back to this option elements option again drag and drop this heading element over here now paste in this text go to style now for this also we'll change the color later on right now i just want to keep it as it is now we want to change the typography so this font family as you can see looks totally different so for this i want to select caveat this is a name of a font family if you search for this as you can see this is the one and again for this also we want to increase the size to 65 pixels and i want to make it bolder if i select 900 this will become bolder if you select 100 as you can see it becomes a little bit lighter you can see this example better for the first text if i select the first text and if i make some changes over here if i make it 100 now as you can see this is so light if i make it 500 medium if i make it 900 very bold so this is how this thing works now we need these two buttons now before we add these buttons let me do one thing let me add this background image so that we can change the color to white and this looks a little bit better so to add anything in the background we we have to select the entire section and to do that we can select this option we can click on this six dots icon again if you follow my mouse cursor you can see the six dots icon when you click on that here at the left hand side now you'll see edit section now for some reason if you don't see this option if you don't see this blue six dots icon you can click on this option at the bottom left corner you can see this navigator option click on navigator and now as you can see this option here you just have to click on section if you click on columns at the left hand side you will see edit columns if you click on heading heading you'll see edit heading you just have to click on section then at the left hand side you'll see edit section now to add this image in the background we have to go to style and here we can select background type and we can upload this image in the background so let's upload this image if you scroll down this is the image so i'll select it and click on open once it is uploaded we can click on insert media now because the image size is pretty big uh it is displaying only a small portion of the image i want to display this entire image so for that i'll change the size to cover and now as you can see this is displaying this entire image now we can do one thing i think there is a lot of gap between this text and this text as you can see over here so we can do some changes in this text first click on this text one now we can change the color to white so you can bring this color over here like this white and now we can also do one thing under typography we can change the line height to one and now as you can see that space extra space is gone similarly for the second section also we'll click on this change this color to white and i'll click on this plus button this will ch this will save this white color over here at top under global color i'll name it white all right click on create now if i again click on this color and if you see this global icon if you globe i can if you click on this globe i can you can see this white color is now added so i can now simply click on that thing now under typography you can click on this pencil button and for this also under line height we'll simply type in one and that extra space will also disappear now click on update now let's do one thing let's add this button so to add this button first we'll again come back to elements and we'll simply drag and drop this button over here now what we want to do is we want to bring two buttons side by side so if i just bring this button over here and for the second button if i again try to drag and drop it over here i can either put it at top or at bottom i cannot you know put both the buttons side by side so what we have to do is we have to first we can just delete this thing to achieve this design you can use this option in a section drag and drop this inner section over here and now as you can see we have two columns so in the left column we can just drag and drop this button and now we can do some changes on this button now first of all we have to change the text so here as you can see the button says shop now so i'll type shop now over here under text i'll type in shop now now you can also link this page to something so i want to link this button to shop page so if i just type shop under link i'll get the link of the shop page so i can click on that and that link will be copied now let's do some designing with this button so we'll go to style to style this button so let's see how this looks like here as you can see the background is transparent we just have this simple white color border so we'll come over here first we'll change the typography which is the style of this text so we'll click on this pencil button it is roboto i want to change this thing to pop-ins so i'll click on pop-ins and now as you can see this is now changed again you can do one thing click on this plus button and add this under your global font click on create now again if i show this thing if i click on this icon here as you can see we have this popping option now we can simply click on that next time whenever you want to make any font poppings we can simply click on this global icon and we can click on pop-ins now if you want to do some more changes for example if you want to change the size or anything you can come over here we can make the sizes 17 pixels now let's do some changes to this background so text color is white so i'll select this thing select this color glow color select white color and for background color i want transparent so to make a transparent click on this color now you'll see this option first option is to change the color the second option is to change the transparency so make the second option and bring this second option to extreme left this will automatically become transparent now because the background is transparent we can add some border on this so under border type select solid and add two pixels width from all sides now we also want to do one thing if you want to increase or decrease the radius for example let me show you what happens when you increase or decrease the radius this is how the default style looks like if i increase the radius of the button if i click on this button and under border radius if i type 50 now as you can see this button this button has now become circular the corners of the button will become rounded and if you make it zero it will be a square button the the corners will be sharp we also can do one thing this button does not look good according to me uh you know it looks like this i want to add custom padding from all sides so what is the padding if i here as you can see padding option if i make it zero you can see this is what padding is padding is the space between this text and this side so i want to add custom padding over here now for top and bottom i want to add 15 and for left and right i want to add 40 pixels padding and this is how the button will look like i think we can decrease the top and bottom padding let's make it 10 all right this looks much better 10 into 40. so top and bottom 10 and left and right 40 pixels now let's see now we can create the second button so we don't have to follow the same procedure again we can simply right click on this button click on copy right click over here click on paste and this button is now pasted and now we can just change the style so click on button number two and first change the text to discover now so i'll type in discover now over here now let's again go to style and let's do some styling over here now we want to change the background color to white uh background color to red and text color to white so text color is already white we just have to change the background color so select background color and over here type in ef 3f49 this will give you this red color again just click on this plus button and enter this red color so that we can add this in our global option now to change the border color here as you can see border color click on this global option because we have just added okay let's let me just make some changes in the global color click on this icon and i don't want this blue color so i'll delete this blue color from the global color okay it says system colors cannot be deleted so what i can do is i can change this blue color instead of this blue color i'll add this ef 3 f 4 9 this red color alright now click on update now again if you you can come back click on this x button and now as you can see we have this thing now we can select this option color for this option select this red color now this is how your button will look like now i want to do one thing i want to decrease the space between these two buttons so you can simply bring this button like this all right till here now click on update and this is how this is done now in the second section i want to add this image so to do this thing we'll click on this option edit column as you can see over here if you follow my mouse cursor again edit column click on style and i want to add this image in the background so select background type select classic and upload this image so this image is also given obviously if you want you can use some other image just make sure the image is transparent like this one so select this image and click on open once uploaded just click on insert media and again this because this image is huge i will do some changes over here first of all i want to change the position so you can make it center center you can make it top center something like this for now let it be center center we want to change this thing but for for now we can let it be center center now if let's see what happens if i hide this thing so this is how it looks like now let me do one thing let me add some height so that we can get some extra space at top and bottom and this looks like this so again we'll come back to elements and we'll search for spacer which is so here bring this spacer in second column by default it will add 50 pixel space i want to add 450 so if you type 450 this is how this thing will look like and now i want to do one thing this thing uh this content is going at top it is floating at top i want the content uh in the middle so i can again click on this edit section click on layout and here you will see vertical align make it middle and now this is how this will look like now you can simply update this page now whenever you create a section because for now our first section is now 100 completed whenever you complete or create your section you should always see how that section will look on a mobile phone and also on a tablet so to see this thing you will see this option over here at the bottom left corner responsive mode this desktop i can click on this icon select mobile and now as you can see it looks really bad in mobile phone so we can do some changes over here we can click on text one we can decrease the size of this text maybe 82 looks good or 8081 and we can also make it center aligned so go to content and under alignment i'll make it center now select heading 2 and do the same thing i want to decrease the size all right 40 looks good and i want to make it center aligned now for button also i want to make both the buttons center line size everything looks good i just want to make it center align now for second column i just don't want to display the second column on mobile phone so i'll click on edit column as you can see this option edit column go to advanced and here you will see responsive option click on responsive and i want to hide this thing on mobile so click on hide this thing will now be hidden on mobile phone now i want to add some space at top and bottom so i'll click on edit section now we can go to advanced and we can add some space at top and bottom so maybe let's add 50 pixels both from top and also from bottom all right so this is how this looks like click on again update now let's see how it looks on tablet so this is how it looks on tablet again just a little bit changes here and there select the first text or decrease the size okay select the second text decrease this size as well now for these buttons i don't want them uh side by side i want one at top and another one at bottom so to achieve this thing you will select this first button click on edit column for first button and under column width you will type in 100 pixels or 100 percentage similarly for second also click on edit column and make it 100 percentage now click on update now select this option edit column i think this image is looking cropped out so i want to do some changes so here select the second option edit column right inside column go to style and you can add you can do one thing under size you can type in cover and now as you can see this looks much better click on update again if you come back to your desktop here the changes are same but now if someone sees this on tablet it looks perfect on mobile phone also it looks totally different 100 mobile and tablet friendly now i would like to say one thing guys uh in these tutorials in this e-commerce type of tutorials my main focus is always on the you know on all the features that we have seen of that we have already completed like all the vendor settings e-commerce settings everything designing is not the main focus in these tutorials if you want to learn designing how to design how to create beautiful websites using elementor there are different tutorials on my youtube channel you can if you want you can simply go to youtube.com and you can search for near shake elementor if you search for that and whatever the current year is you can type in that here for example 2020 if i type in 2020 and you can see the latest video this was uploaded 10 months ago this is the latest one two weeks ago and this is an amazing tutorial if you want to learn how to design a website make sure to watch this tutorial in these tutorials in the e-commerce tutorials i'm not really focusing on you know designing of the website so that is why we are going a little bit faster all right guys now let's create a second section now in the second section first of all we have this type of title so to create this beautiful title if you want to create the exact same title we need another plugin so to add this plugin you have to come over here under plugins hover over plugins click on add new now under search plugins search for elements kit now here you'll see this plugin element skit elementor add-ons install this plugin now if you don't want this header or this type of header you can just leave this thing you can add simple header like we have added like this so if you don't want to use this plugin all right now we need one more plugin and this plugin is for this section this blog section and we need one more plugin for this option this in a premium banner option so over here you can search for premium add-ons you'll see premium add-ons for elementor this plugin will be used to create this section premium banner section and the final plugin live mesh add-ons to create this block section so here under search plugin search for live mesh and you'll see this plugin over here live mesh add-ons for elementor click on install now and once these three plugins are installed you can now go ahead and click on plugins and now activate all the three plugins so i'll tick mark this thing this thing and the third plugin under bulk action we can click on activate and click on apply and with this all the plugins are activated and if you get some notices you can simply dismiss them now again come back to this page and simply refresh it now to add the second section first we need this title so i'll use this option if you search for heading you'll get several options uh earlier we were using this simple option simple heading now you have to this now you have to use this option heading by ekit you can see this option on top of that here it says ekit drag and drop this heading over here and now as you can see you have your heading now let's do some changes we want to type feature and categories so featured will be simple and if you want to make something focus like you can see this thing over here they have they say if you want to make anything focus title add them under this thing curly braces double curly braces so i'll simply copy this thing from bottom paste it over here and let me do i think we have to add it like this add curly braces like this and inside this curly braces whatever you want for example i want to make it categories i can type in categories and now as you can see this is by default bolder than this thing featured is light and categories is bolder so this is what it does you can also obviously do some more changes now first of all i want to go to this option go to style make it center align and now i want to do some changes in the color so we have to change the color of this this thing and also the color of the separator so select focus title and change the primary color click on this option select primary color now select separator which is over here and for this also color click on this globe click on this primary color and click on update this is now completed now we have to use or we have to create this section which is your featured which is your premium banner section so to add this section again because as you can see there are four different columns we'll use this option first inner section i'll drag and drop this inner section over here and i'll divide this into four columns right now it is two columns as you can see one and one and two to add a new column we'll right click on this option edit column click on add new column again we'll right click on this edit column click on add new column now we have four different columns now inside this column you have to search for premium banners here it is drag and drop premium banner under column one now whatever image you want for the background so here we have this image i've given you this image so you can simply upload this image from here here as you can see this is the image select this click on open and once this is uploaded click on insert media and this image is now as you can see uploaded now we have to do one thing we you can also link this thing so this is as you can see this is t-shirt so i can link this with t-shirt category if i have created and yes i have created category so i can select this option exit custom link click on yes and under custom link you can search for t-shirt and you will see this option t-shirt category if you don't see that option you can do one thing you can come back to your dashboard and over here if you hover over products you will see categories click on that and here as you can see your t-shirt category you see this view click on right click on view click on copy address and you can paste in this address over here so if you want you can do it like this now this thing is linked if you if anyone clicks on this they will be redirected to this category page now let's change the effect as you can see when you hover over this this is the effect and this title and subtitle this appears from the bottom there are several effects available like effect one effect three this is what effect three will do then we have effect five this is effect five i want to just keep it effect one i wanna keep it very simple but i always want to keep it hard okay so you can select this thing where it is gone always hovered if you select this thing the hover effect will always be present and you if you want to add some extra hover effect you can do that as well under hover effect i can select maybe zoom in so now as you can see it zooms in when i hover over this image now under content i don't want this description so i can delete the description i do want the title uh the title here as you can see says men's t-shirts so i want to type that thing but we want to do one thing we want to bring this t-shirt we want to bring this text in center so if you scroll down you will see this alignment option make it center all right now let's change the styling of this text so we'll go to style and over here click on title because you want to do this styling on title i want to change this color to white okay as you can see the color is now changed and i want to increase this thing first of all i want to change the typography to pop-ins so if i click on this i can search for pop-ins and i want to increase the size so instead of this i want to make it 25 pixels and now as you can see the size is increased we also want to add this background color as you can see but for that i'll give you simple css you just have to copy paste and that design will be applied for now you can just click on update now for the second third fourth you can simply right click on here click on copy right click click on paste and now we can do the changes for example you can click on the second one for this we want this watch image so we can you know replace this image okay let's select this back for now we can select this bag and once this image is uploaded you can click on insert media and here you have your bag now click on update and similarly you can if you want to change the title as well instead of men's t-shirt you can go to content and here you can type in bags or whatever you want and you can also change the link to these bags if you have created a back category you can enter the link of back category and similarly you can simply copy and paste it in these empty columns as well and you can just go ahead and do the changes now click on update now finally let's add some padding at top and bottom so click on edit section go to advanced and let's add padding of 100 from top and also from bottom i guess now as you can see this looks so much better we can also do one thing we can add some padding below this title because there is very little space over here so we can click on this title go to advanced and maybe let's add 35 pixels at bottom and this looks amazing click on update so with this your second section is also completed now very quickly let's add our third section so we'll again come over here we'll click on this plus button to add a new section and we want two columns now here as you can see in the left column we want this title and in the right column we want this you know carousel so for this left column the column width as you can see the left column width is pretty small and the right column width is pretty huge so for the left column width will click on edit column will make it 25 percentage and obviously the right column will automatically become 75 because the total has always to be and the total has to be always 100 percentage now let's add this title first of all so i'll copy this title come over here simply drag and drop this heading element over here paste in the title now let's increase the size so let's go to style first of all as you can see the color is this color so we can change this color to some black color probably let's select this black color now let's increase the height or let's increase the size to maybe 22 pixels looks good now we also want to do one more thing as you can see we have this small border over here at the right hand side so i can do one thing we can select this option edit column and now we can go to advanced and here i think let's see i think under style here under style you'll see border now we just want simple border only at right hand side so we can first dealing this thing and at right hand side you can type in two pixels and after that you can add some border color so first of all under border style make it solid and let's select black color border all right okay that was border radius no border radius for border width okay right inside two pixels now if i dealing this now as you can see this is how this thing looks like now at the right hand side we just want this simple carousel so we can come over here we can search for image carousel and here is image carousel drag and drop this option over here now we can add all these brands over here for this also i have given all these images to you you will see this folder i think it is given over here let me see here it is let me select all these brands from here click on open and once it is uploaded you can click on create a new gallery and here we have six images click on insert gallery now if you want to do some changes here as you can see right now at present it displays five images okay all right and when you scroll down it scrolls one image at a time so first of all under image size i want to make it full size and this is how it looks like slides to show five because i at one time i want to show five slides to scroll i want to select one all right now image stretch no i don't want any navigation so under navigation i'll select none now we also want to do one thing under additional thing i want this to auto play and play speed you can increase or decrease this thing for example i can make it 1500 so that will be one and a half seconds if i update this page now let's do one thing let's add this background color over here so to add this background color we'll click on this edit section go to style and under color we can add this background color so let's add simple i think with very light gray color so let's see f9 f9 f9 let's see how it looks i think it is very light a little bit darker so f2 f2 f2 yeah f2 looks good now let's add a little bit padding from top and bottom so go to advanced and let's add padding of 25 from top and bottom all right we can also do one thing we can make vertical aligns a middle and click on update so with this just this section is also completed now let's go to the next section and this is very simple because we already have a lot of things present over here so we can actually do one thing right click over here click on copy right click click on paste and this will copy paste the entire section i don't want this in a column so i can delete this thing but we do want this title thing you can click on this and you can replace the title here it says top interesting so instead of categories i'll type in interesting instead of featured i'll just type in top now click on update then after that we want to display these tabs so for that again we'll come back over here we can search for tabs you get two option this simple tabs and you get this uh a kit tab we have to use this ekit tab drag and drop this option over here now this is how your default tab looks like you can do some changes over here now first of all what i want to do is i want to change the tabs so here first option is wordpress prestashop and joomla i want to add newest featured and best seller products this kind of option so i'll delete the other two i'll click on wordpress instead of wordpress title i'll type in title of newest i don't want this icon so i'll delete this icon and under content delete everything now go to google and search for this thing woocommerce shortcodes now when you search for woocommerce shortcodes open the first link docs.woocommerce.com and if you scroll down you can see there are so many different shortcodes given to you for woocommerce to display different type of products if you scroll down you will come to this section example of product scenario first of all we we want to display as you can see here we say newest we want to display the most recent product so if you scroll down i think it is scenario number four as you can see newest products copy this thing from here okay right click over here click on copy come over here and paste it like this now when you paste in this thing press ctrl shift v okay so this is how this will paste in if you just press ctrl v to paste it as you can see there is some problem over here so make sure you delete this thing and press ctrl plus shift plus v all right now as you can see this is how this thing will look like now let's do some changes over here so to change the style go to style first of all i don't want any border over here so we can select this option nav items because these are nav items and here you will see border option which is so here border with one make it zero from all sides so i'll just make it zero or you can just select border type none this will also work now for padding i don't want this much space from all sides i just want a spacing or padding from left and right so for top and bottom i'll make it 0 left and right i'll make it 10 0 10 all right now this is how this thing will look like and also we want to make it center align so let's see alignment option over here if i go to content here it is nav alignment i have made it center now let's change the style of this text newest text so we can click on nav items again and here we have typography select this option now this time i want open sans font family so i'll search for open sans and now as you can see style is now changed and i want to increase the size to 20 pixels obviously if you want to increase more you can do that and maybe i want to make it 600 wait now click on update so in this tab we are displaying the newest option now again we can go to content we can add a new tab so we can click on add new for the title we can give it a title of featured so i can just type in feature over here again we don't want any uh icons so we can simply delete the icon now again come back to this option this shortcut option and search for featured product uh this is the one copy everything from here come back to this website and again control plus shift plus v now we have to do few changes over here if you click on featured this is displaying bigger images because as you can see it is displaying only two columns so under column two make it four if you again follow my cursor make it four and total we want to display eight products so product limit make it eight and similarly for newest also you can do one thing you can go back to newest here also i think we had product limit four so you can make it product limit eight just change the number instead of four make it eight and similarly you can go ahead and add more options over here one more thing we want to change this color instead of this blue color we want to make it red color so we can go to style go to nav items and here as you can see instead of this color title color we can make it primary color all right now much better click on update and after this we want to create our next section which is a very beautiful info section so to create this section will again come back over here click on this plus button this time we'll add three columns all right now inside each column we have to add inner columns so add this in a column inside the column number one obviously because as you can see uh in left column inner column we want to display the icon and in the right inner column you want to display this text so let's again come back to elements so click on this nine dots icon now the left hand side we need a simple icon so you can drag and drop this icon at the left hand side and we can change the icon to this truck icon so we can click on this icon and we can simply search for truck so many different icons what or whichever you like simply select that and click on insert now we can go to style and we can do some changes over here we can change the you know we can change the color and all so for the color i think we need let's select this secondary color all right and maybe a little bit darker secondary color like this one this looks better now we also need to do one thing actually we need to make it circular okay so we can do that changes over here under content you can see we have default view we can make it stacked view and this is how it will look like so again i'll come back over here for the secondary color i want to make it white and for this color actually for the primary color we have to make it white and for the secondary color we can make it this color all right let's see so right now what is happening is we have this circle that is white obviously we cannot see that because the background is also white and we have this secondary color which is a little bit darker color like this one and we need to decrease the size a little bit let's make it 36 pixels now let me do one thing let me actually first add this background color so that we can see this white uh background white circle background we can also see this white text so to change the color we can simply click on this icon edit in a section go to style and we can add this color now let me get this color so i can simply do it like this the color code over here is 36b4ce if you want the exact same color we also want to do one thing right now the column width is 5050 obviously we want this column to be smaller the i can column to be smaller and the right column to be bigger so we will do one thing we'll make it like this we'll make it 25 into 75 all right left column will be 25 percentage and right will be 75 percentage now we have the simple title or heading so we can drag and drop this heading over here paste in this title and here as you can see we can go to style we can change the text color to white and we can change the typography to pop-ins and we can also increase the size a little bit let's make it 20 pixels not 200 20 pixels then we have this simple text again we can come back over here now for this simple text we actually can use our text editor instead of heading obviously if you want you can use heading as well but i just want to use text editor again go back to style change the text color to white change the typography to pop ins and let's decrease the size so instead of this default size i want to make it 12 pixels and right now we'll again click on edit in a section and we'll make vertical align middle so that the content is in the middle and i think we can also add some padding so we can click on this option we can go to advanced and let me add padding of 15 pixels from top and bottom and just 5 pixels from left and right now click on update now once this is completed we can simply right click on this paste it over here paste it over here now obviously to do the changes just click on the second option instead of this icon we want this handshake icon so i can search for this handshake icon which is so here we'll select this click on insert now we don't have to do the same designing we just have to copy and paste we just have to change the content styling is already done now for the color let me get this color code and paste it over here under inner columns style change this color alright so similarly you can go ahead and do some changes in the third column as well and after that simply click on update this page will be updated and finally our last section so for that we can simply copy this entire section come over here paste in this section just because we have this padding and we also have this title over here now we can change the title click on his title here it says latest news so i can do some changes over here latest news and this is looking good i don't want this thing so we can simply delete it instead of this we need this blog post now still till now we haven't created any blog post so to create a blog post you can do it from here you can click on post and you can create it from here first of all you can delete this hello world so delete this post you can also create it from store manager if you want so if you want just click on add new to add a new blog and let me do one thing let me add let me open a simple blog over here so that we can see the changes and we can simply copy paste everything this will be your title of the blog so we can add this under title then after that we have simple content over here so i'll just copy this much come over here paste in this content under content section obviously now at the right hand side click on document you can give a category to this blog so i'll here as you can see we are talking about seo so i'll give it a category of seo or i'll bring this blog post into seo category now obviously you should remember that this category is totally different from the product category those categories were related to products these are related only to blog post you can also give it a featured image like this one at the top so these images are also given to you so i'll click on set featured image and let's use this image click on set feature image not this one let me upload some other image you have this block folder inside this folder you'll see several images i used over here whatever image you like just upload that image and click on set featured image now after that you can publish this blog post so this is how you create blog post once you have created few blogs you can now come over here and search for post and use this option post grid drag and drop this option over here this is how your post grade should look like now we need to do some changes over here so go to setting first of all i don't want this heading here as you can see at the top it says my post i don't want this setting so under heading of the grid you can just delete this text my post and after that this will bring this filterable in the middle i don't want this filterable as well so i can make this thing no that thing will also disappear now in this style i want the thumbnail i want the title and meta description but i don't want this summary so to get rid of this summary will again come back to content and click on post content now i need to increase the size of this thing and here as you can see display post summary make it no all right and this is how it will look like again you can just go ahead and publish this page and with this our homepage is 100 completed now we can again go back to dashboard now let's very quickly create other pages so to create those click on pages click on add new first page that we need to create is the simplest page block page so just give it a title of blog and click on publish this page will be published now if you open this page in a new tab it will be a blank page so just like your homepage you also have to set block page okay if you remember just like the home page again come back to dashboard hover over settings click on reading and here under post page we have to set this page so select this block page click on save changes now again if you come back to this page and refresh it now it will display all the blog posts will change the style of this page later on again come back to pages now let's add another page so click on add new let's add the about this page now for these pages so obviously you can have your own design i'm just giving you a design that you can you know work with now on the content layout we want to make it full with and we want to disable the title just like the home page then you have to click on publish now click on edit with elementor obviously we don't have to create this page from scratch i'm just giving you free templates if you again see this page folder in this page folder you'll see they have several templates available you just have to upload these on your website so again come back to this website and this time you have to click on this button this add template this folder icon now click on my templates click on upload template click on select file and go to this pages folder you will see about contact and services page select this about page import it once the about page is imported you can again click on this import button click on select file now select the contact file click on open both the files are now imported now because we are creating the about page you just have to select the about option and click on insert and this will give you your about page all right beautiful click on update now we have our next page so again we can come back to dashboard click on pages click on add new give it a title of contact us again make it hundred percent full width change the title or just disable the title and click on publish now click on edit with elementor now again click on this option add template go to my templates you have the contact us file simply click on insert and this entire page will be present for you all right you have this option you have your map you have your contact information if you want to change it just click on this option change the text if you want to display your contact form go to your website i think we need a plugin for that so again you can just click on add new hover plugins click on add new to add a new plugin and search for contact plugin and you will see this option contact form 7 insert this plugin now if you notice one thing we have used a lot of plugins over here but let me first activate this then i'll explain you about these plugins once you activate this contact form 7 you will see another option over here at the left hand side click on contact option and you will see this option so you just have to copy this shortcode from here come back to this website click on this option replace your shortcode with this one and you will have your contact form over here and now i was talking about plugins we have used a lot of plugins so here more than 10 plugins now basically you should not be using so many plugins on your website but here you don't have to worry about that because almost all the plugins are simply add-ons like we have a main plugin and all the other plugins especially all these wc-fm plugins these are simple add-ons very very light plug-in so this is not going to you know affect your website at all the main plug-in is wcfm and after that all these other plug-ins these are simple add-ons very light plug-in and then after that for all extra plugins these are also most of them are very light so you don't have to worry about that and especially if you're using side ground this is not at all an issue i guess now let me do one more thing if you see this option if i show you the home page and other pages there is one problem over here let's fix the pages first before we create anything else or maybe let's do one thing let's first create a menu and our footer so to create the menu you can again come back to dashboard from the left hand side hover over appearance and click on menus let's give it a title of main menu and click on create menu now from the left hand side what all pages you want to include in this uh just select that for example i want to include home page blog about contact page my account page shop page arrest all the other pages will use in another menu but for now we are going to use these pages now click on add to menu you can obviously go ahead and rearrange these pages however you want it then at the bottom make sure you tick mark this thing main and click on save menu if you again come back to your website and refresh it you will see your menu is present over here we also need this menu this top menu as you can see over here so let's create a new menu click on this link create a new menu click on leave let's give it a title offer let's give it a name of top menu now in this top menu we want three pages our dashboard page registration page and membership page so we'll click on view all and bottom three pages just select those click on add to menu and make sure this thing is tick mark top bar and click on save menu again if you come over here and refresh it you will see those menus at top now at the bottom for the footer let's add these options at the footer again under appearance you will see widgets click on that click on leave now you'll see footer one footer two footer three footer for all these options under footer one we just have to use this simple we just have to upload a simple logo and some text so for that we'll use the text widget if you scroll down at the bottom you will see this text widget over here select text widget select footer one click on add widget now you just first click on add media upload your logo from here so under media let's see here's our logo select this logo click on open now click on insert into post this logo is present and below that i want to add some simple text all right then for the second option now as you can see the second and third option both options are actually menus so again we have to create two more menus so under appearance i'll open menus in a new tab click on create a new menu link first i want to create a menu for customers so i'll just name it customers click on create menu and in this menu i want to add all these woocommerce links like orders address payment methods account detail logout loss password so to add this thing you will see woocommerce endpoints over here if you don't see woocommerce endpoints you can click on screen options and make sure this woocommerce endpoints is tick mark over here over here all right now whatever links you want to display here i'm displaying uh six links so i'll just add these six links from here now click on add to menu now this time we don't need to tick mark anything from bottom just click on save menu and this will be saved now let's click on create a new menu and similarly you can create a new menu i am not going to do that again or let me show you because here we are using some other things let's click on create a new menu and this time i'll give it a title for stores or for vendor click on create menu now here we have store manager page vendor registration or membership page with these three pages so under view all first let me add these three pages click on add to menu then after that we have few more pages but we don't have link for that for example product orders store analytics store settings so to get these links you can do one thing you can open your website and you can open your store manager now here whatever page you want you can simply copy that link for example for analytics right click over here click on copy link address come over here now select custom links paste in the url and type in for example analytics click on add to menu similarly if you want to add support or maybe if you want to add let's say orders right click on over here click on copy link address paste in the link and type in orders or product orders click on add to menu and again similarly if you want to add some more options like let's see settings copy this address paste it over here and under text just type in settings click on add to menu and simply click on save menu once you have created these menus again you can come back to widgets page refresh this page now for footer two and three we can add these options so you scroll down and search for navigation menu which is over here select footer two click on add widget for title we'll select for customers this is the title so scroll up this is the title and for menu select the customers menu similarly again go ahead use the same option navigation menu this time select footer three click on add widget and this time the title will be for vendors copy paste tutorial and select vendor menu click on save and finally for footer number four just drag and drop this option over here contact information now delete this text then after that when you scroll down you have your address now under all these options you don't change or you don't do any changes to icon class and title you just need to change the content for example for your address just change the content enter your own address similarly for phone number change the content delete the content enter your own phone number enter your own mobile number if you don't want to display fax delete everything under fax it will be displayed or it will be deleted similarly if you don't want to display for example website and skype delete everything which is inside that and click on save again if you come back to your website let's see how it looks let's scroll down here you have all the four options all the four widgets we we have to change the style a little bit and that is what we are going to do right now i think before that we can do one more thing we have our shop page now in the shop page at the left hand side as you can see i want to display if or not these options have on a display some useful option for a shop page like this one here as you can see we have a search bar then we have filter by price we have best selling products product categories these kind of options so again come back to widgets all right and you have to now put everything under woocommerce sidebar so first of all we have to add simple search bar so scroll down go to s here is search select custom or select woocommerce sidebar click on add widget we don't need to give it any titles just minimize this thing then after that we have filter by price you can press ctrl f on your keyboard to find something and if you type in price let's see here we have this thing filter products by price click on add widget then after that let's see we have best selling products so again under this thing we can search for best selling products it is vendor thing or you can just display some other products if you want just regular products let me show you recently viewed products products by rating so best rated products also you can display uh products just regular products if you want to display select this products and here you can uh for example how do you want ascending order descending order do you want to display all products do you want to display only featured products or do you want to display on sale products you can select these options as well then after that we have finally product categories so here if you search for categories and let's scroll down here we have product category select this option click on add widget i don't know show hierarchy and i want to show maximum depth of five which means i just want to display five columns or five categories once you have completed all these things again if you come back to shoppage and refresh it now as you can see we have all these options over here i guess now let's do the final website customization for example your menu looks a little bit different we don't have our logo your footer looks different and some other pages look a little bit different so let's fix that thing so to do that thing you have to click on customize i guess now let's start from top so at top we have our top bar so here at the left hand side you'll see top bar click on that click on general and here you can change the color so under text color i want to change this color to this black color for link color also if you have link color select this link color make it black color now as you can see it is all black easy to read now go to content if you want to add some content over here like i have added over here my email address and phone number i can simply copy it from here paste it over here now if you want to display these icons that you see you can go to this option or you can go to this website font awesome.com and now from here you can just search for that icon for example for for our email address we can search for this envelope icon select this icon click on this now when you open this icon you will see this option over here i class thing copy this html code come back to your page customize page just before email address paste in that code and now as you can see it will display that icon now similarly search for another i can maybe phone i can i know the exact url so i'll search for this option this is the icon that i want to use phone square again just click on this option it will copy the html come over here just below your phone number paste in this code and your phone icon will also be there now click on publish again come back now you have your social information so all your social media links your facebook twitter what whatever link you have just paste in that link and for link color we can change this to black color or any color you want now again click on publish again come back and now let's do some changes in this header so click on header select general i don't want this big header i'll just want 50 or 55 pixels height then after that we can again come back we can select logo upload your logo from here i'll select this logo click on open crop or skip cropping i want to change the height to probably 50 and width to maximum of 140 all right maybe 150 click on publish again come back let's do some more changes click on menu let's change the color link color to black okay these colors and just everything looks good again come back again come back now let's change this menu cut i want to increase the size of this thing so for that you have to go to woocommerce which is over here you have to go to menu cart and you can increase the size from here as you can see when i increase the size and you can also make it center vertically again click on publish now let's do one thing let's change some typographies so click on typography first of all let's start with this menu so select main menu i want to make this font family as monster at and probably let's increase the size i think height looks good you can do one thing you can make everything uppercase if you want now click on publish and maybe let's make it 500 with a 500 wait just to make it a little bit bolder now again come back and if you want you if you see one thing if you open any block page or if you open any single blog post you will see the content the actual content is actually gray color as you can see which is not really easy to read so i can click on body and we can change this color to black color now this this is much easier to read again you can just click on publish come back now let's change the primary color as you can see right now all these things are this blue color these icons and everything are blue color so we can change this thing click on general option general styling change this primary color instead of this color i want ef 3f49 this will give you this red color obviously if you want to use some other color you can just use that color like that all right now everything is this red color again come back and let's see what we have next again come back to first home page now let's do some changes in the footer this looks totally different from our demo website so to do some changes on the footer you have to first click on footer widgets scroll down background color will be f9 just type in f9 not d9 f9 f9 f9 this will give you this very light gray color and because we have light background we can make everything dark on top of that so text will be black border border is fine link color will also be black now we can see everything properly now because we have changed these things now this thing is now hidden as you can see this is become wide so you are not not easy to read or not possible to read and also the copyright at the bottom is changed so let's fix these two things come back first let's change the copyright thing so click on footer bottom instead of oceanwp theme by nick i'll type in made by ninja shake and you can change the text color to white now as you can see at the bottom you can see the copyright text now let's fix this text again come back go to typography select this option photo widget heading change this color to black color and now you can easily read it again publish this page now let's do some changes to this option here i don't want to display these buttons and all i don't want to display this thing as well i just want to display the title and the price so we can come back again come back select this woocommerce option select let's see select archives scroll down and here you have the thing i don't want to display the category so click on this that category will be gone as you can see i also don't display a description and add to cart and now as you can see this is looking much better click on publish i also do want to i also want to do one thing i want to change the aspect ratio of these images these are looking square images i want to change this thing so you'll see product images select custom and instead of 4x3 this is how 4x3 looks like make it 3x4 and these looks much better click on publish now if you open a single product let's open this product here as you can see we have this left sidebar i don't want sidebar in single product so again i can come back click on single product and i can change the layout to full width and now as you can see this looks so much better now finally you have to do one thing let's do some changes in the blog post if you click on blog page this is how it looks like i don't like this design so again i can come back and we can select blog block entries and instead of block style large image i can change this to thumbnail and this design looks so much better now finally there is again the link from the link which you have downloaded there is this css file link open this link now when you open this link using any software in notepad or anything you will see some code like this just copy everything from here press ctrl a it will select everything then after that press ctrl c to copy everything now come back under custom css paste in everything now if i go back to home page or any other page as you can see this has changed the color of this title and also the color of this option and even if you open a single product for example let me open this product it has done some more changes so here you cannot see that properly it has made this icon a little bit in middle it was bottom after pasting let me show you if i delete this text from here if i delete this code now as you can see the icon originally was at the bottom and when you paste in this code it is now aligned in middle so that is what it does and it does some more things so that is you know basically what this css will do and it has also increased the size of this you know uh this search icon okay so actually one more thing is left uh and that is changing uh style let me show you if i click on my account page here i have this right hand side bar again if i click on the cart page you also we have this sidebar we don't obviously want these sidebars not really useful so we can actually go to our dashboard click on pages let's start from top select this cart page click on edit scroll down and change the content layout to full width not 100 full width just full width click on update if you again come back to your card page refresh it this is now 100 this is now full width again come back you have your checkout page click on edit scroll down again change the content layout to full width again come back to your dashboard then you have your my account page edit this page as well scroll down and change this to full width update this page again come back to pages then we have store manager page now let's see how this store manager page looks like so store manager page looks perfect i just don't want this title section in this page this is unnecessary so what i can do is i can click on edit or store manager scroll down and we can disable this title section over here click on update again if i come back over here and refresh this page this looks much better again come back to pages let's see the vendor membership page let's open this in a new tab let's see how this looks so this membership page is looking really bad so to fix this thing we can do one thing we can actually edit this page now i don't want to use this thing i want to use elementor for this but you just copy this code you know just copy this code after you copy this code you can actually delete this thing so click on this three dots i can click on remove block now click on edit with elementor now here from the left hand side you will see this option under search widget search for short code you will see short code drag and drop it over here paste in your shortcode click on update come back to this page and refresh it and now as you can see this page is fixed now we have this container at left and right and i think this looks much better in this page also you can disable the title section if you want all right again come back to your pages let's see if one more page i guess is left your registration page let's see let's open this in a new tab here also if you want to get rid of this sidebar you can click on this edit and you can change the content layout to 100 full width not 100 full width just full width update this page refresh it and this is also full width this is looking much better now you can cut this page and with this this tutorial is 100 completed and your website your custom professional multi-vendor e-commerce website is also completed okay so i hope you find this video helpful if you find this video helpful and obviously if you want to watch more useful and awesome videos like this one make sure to subscribe and click on the bell icon so you don't miss any future notifications now throughout the video if you have any doubts any comments any questions for me you can always leave them in the comments section below and if this video has helped you in any ways make sure to give a thumbs up to this video and share it with your friends on facebook twitter whatsapp whatever social media platform you use and finally thanks a lot for watching this video see you in the next one

Channel: Nayyar Shaikh

Views: 332,817

Keywords: wordpress, woocommerce, ecommerce, how to create an ecommerce website, how to make an online shopping website, how to create an online store, online store, how to make a multi vendor website in wordpress, how to make a multi vendor website, ecommerce website, ecommerce website wordpress, how to make a website like flipkart, multi vendor marketplace, nayyar shaikh, make website, create website, wordpress website, wordpress tutorial, wcfm marketplace, wcfm marketplace tutorial

Id: VgpYl1yRBYU

Length: 234min 10sec (14050 seconds)

Published: Sun Aug 30 2020