WIX eCommerce Website Tutorial for Beginners 2024 (Create an Online Store using WIX)

hi there my name is simon and in this video i'm going to show you a step-by-step how to build your own online store from start to finish now this is a complete tutorial for absolute beginners so even if you don't know anything about how to build an online store by the end of watching this video and following along with it you'll be having your own professional online store set up and ready to go this video is sponsored by wix which is the website builder that we're going to be using today to build our online store now in this video i'll walk you through everything on my computer so you can easily follow along and set up your own online store while watching this video the goal is that at the end of watching it you'll be all set up and ready to go with your new online store i'll leave timestamps to all the topics down below in the video description so at any time you can come back to this video and re-watch certain parts if you have any questions throughout the video just leave them down below in the comment section and i'll make sure to get back to you as soon as possible also if you find this video helpful make sure to hit that thumbs up button so that more people can find this information so with that being said let's get into the video [Music] all right so welcome here on my computer so before we get started creating the actual online store i want to get a couple of things out of the way so that you can get the most out of this video the first thing is that if i talk too slow or too fast during this video you can always just change the speed of the video by just going to the bottom right of the video screen clicking on the little gear icon and then changing the playback speed to 0.75 1.25 or whatever is the most comfortable for you the second thing is that if you get lost at some point of the video you can always just go to the progress bar of the video when you hover over the progress bar you can see the exact topic that i'm talking about at this specific part of the video and that will help you kind of follow along with the video and also when you come back later on you can just rewatch certain parts of the video or you can just skip ahead if you if some part isn't interesting to you but i do recommend to watch this video all the way through because i structured the video to make it as easy as possible for you to build your new online store and um a lot of also important things come at the end of the video so if you're serious about creating a professional and functional online store i would recommend to actually watch all the all the topics so that you don't miss any important steps all right so enough talk now let's get started building our online store alright so we want to make sure to all start at the same place so what you can do is just go down to the video description just below this video and click on the first link that you find there and that will take you to the wix website where you can sign up for a new e-commerce website or if you're watching this from a mobile phone or from a tablet you can also just go to the to the url box of your internet browser and just type in medicsmedia.com forward slash wix store and that link will also take you to the right website so this is what the website currently looks like for creating an online store using wix maybe in the future they change their design a little bit so if it looks a bit different for you don't worry about that and but there should be like a big button in the middle of the website where you can just click on and then you will be able to create your account and get started with wix so let's do that and click on start selling now so here we can create our account so what we want to do is just type in our email address and choose a password and then click on sign up and that will take us to the next page where they're going to ask a couple of questions about what kind of website we want to build with wix now you can go through them if you want to it doesn't really matter what you type in here because all they do is they recommend a couple of different templates to you based on the answers that you are giving here but you can also click skip on the bottom right it doesn't really matter now on this next page they kind of want us to decide if you want to build the online store ourselves use using their wix editor or if you want to use the adi which is artificial intelligence building the online store for us so if you would want to choose this then you would have to answer a couple of questions upload your logo and all that kind of stuff and then a wix the ai of wix would build your online store for you i don't recommend to use the adi because you don't really know what's going on behind the scenes of your online store and if you have an online store you should really know what uh what what's behind your online store and how your online store is built so i highly recommend to just follow along with this video and what we're going to do is going to click on choose a template on the right side and that takes us to the next step which is choosing a template for your online store now wix has tons of different templates for all kinds of different websites and industries so you want to make sure to choose a template that is suitable for creating an ecommerce website and as we have told them before that we want to build an ecommerce website and online store they have pre-selected all the online store website templates right here but you can also just go to that manually by just clicking on store and then clicking on online store and then you will see all of those templates you can also go even deeper and just choose a different industry right here so maybe if you would want to sell and let's say home and decor items we could just click there and then you could see all the different templates that are very suitable for for selling home decor stuff home accessories and all that kind of stuff you can also check out how these templates look like by just hovering over it clicking on view and then you can go to view full demo right here then you can just move around this online store you can see exactly how it will look like how it feels like and test out everything before you decide on a template now don't worry if you don't like the colors or the images or all that kind of stuff because you can customize pretty much everything later on inside of the wix website editor and which i will show you how to do later on you could also check out the mobile version of how the online store looks like on mobile which is very important because nowadays most of the traffic comes from mobile so you want to make sure that your website or your online store looks great on mobile as well and i'm going to show you how to optimize your website for mobile later on but there's not really a lot that you have to do because all these templates are already optimized for a mobile phone so that's really nice now let's go back here and what you can also do if you want to really find a specific template you can go to the top right in the search bar here bar here and then type in whatever you're selling so let's say i want to find a template for a watch store i just type in watch store and then i can see all the templates that they recommend to me for building a watch store as you can see here this is specifically for creating a watch store or all the other templates i could also just change to making a watch store you could also use a blank template right here but that's something i wouldn't recommend because it's just as a beginner i would just choose a template what i'm going to do is i'm going to choose and this template right here for an accessory store but i'm gonna make it to a watch store this is a very nice template in my opinion because it's very simple you can see all the items at a glance which i think is very easy for customers to see the price the the different um the different products and um yeah so i'm gonna use this template but if you don't like that you can use an other template you can follow along with this tutorial doesn't really matter because um you can customize everything eventually so it doesn't really matter so once you have chosen the template just go here click on edit and then it will take us inside of the wix website editor where we can make all the changes to our online store so now we are inside of the wix website editor where we can start building and customizing our online store now before we do that i want to give you a quick overview over this interface right here i'm not going to go too much in detail because while following along with this video you'll get familiar with everything pretty quickly but i'm just going to touch on the most important points so here in the top left you have the main menu and which is pretty much self-explanatory the only thing i want to show you here is that if you want to go into the back office of your online store you have to go to settings and then you have to go to my dashboard this is where you see all the sales that you make the orders the custom relation management email marketing analytics and all that kind of stuff which is something that we will go into later on in the video and then here on the top right you have the three buttons save preview and publish which are quite important so um i would suggest you save your website or your online store once in a while and autosave is normally turned on but you don't want to lose anything that you have created so when you click on save you have to give your website a name um so let's call it i'm going to create like a watch store so i'm going to call it medics watches and later on we're also going to connect our own domain so that's something we're going to do later on so that we of also a very nice url then i'm going to click on save and continue then whenever you want to preview your site so whenever you have changed something and you want to see how it looks like as a visitor you can just click on the preview button on the top right and that will take you to the preview mode where you can just um navigate through your website and you can see how everything looks then you can go back to editor to go back to this interface where you can change everything and then once we're done with the website we can publish the website which means that when you click on this button and then people will actually be able to go to your website and buy something so then we have the left side here we can move through different pages of our online shop so right now we are on the main page which which is our shop page and now we can change to the faq page the contact page and so on so if you want to change something about the faq page you would go to this drop down menu on the top left click on faq and then you can see the web page the faq page so that's how you navigate through your store inside of the editor then whenever you want to see your store how it looks like on a mobile phone you just click on this mobile icon right here and then you can see your store how it looks like on mobile and one quick thing is that everything you change your mobile here will only affect your mobile version of your store so that's very nice that if you if something doesn't look nice on mobile you can just hide an element you can change the element wherever you want to and it will just change on the mobile version we're going to go into mobile optimization later on in the video and then here on the right side again you have the undo button the redo button you have the this is zoom out and reorder where you can get like a bigger view a more macro view of your website um and then you have tools which um i usually untake this toolbar because you don't really need it and you can also use rulers um if you want to center certain things um and then you have search bar and then on the left side you have all the different tools that we're going to use over the course of this video to design our website so i'm not going to go too much in these right now because we're going to cover these later on in the tutorial all right so let's now dive into the fun stuff and start adding products to our store as you can see there are already a couple of products added to our store kind of as a placeholder and but we want to add our own products obviously so to do that we go to the bottom left side and click on store this little bag icon that you see here and this is how wix kind of tries to guide you through building your online store so here we can click on get started and then they already tell us okay let's add some products so let's click on add products right here and then it will open up a menu of your dashboard so as you can see here this is your dashboard which is um you can always go to your dashboard by going to settings and then going to my dashboard but these quick links that we have on the editor mostly just open up a page of our dashboard and then we can make all the changes there so that's how we're going to do it now but just so you know all the menu all the the settings that we change is also available right here so if you go to store products um then you can also change all the products right here but let's choose let's do it like this because it's kind of easier so click on add products and then we can see here we have all those kind of products so what you can do is click on select all and then go to um to this little bin icon and so we can delete everything now for this video so i can so i have some products on my store i'm just going to leave all those products and i'm going to add a new product so we can see how you can add new products so click on new product in the top right and then and you can also use the store to sell digital products or physical products so in this example i'm going to sell a physical product so i'm going to click on physical and then the first thing is to give our product a name so like i said i'm going to create like a watch store so i'm going to type in a minimalist minimal minimalist watch for men and then you want to add pictures to about the product so i'm going to click on add images and then you can upload images your product images so click on upload media on the top left and then i'm going to click on upload from computer and i'm going to choose these two images of two different watches so these will be uploaded in my content library another thing you can do here is to just upload all the images of all the products that you have to your library right here and then you won't have to upload it every time again when you add new products so first we're going to add this watch right here add to page on the bottom right and then we're going also going to add a blue version of this watch so let's add another image and we're going to choose this blue watch on the bottom right add to page and then we're going to move on so on the right side you can also create collections which makes a lot of sense for all kinds of different stores so for example for a watch store it would make sense to have a men's collection and a women's collection so i'm gonna just create a collection um that is named men's click on the little check mark and now these two this product um is uh inside of the men's collection then let's move on here uh to the basic info the name we already have given the name you can also add a ribbon so something if you want to add like brand new or new arrival or sale or something like that you can add it here and then you can add a price so because i live in switzerland the currency is by default swiss francs now later in the tutorial i'm going to show you how you can change the currency but i'm going to leave it at swiss ranks for now so let's say this watch is 150 and you can also make it on sale so we could say you could say it has a 20 discount and then the sale price would be 120 so what many people do is kind of up mark the price to maybe 200 and then they say it is on discount to make people buy but that's really up to you if you have a price per unit you can uh you can check this and then you can enter um like a price per unit is like if you price based on weight or based on size or something like that you can choose that here then you want to give your product a description so make sure to add keywords that people are most likely to search for if you're if they're looking for your product that you're selling and i'm not going to take a lot of time to write a good description here i'm just going to write minimalist watch but obviously if you're serious about your store you would want to take some time to write a very nice description and then let's move on additional info section so here you could add info about your return policy instructions about the product and all that kind of stuff that will be shown on the the product page later on um you have custom text as well so if you have a product that um people can engrave stuff on so maybe if on the wristband people could engrave a certain sentence and you could just um you could have them have a field where they can enter whatever they want to have engraved if you offer those kind of products then product options this is important um if you have different types of products so if you have a t-shirt that is that you're selling in red or in black then you want to add product options now in my example i'm selling a watch and that is black or blue so what i can do is add product options and i'm going to add different colors so here i'm going to type in color color and then i'm going to type in the different colors so i have black and i have blue so let's choose a blue right here and then i'm going to click on add and then you want to connect the images to the colors or to the different skews that you have for your product so click on connect images and then for the black one we're going to choose the black watch done for the blue one we're going to choose the blue watch done click apply and then people can choose between different colors and it will show them how the product looks like in their color that they have chosen you can also add different prices for different colors so if you click this we could um maybe say the blue the blue watch is 20 more expensive or 20 swiss francs more expensive so i'm going to type in 20 then it will be 140 but because we have a 20 discount um it will be not it will be 136 swiss francs um you can also add a skew uh just just so you you have an overview of your stock and all that kind of stuff you can also add a weight for if you if you charge shipping based on weight um then click apply and then if you have a subscription-based product you're gonna also add a subscription so if you maybe if you sell a protein powder and if you add a subscription option then people can just then they their credit credit card will like be charged every month and you will be sending them their protein powder every month so they can set up subscriptions if you um if you fill this out but i think the the plan that you have to go for is a bit more expensive if you want to use subscriptions so that's how you add a product now once we're done we're going to click on save on the top right and now as you can see here the product is added to our store and when we close out of this right now you should also be able to see so let's save this as well click save we should be able to see our product on our store so now when i go to preview we can see the product is right here now let's go back to our editor now the next thing we want to do is add payment providers to our online store if you don't add payment options then people won't be able to check out on our online store and you will not be able to take payments so this is something we absolutely have to do so in order to do that go to the bottom left side again go to my store right here and then click on add payment methods and here you can see all the different payment providers that you can use for your specific country right now as you can see here it says my business is located in switzerland so you can so depending on your country you might be able to see different options but the options that are available for pretty much everybody probably watching this tutorial is wix payments and paypal which is something that i would recommend to set up for your store because with wix payments you can people can just check out using a simple credit card and people who don't really trust online stores that they don't know they like to use paypal as well because they can just check out using paypal so and they don't have to give your store any credit card information so those are the two options that i usually add so i have those ticked and then click on connect me on the bottom here and then before we can move on we have to confirm that we are not selling any of these types of products that you see right here and if you do sell any of these types of products it doesn't mean that you can't build an online store and sell these products but maybe wix wants to do some more due diligence about your store because these are sensitive um products but probably most of you won't be won't be selling any of these so um you could just click on i confirm that i'm not selling any of these above and if you do just click on i'm setting some of the products and services on my site and then you will just go through the process that they show you here but let's click on this button right here and then move on to the next step and right now we have added the payment methods wix which is credit cards and then paypal um in order to start accepting payments we have actually we have to upgrade our account which we will do later on we're going to choose a plan so let's now upgrade and choose a plan so that we can finish setting up our payment providers so that we will be actually able to take payments on our online store so we can easily just go to upgrade now on the top here or if you don't see this maybe in the future they're going to change that so i'm going to show you how to get to it another way you could also just go to your editor and then click on go to the top here where it says upgrade and then you could go to compare plans right here and then what you want to make sure is that you are on the business and e-commerce plans that you see right here and not on the website plans you want to make sure to get one of these plans otherwise you won't be able to take payments on your online store now what i recommend is just go with business basic for most stores this will be enough now what you want to do before you choose a plan is go to the bottom here and maybe look through some of these things that you will have or will not have with these plans for like i said subscriptions is something that is only available for people who have the unlimited plan but not for people who have the business basic plan so that's something you want to keep in mind but i would just go for the business basic plan if uh everything you have checked everything and everything is enough for you and then later on you can still upgrade to a higher plan tier so i'm going to click on business basic right here and then here you can decide on um the the frequency that you want to pay in obviously um if you go for the year to pla yearly plan it will be a bit less expensive um i would recommend that if you're just testing out the story don't even know if you're going to be profitable then go for the monthly plan um or if you if you are already like serious about this store and you know that you will be keeping it at least for a month or even two years then choose one of these higher these um yearly or two-year plans because then you will be saving some money but i'm just gonna build the store as a demonstration so i'm gonna choose the monthly plan continue to checkout and then here you just have to type in your credit card information obviously and then click on submit purchase all right so now that we are on a premium plan we are able to take payments on our online store and we will also be able to connect a custom domain to our online store so that we have a professional looking domain so i'm going to show you what i mean so if you go back to the editor and we click on publish on the top right and then the site will be published and people can go and visit your store but this is what your url will look like so when we go to visit site it will say something like medicswatchstore.wixside.com which is something that looks very unprofessional so i would highly recommend to just add a domain to your store otherwise people probably won't trust your store and it will hurt your sales probably so um if you already have a domain what you can do is just go to connected on the bottom right here and then you have to follow the instructions that they give you here um but for most people probably you don't have your domain yet so the easiest way is to just sign up with a domain using wix so um let's um find a domain for the specific store i would go for a com domain if you sell internationally or if you sell only domestically you can also go for for my example.ch which is for switzerland just whatever is the most legit for your online store um so let's say medicswatches.com because i'm trying to sell watches here click on search and if it's available great if it's not available you can also maybe go for it.net but i would really try to go for it.com and maybe change your name a little bit um yeah it's up to you but dot com is the best and click on get it right here and then again the same thing we can either go for the yearly the two year or the three year um because i'm gonna just do this for the video i'm gonna go for the one year plan and then i'm gonna click on continue then again make sure this is filled out and click on continue and now here you can choose between a private registration and a public registration i would highly recommend that you go for the private registration otherwise your address your email address and all that kind of stuff will be out to the public and you will get a lot of spam emails and spam mail that you really don't want to get so i would highly recommend to use the private registration even though it costs like 10 bucks a year just go for the private registration and you'll be fine then click on continue then again we have to submit our purchase and that's already it now this domain that you went for that you see right here will be automatically assigned to your store right now in in a couple of minutes or like half an hour from now you will be able to visit this website and go to your store that we are setting up in this video so we can now close out of this tab right now which will take us back to our editor now actually let's go back to our payment provider so we can finish the payment provider setup and then we can move on with the next step so we go to the my store again on the bottom left click on update payment methods and that will take us to our dashboard where our payment providers are and here as you can see we have set up the wix payments and the paypal so what you want to do is click on complete setup right here and here is where you have to enter all of your information so click on complete account setup and you want to give all your business information and your bank details so that you can get actually paid once somebody buys something on your online store so go through through this one and just upload everything that they need upload bank statement your your bank information and all that kind of stuff and then once you've done that you also want to do um the paypal setup if you have chosen to go for a paypal payment method as well let's go back here and what you have to do here is click on setup account to activate and if you already have a paypal account you can just click on connect as an existing account or if you don't have a paypal account click on create an account and then you will be able you will be walking through um setting up your paypal account and that's it for setting up your payment providers so we can close out of this right now and it will take us back to our website editor now let's move on and set up our shipping rules so again we go to the left side here click on my store and then we click on edit shipping rules and then again will take us to our dashboard and open up the shipping settings so you can divide your shipping rules based on different regions so right now by default it is a domestic region because i live in switzerland this is domestic for me and then you have international so everything other than switzerland it would be uh this rule right here you could also add regions so you could add maybe usa canada whatever you want to so you can add a region right here and then set up new rules for different regions but let's just keep it at domestic and international so what we can do to change the rules because right now it is set up to free shipping so that when somebody buy something on your store it would not charge them shipping it would just charge them um what the what you said as a price for the product so maybe you want to do free shipping and you already cover the cost of shipping inside of your product margin so that's really up to you but you can change everything here by just clicking on edit shipping rule and then um you can add also different regions of your country maybe right now the price will be the same for every region of my country but you could also divide it by different regions if you want to um and we have the first shipping rule here which is free shipping you could also change this if you want to change shipping to maybe a flat rate rate by weight rate by price rate by product so let's maybe change it to flat rate so we could say this is the standard shipping um shipping and here i would also give your customers an estimate of how long they need to wait for their product because it's really annoying when people don't know when the product will arrive so let's say three to five business days and the rate will be let's say five swiss francs and um we can also offer free shipping if people buy products with of more than like let's say 200 swiss francs then we will offer free shipping which also sometimes prompts people to even buy more because they don't want to pay for shipping somehow which also helps and then you can also add a handling fee if you want to but i normally don't do that um so what we could also do is add another another rate for maybe express shipping so maybe have two different shipping providers and you want to have a quick shipping and a slow shipping um with a quick shipping obviously they have to pay more so let's click on add another shipping option right here and we're going to call that express shipping and that's let's say one to two business day so people who want to get it like the next day or the day after that um they can just go for the the express shipping and then they will just have to pay let's say this is 15 swiss francs they have to pay like 10 swiss francs more and then they will be able to get it quicker and that's it you can also add local deliveries if you don't need a shipping service or local pickups then once it's done click save on the top right and that's how you can set up your shipping information now we pretty much set everything up so that people can actually go ahead and buy products so let's now test out the checkout process so let's close out of this right now and then go to click on publish on the top right and then go to view site right here and as you can see now we already have our domain that we have bought medicswatches.com and this is our store so now we can click on the product that we have added right here let's click on this product and that will take us to the product page which i'm going to show you how we can customize later on as well and here people can just click on the color that they want so black blue we have increased the price a little bit for the blue watch then we they can click on add to cart and it will add this to the card then we can click on view card and that will take us to the checkout page and what you want to do is you want to test out if everything works so here we can change from standard shipping to express shipping which we have just set up before if you have promo codes people can enter a promo code right here and then when people click on checkout they will be able to pay first of all they have to enter their shipping details then off the rate delivery method a payment they can choose between paypal and and credit card and then they can buy so um what i would recommend to just type in your own information or just some random information right here to check if everything works because especially when you like do ads or anything you want to make sure that your checkout process works otherwise you will be um losing a lot of money okay so let's now move on and edit our store design now we're going to take a top down approach which means that we're going to first change all the big things like the background and the color theme the fonts and then later on we're going to go more in detail and i'm going to show you how to edit each individual page so first let's look at the color theme so if you go back to the to the left side here go to theme manager then it will open up the settings for colors and for text so with colors if you already have branded colors for your store you could just change them right here click on edit color and then choose all the colors that you already have set up for your branding and what you could also do is just go to change theme here and you could change the theme you could choose another color theme based on what wix has already generated for this specific template if if you don't see a lot of things changing you could also switch between pages here in the drop down menu maybe go to the faq page and and then see how the different themes look like there personally i really like the the theme that they have already set up by default so i'm just going to leave it at that and because i think it looks very simple very minimalistic which is the kind of style that i like so i'm going to leave it at that and then what we can also do is go to the text so here you can edit the text themes which means that you could change the font for your heading one for your heading two and so on and also for the paragraphs now i highly recommend to not add more than two different or maximum three different fonts for your website because first it will look unprofessional if you have just too many fonts and second and the load speed will just be a lot longer when you when wix has to load more fonts for your website which hurts your conversions eventually so you don't want to have too many fonts and so you could just click on heading and then change the font right here um again take some time see for yourself what you think looks the best maybe you already have a branded font that you wanna that you wanna set up here um i'm just gonna leave the font as it is because i think it looks pretty good and i don't wanna take too much time here to just edit all the fonts but this is where you could do it now let's move on to the background right now we just have a simple white background which in my opinion looks pretty good for this template but if you would want to change that you could go to this menu right here background and then you could either just change the color when you go to color maybe go to a blue maybe a orange or you could also add an image so you could add an image right here and or maybe this one and then you can also change the settings of the image so the opacity um you could also change the saturation if you go into this menu right here but i'm not going to mess with it too much right here because i'm going to just leave it as it is i'm going to leave it at white because i think that looks the best a lot of time you find that the theme that they give you the settings that they have already made are already pretty much optimized for this specific template but eventually you can customize everything here so just just so you know where you can change everything and if you maybe if you choose let's say we want to go for the color light blue and then what we want to do is we want to have it the same way on each page so we would have to go to apply to other pages and then we would have to click on all pages so that the new the new blue background is visible on all pages and not only on the faq page right now but let's undo this real quick i'm going to go to color white applied to all pages all pages and now it's white again so this is how you can change your background so let's now go ahead and manage the pages off your online store you already know that if you go to the top left to the drop down menu here you can navigate to different pages of your store but how do you actually add new pages how do you remove pages or how do you edit design of those pages so you could go to the top of this menu click on menus and pages and here you can manage all the different pages on your store so on the site menu this is basically what you see on the top of your website and which is the header so you can move things around here so if you would have want to have maybe the faq section um in front of the about section you just move this on the top here and then you can see it changes um you could also hide different pages right now the shipping and returns pages is hidden so we could go here and maybe click on show and then it will show here on the top and you could go back here click on hide and then it will be hidden again and then you have specific store pages which is specifically pages that are made for ecommerce stores this is basically the pages that people go through when they buy something on your store so there's the shop page where people select the product product that they want then there's the product page where people can see the individual product and all the information related to that product then the cart page and then the thank you page and you can recognize those pages by looking at the icon so this is like a shopping bag icon and you also have a member pages so if you want to have a member section on your website um you can use those pages as well but let's say for this website i don't want to have a member area so what i can do as well is just go to the gear icon here and just delete members area and then it will get rid of all of those pages um for this specific website and you can see here it also got rid of this um this sign up option on my website and then when we go back into the menu we can see all those member pages are now gone um you also have page transitions where you can just decide on how it will look like when people move navigate through different pages on your store it's just kind of a design preference i just go with the out and in because i think that looks very good and um let's say we want to add a new page so let's say we want to add a men's collection and a women's collection and we want to put that page on the in the top menu so all we have to do here is click on add page and then we could either go ahead and choose a template but in this case it doesn't make really sense so we're going to click on blank page on the top here and then we have to give our page a name so let's say men's just men's for men's collection click done and now we have added this men's collection here so let's say we move this even on the top so men's is first and then let's add another page and in this case we also want to add a women's collection so we're going to name that women's click done and now we can go to those pages so let's go to the drop down menu again go to men's and now we have an empty page and edit what we can do now is add content to that specific page so to add content to your page you go to the little plus icon on the left side click on add and then you can choose between all different kinds of elements for this specific page now in this example it should be a product page because and the men's collection should feature um products like watches for men so i'm going to go down to store right here and i'm going to choose a you can choose different kind of um gallery options so design options how the product should be displayed on your store so let's choose the simple grid product product gallery this one and this will add those products to um to this page now right now it just shows all of the can also like drag it around like this now right now it just shows all of the products but i just wanted to have shown um the collection like that i've chosen the men's collection so i just click on this item and then i go to manage products oh actually no i'm sorry i go to settings right here and then i go to collection and right now it's set to all products what i want to do is i want to set it to men's and that will remove all the other products that aren't in the men's collection then i can click close and that's it i'm going to click save and now we have a new page that is specifically for the men's collection now specifically with your store pages you have a lot more design options so if we go to let's say the shop and then we click on this shop element right here and then we can click on settings here and then you can see different settings for your store so you could change the layout maybe change the the product display style and you can just hover maybe maybe just click on the styles and then you can see what changes um pretty much live so um i'm not gonna go through each of these options because there are so many customization options it would just take too long but on your own time just go through these settings and make sure you find the option that looks the best for your store and you pretty much do the same thing with all of your product pages so your product page and your store pages so your product page your shop page your cart page and your thank you page so for example let's go to um the product page which is what people will see when they click on a product and here the same thing you click on the element click on settings and then you can go to layout maybe you want to change layout to this or this maybe you want to change um you pretty much can change everything here so just go through it on your own time and play around with it a little bit so it just looks the way you want it to look okay so now we're going to go more in detail and i'm going to show you how to customize each element on each page of your online store so let's go back to our let's say home page and let's start with the header so obviously we always have a header then we have a part of the website so in this case this is just showcasing our products on our shop site and then we have maybe another section an about section maybe have a video and then on the bottom there will be the footer now if you want to rearrange those so-called strips this is what wix calls those parts the easiest way is to go to the zoom out and reorder button and then you can just reorder all of those different strips so if i would want to add a new strip maybe featuring a video a video of our product what we could do is just go to let's go exit mode then go to add and then we're just going to add a new strip so let's click on strip and then go to um let's go to classic and then just add a new strip right here cool so now we have a new strip where we can add content so maybe we want that that new video that we're gonna add in a moment to show up in front of the about so above the about section so again we can go to zoom out and reorder and then we're going to go to this strip here on the bottom and we're going to go to the arrow on the right side where it says move up and that will move up the strip um above the about section we can also move this strip to the top here or to the bottom where this is basically how you can manage the macro things on your website so let's click save and exit and then let's scroll down to the strip then we can add maybe a video so let's go to [Music] to video and music single video players um video upload and then the video will be inserted here you can just drag it around however you want to maybe you can make this a bit larger as well and drag this down here then drag this out a little bit and what you want to make sure is that all the content of your website is inside of those two grid lines so this gridline right here and this gridline right here the reason is because people visit your website on different kinds of desktops different kinds of screens or mobile devices and as long as you make sure that it's inside of those two gridlines then it will be visible on on every device basically it's a bit different with this uh this shopping element here and this will just be adjusted to mobile but with simple elements like videos images and text you want to make sure it's inside of those two gridlines so now we've added a video what we could do is change video go to maybe youtube and insert a youtube video right here and featuring the product so that's basically how you can add new strips to your website um let's maybe add a a top maybe a strip here on the top showcasing maybe the headline off our site so we can click on add and then go to um welcome and choose maybe this one this is a video which looks pretty cool um so again it just inserted the strip on the bottom so we have to go to zoom out and reorder and we're gonna go to this arrow and move this all the way up to the top like this click on save exit mode and now we have this on the top so what we could do is change this element here so add a text so let's say this should be medics and then change this to watches watches then and then we have this button right here and let's let's just delete this button real quick delete and then we gonna add a new button so add go to button and then um here the theme buttons is the ones that are fitting very well to this theme that we have here so i'm gonna choose this then it will just add the element into the canvas we can always just um drag this out make it a bit bigger and you want to make sure to center it as well so as long as you have these um these grid lines and add these sorry these snap to objects enabled these objects will always snap to the middle or to another element like this so that it's all aligned perfectly so i'd highly recommend to just leave this on then change text and icon maybe change this to click on shop now and um and then what we want to do is we want and that button to when we click on it that it scrolls automatically down to our items or to our products so what we have to do is add an anchor to this section right here so we go to do the plus sign go to um menu then go to anchors and we're going to add an anchor we're just going to drag it right here and then let's rename it as well let's name this [Music] products and then what we can do is go to the button go to link and then we can link it to a certain page uh top the top of the page bottom of the page and so on but we're going to link it to an anchor and we're going to choose the products click done and now when we go to first save and then we go to preview now first of all this is a video so you could also change the video obviously and then click on shop now and then it will scroll automatically down to where you set your anchor so this is also something i wanted to show you but now let's move on and start maybe adding a logo so here on the on the top left you see um this is just um from our template so we can right click uh right click and delete right click and delete and then again click on the plus sign this is how we add stuff go to image my uploads my image uploads that will take us to the content library and we have to upload a new image so let me just find the one that i have for this site this one choose it here add to page and that will add the element to our page now we can again resize everything the way we want to and then we can just drag it into the header um so we can have the logo on the top so let's say maybe i drag the menu to the right side let me make this a bit smaller as well drag this here and you always want to make sure that it snaps to these magenta lines so everything is centered very nicely okay so that looks pretty good now here um i already showed you how you can adjust those uh how you can change like the the what comes first and stuff and here you have and the social icons obviously you want to set your icons so that they link to it to your page so here facebook make sure you you change this link to your facebook page and the same thing with instagram pinterest you can also add new icons like maybe like maybe uh spotify amazon facebook youtube so whatever social challenge you have and that's pretty much it for the header now another thing i want to show you is let's say you want to change you want to add some text and you don't really know what you should write so what you could do is click on get text ideas and then what kind of store are we building so let's say this is a watch store and then they have pre-written text so now let's say we want to have a text for the about section we click on about create text and then it will generate a specific text that is very suitable for a watch store so let's take this first option here and then we could just change all the text here to make it fit to our business so we could say since 1932 medics watches [Music] watches has been a well-known watch store in zurich well started out as a hobby and so on so this is basically how you can get text ideas um from wix for your store and again the same thing just move it around to everyone to make sure it's inside of those two grid lines and you should be fine now let's move on to the bottom here here you also have links so shipping and returns you can also change those links by just clicking on the element highlighting the text and then clicking on the link icon and then you can basically change the link right now it's going to the page shipping and returns so it's probably already set up pretty nicely obviously you want to change your phone number your email address and the social icons again here and then you have the email signup page on the bottom which if you want to do email marketing i'm going to also show you a bit how to do that when somebody types in their email here you will be seeing their email address in the back office and you can have a triggered automation message sent out so maybe a series of five emails giving them maybe coupon codes and all that kind of stuff so you could use that or if you don't want to bother with email marketing just delete that field altogether just right click and then click on delete and then here on the bottom you would obviously want to change that just delete the wix stuff here and then by in my case would be medics watches then also what you notice on the bottom right of most templates you have this chat box right here here in the bottom right and people will be able to to chat with you so let's click on preview so you can better see it so here when people click on this item then they can say like hello and then you will get the message in your dashboard and i'm going to show you real quick where you will get this message so um if you want to have that option for your website you you can just leave it on or if you don't want people to be able to chat with you right here you could just right click and delete this part of the website but real quick um when we go to settings right here and then go to dashboard all the way in the bottom then we get to the back office of our online store and then when you go to customer management and go to to inbox sorry customer management inbox then you see all the messages that you get from customers and uh you can also download the wix app on your phone and then you can basically chat with people on your phone like i see right here i just type in hello and then i could just answer hi and and basically answer all the questions they have on our products and that's something i actually recommend because um if somebody is on your store and they are asking questions that means that they are interested in your product and maybe um and on your on your um online store you wanna optimally answer all those products uh sorry answer all those questions that people have about your product so it kind of removes all the objections of buying your product and that way you can get information from potential customers to be able to optimize your store to to make to get higher conversions on your store so um it is a bit of work to actually go ahead and and and communicate with the customers but that's really something you have to do if you're serious about your store and also as we've seen before on our website here um here people can type in their email address and this is basically a form so you will see those contacts um in your dashboard under form submissions so you will see all that all those contact informations here and then you can go get back to them by your email or what you can also do is set up automations so they will be automatically uh be sent emails to them um once somebody signs up but this is really advanced stuff which i'm not going to go too much in detail now another thing i want to show you real quick is in the automations tab what i would do is activate a couple of standard automations like when somebody puts something in their cart and then they abandon their card which means that they don't purchase then you want to send them an email um a couple of hours later that they have left something in their cart and that sometimes will will prompt people to go back and actually buy whatever they wanted to buy so here are automations what you can do is go to email visitors uh to recover abandoned cards click on use this automation and then they have already set this up so i'm going to show you real quick what they will be getting um they'll be getting this this email so it says uh we noticed you left something in your cart it will show the item here and then you can they can click on resume your order and then they will get back taken back to their cart page and maybe they will purchase after that um so let's go back here so all you have to do here is basically just activate this feature so click on activate and then this automation will be activated and you'll be recovering many a lot of um abandoned carts and the same thing with people who actually did purchase you want to get them back to your store and and buy something else so click here on invite paying customers back to your store with an email click on use this automation and again you can check out how this email looks like go to to this and then check check out preview test and this is like the pre-made email you can also change the email if you want to and then you can just click on um on activate and then this email will go out to people who have who have purchased from you so we can get a lot more repeat customers so that was just a quick diversion into email automation email marketing and customer relation management now let's go back to our actual online store so now we're pretty much finished designing our um our main page our homepage our our shop page and obviously you can customize it however you want to it also might look different depending on what kind of template you have chosen and but one thing you should do before you finish all the designs is first of all go through each of these pages and that you have set up here on the left side and make sure everything looks perfect before you actually send people to your store and then you want to make sure everything looks good on mobile as well so for every page you want to go to to the mobile version switch to mobile and then you want to make sure everything looks good now most of the time everything will look pretty good if you haven't changed too many things because these templates are already optimized for mobile but as you can see i have changed some things and now it doesn't look too good so what i want to do is optimize everything uh that it looks nice here so here on the bottom did products look good then this looks fine okay this looks good but here on the top for example this logo maybe should be a bit more on the left side this should be maybe up here this up here the menu then i'm gonna make this a bit smaller like this i'm going to change the font here so make it a bit smaller so you can actually see the entire text like this you could also if you don't want to if you want to hide an element you could just click on the element click on this little height section button and then it will just not be shown on your mobile phone and if we go back to the desktop version the element will still be there so everything you change on mobile will only be changed on mobile this is the nice thing about this editor you can also go through these menu options on the left side here so you could go to mobile tools you could add like quick action bars on the bottom so people could call you send you a message easily on a mobile phone um you could also have a back to top button welcome screen and some different things that aren't that important and so you just want to make sure to go through all these pages faq page contact page on your mobile phone as well and make sure everything looks perfect another thing i would recommend is just to to save it publish it and then open the website on your own mobile phone and make sure everything looks good there so you can have a live preview of your website so that's everything you need to know basically to start designing and customizing everything on your store now the next thing i want to do is go into the general settings a little bit in the back office of your online store to make sure we have all the information completed to make everything run perfectly so we go to the settings on the top here and then go to my dashboard which again is the back office of our online store here you have an overview of what's going on inside of your online store so on the left side menu you can just go through that on your own time and maybe check out each of the menus to really get familiar with it here you can basically manage your products here you can see all the orders that people have placed on your store the customer management is really like how you communicate with your customers marketing and seo is something that we will be looking at in a second so that can really optimize your your e-commerce website for the search engine so that you can also get organic traffic to your store um that which will get you basically free sales and analytics and reports is something that will become interesting once you get some traffic to your store once you get some customers so you can really start optimizing finances obviously like payments price quotes invoices and stuff like that and what we want to take a look at also is these settings so we're going to click on settings right here and you want to go through each of these settings so you want to go to through website settings um here's the the site name that we have set up here um the domain we have already set up a custom domain which is nice then the favicon maybe you don't know what a favicon is it's basically just a little icon that you see on the top of the browser right now it says i don't know if you can see it it's like the wix icon for the website that i'm on right now and you could also change that so if you click on upload image so i'm going to choose the m and now if i click save and then i go to to this domain to my store now you can see on the top it shows me this little icon so this is the favicon that i have just added and then you can also add a social share image which is just something that will people will see on facebook or twitter when people share your online store so you could basically use the same the logo of your your store um that's basically it for this tab now let's go back to settings and the business info you want to make sure to type to enter all the information about your business as well then um you want to go to language and region um basically uh site language should be the language of your customers obviously um you can adjust the region and here's also where you can um change the currency of your online store depending on the plan you can also add multiple currencies but under basic plan i believe you can only add one so for me this would be swiss francs because if i would be selling in switzerland this would make sense um so there's that then roles and permissions is for um if you wanna if you have a team and you wanna have your team adjust things on your online store you can add some permissions here then let's move on to e-commerce finance settings accept payments we have already set up now store shipping we have our also already set up and the tax this is really based on where you are selling you can set up your tax information how much tax people have to pay if you want to charge people tax um you could also use the avalara option on wix which will automatically calculate the tax based on where your customers are ordering from which is something that is very useful but it's only available for i think one of the higher tier plans so for the basic plan i think this isn't available so you would have to set it up manually um so i could just set it up for switzerland right now i could set up a tax rate right here and it normally has by default the correct tax rate for your country so make sure you check out on the laws on your country to set up all the tax regulations to make sure you you comply by them and then store checkout basically want to go through all of these menus um it's really self-explanatory so i'm not gonna go through each of these menus i just wanna i just wanna make sure you go through them by on your own time so you don't miss anything but basically everything is pretty much set up correctly by default so there's not too much you need to change now the last thing we want to take a look at is the search engine optimization settings which will help your online store be discovered in the search engine like google bing and so on and wix makes it very easy for you to optimize your page for search engines so if you go to the marketing and seo tab and then click on get found on google then what you can do is click on start now and then they will guide you through setting up your seo for your website so first of all we have to type in our name so that would be medics watches then click next then the business location so let's say this is an online business so click next and then we have to type in a couple of keywords so three keywords for our business which will kind of help them to optimize our business for seo so i would say minimalist minimum list watch watches maybe a watch store and maybe um accessories it really depends on on what's relevant or what's uh relevant for your online store so take some time to find the most relevant keywords for your online store then on the bottom right click on create seo plan and then again wix will walk you through every single step that you have to do to optimize your online store for um for google so first thing you have to do is click on connect to google so that your online store will be indexed in google this is uh required so that people can actually find your online store inside of the search engine so make sure you click on this button and index your online store in the search engine and then what you want to do is go through each of these tabs that you see right here and make sure you see a check mark on all of these items so right now this is done because we have already set up keywords we have set up a business or site name and the title has a good length now let's move on to the next step um we have to also include at least one of our keywords in our homepage description include your business name or site and so on so if something isn't a check mark yet what you have to do is go is just read what they want you to do here then go to click on go to editor and then they will automatically show you where you need to make the changes so it will automatically open up the menu where you have to do something here for example it has opened up the store pages and went to shop and then went to seo google and here is where they want us to add a description on the bottom it already has added this as a title so in google it would see it would look like shop medics watches we could also change that if you would just maybe say something like um minimalist minimalist watch shop then it would just be shown like that and then we want to add a description using the keywords that are most relevant for our store so i'm not going to do that right now but this just so you see how every how this works and then you just want to move on scroll all the way down until you finish all of these tabs so that eventually your page is perfectly optimized for the search engine so that people can find your online store and that's basically it make sure before you launch your store before you send people to your store to actually go to your to your url and make sure everything works go through each of the pages here go go and click on products go through the checkout process and uh just make sure everything works perfectly so people can actually go ahead and buy something and and then you'll get paid so if you haven't yet started your online store you can go to the first link in the video description and start your store right now um i want to thank you for watching this video all the way through until this point if you found this video helpful make sure to give it a thumbs up they will really help me out a lot and if you have any questions just leave them down below in the comment section and i'll make sure to get back to you as soon as possible also make sure to subscribe to the channel if you want to see more videos more in detail tutorials just like this one i have already tons of tutorials about email marketing how to make a website how to make an online store and a lot more on my channel so you can check out my channel um right there and that's pretty much it thank you very much for watching and i look forward to seeing you in the next video

Channel: Metics Media

Views: 39,026

Keywords: wix ecommerce, wix, wix tutorial, wix pricing, website builder, sell products online, wix online store, how to make a website, wix.com, make an online store, ecommerce, wix tutorial for beginners, wix website tutorial, web design, create a website, website maker, ecommerce website, online store, create ecommerce website, create an online store, how to make online store, how to create an ecommerce website, wix e-commerce, wix store tutorial, wix or shopify

Id: A09H6oyCoL8

Length: 68min 25sec (4105 seconds)

Published: Mon Feb 15 2021