WooCommerce Tutorial 2021 (Step by Step For Beginners)

welcome back to the channel this video is a step-by-step tutorial to show you everything you need to know to set up your first online store using WooCommerce and this is an extremely popular way and really a great way to set up your online store for several different reasons so first of all commerce is a plug-in that's going to run on WordPress now both WooCommerce and WordPress are both completely free so really all you have to pay for is your domain and your hosting which are generally very cheap so it's a very cheap option for creating an online store now second of all this is using wordpress and wordpress is very very popular because it's extremely versatile with thousands of plugins thousands of themes and so you really have kind of unlimited options for how your store can look if you want to have 500 blog posts on here you can easily do that with the wordpress now the last reason that's very popular is because it's a very robust and very versatile software that allows you to sell different types of products you could have physical products digital products you could have not even really products it could be affiliate marketing links you could have things on there that would be selling services for example and I'll show you how to set up all of those in this video so that by the end of this video you can have a full-blown store ready to go that's up in live selling your products now with that in mind guys we have a lot to talk about in this video I'm going to try to keep things not too technical because honestly this does not require any coding at all you can easily just go through this video and click on everything I'm clicking on and have your website your store ready to go by the end without understanding a lot behind it but for those of you who are interested in understanding a little bit more behind your website I will add some commentary to explain what I'm doing why I'm doing it and give you a better idea of how things are actually operating and I want to start off with exactly how WordPress is really operating and what we're talking about when we say hosting now I'd like to compare this to typing out a document for example so if you're gonna type out a document there's several different programs you could use you could use Google Docs you could use Microsoft Word you could use Apple's version like there's just a lot of different software's you could use of course we know one of the most popular ones is Microsoft Word so that is the equivalent of WordPress now there's a lot of different ways you can make a website but WordPress is a very popular way of creating our website so if the document is the website then WordPress is Microsoft Word so that's your analogy right there in the hosting is similar to that in that when you write your document on Microsoft Word you can't just close out of the document or else it'll go away forever and nobody can ever see it again and so we have to do is you're gonna save it to a specific drive somewhere on your computer now the drive is what I would compare to your host so when you're hosting it's going to be where you're saving your website essentially so you have to buy your domain you have to save your website somewhere that's really where your host is then WordPress is the engine we're using to interface between what we want to do an actual code that goes on behind the scenes so between these will be able to just make our website with no coding at all it's saved on our host and it's ready to go on the Internet all right so Santry el mediacom slash Bluehost or you can click on the link in the top of the description below and that will bring us all to the same page this will also give you a discount so you have the best price you'll see it's about 50 to 60 percent off right there so it was $8 a month now it's four dollars a month and I'll show you how to even get a better deal than that so if we go into choose plan we have three different options here and it's important to look through these because well in this video I'm going to get the basic one because that's all I need for this video but some people may want the plus or the choice plus so it's important not to save yourself one dollar a month over something that could be a pretty substantial difference now like for example the automated backup could be a really important thing for your website depending on what type of website you have in what you're looking for likewise the 50 gigabytes limit of space on the basic option if you have a lot of content on your website a lot of pictures and a lot of just stuff maybe videos for example you may want to upgrade to the plus or the choice plus but like I said this video I'm just getting the basic one for a lot of websites this is probably all you really need and 395 per month I'll talk about the price there in a second because it is not necessarily always 395 per month it depends on how you get it now choosing the domain you can either have one that you already own and transfer it so if you bought it from Namecheap which is actually a really good way to buy a lot of domains or from GoDaddy or something like that you could save a little bit of money it's a little bit more confusing which is why I typically just buy the domain right here so we are going to or you could just say I'll create my domain later you could skip it if you want I recommend doing it right now so let's say Sandra L media website comm and of course you could change it instead of com the other ones like dot blogs or dot tech like theirs it's much more likely that your domain is open for the komm is probably the most recognizable and one that I generally recommend so then the next page right here the luckily the domain was not taken I'm sure lots of people really want San Trail media website com but anyway as we go down we can create our account information right here and before I get into doing that let's go down and I want to talk about the package down here so you see that the price first of all they have 36 months for 395 per month if you want to pay on a shorter time scale maybe annual or biannual then it's going to be either six dollars a month or five dollars per month so really not a huge difference there but if you're willing to make the three-year commitment honestly it's only $140 so it's really not that expensive considering a lot of other business expenses are significantly more and when you're creating this WordPress is free the templates free the themes free so I wouldn't worry too much about that if you think you can handle the longer the longer range go ahead and do that another thing is you actually don't have a month-by-month option here so twelve months is the least you can get and you'll see right there the other option just popped up so they are suggesting that we can get either you know even a greater savings right now somebody claimed the savings on that and it'll bring us back to the same page again and so that's why I didn't type in the account information yet if that did not pop up for you the way you would get it to pop up is to just go up here as if you were about to X out and right when your mouse gets somewhere up around here that should pop up and that will give you 295 per month again for 36 months but now you'll notice that all of these dropped by one dollar per month so now I can get the twelve months for only $59 which is honestly a pretty good deal there now we do have free domain registration I believe the domain is only free for the first year this also gives us SL encryption which you'll see the little lock icon at the top that's what it's going to do very important when people visit your site and especially if you're taking any kind of credit card payments now the package extras we have some other things the domain privacy and protection an extra one dollar per month that that way normally you could just go to who is calm and I could find out who owns any domain where what their address is what their phone number is and sometimes you just want that information hidden so that's typically what I would do I pay the extra dollar per month to hide that you also have code guard basic I'm not gonna get that on this website I'm not going to get site lock on this website either you may want these so definitely go and read them as well so then click the giant blue button that says create my account it'll bring you to this page right here and we are going to create a password let's do that right now and now this will bring you to this page right here so we can go ahead and log into our account so next Bluehost wants to know a little bit more about what type of site you're creating and this is so that they can recommend plugins and extensions for you on your website I'm gonna skip this step because we really don't need it right now next I want to know what we should add to our site so blog store about me I'm gonna skip that as well I'm gonna show you guys how you can import an entire web site very easily for free so we're gonna skip all of these different things right here skip these steps we're gonna skip this as well so if you get onto the bottom we don't need to pick a theme just yet of course if you see one there you could do that I'm gonna show you in this video how to actually get the theme much more easily than that so we're gonna click on so actually let's just go through this real quick so we have home and this is going to give you a little bit of a checklist of things that they recommend you do you can go down and see my sites if you have multiple sites through Bluehost here of course you can have different ones hosted to create a new site if you want we have marketplace email and office stuff like that I'm not gonna get into that domains the ones you bought are down here and they tell you when they expire how much it cost to renew stuff like that so for this video right now to make to our site to make our WordPress website go back to home click on WordPress on the top right it'll open up WordPress and we should be getting signed in pretty much automatically here and the dashboard here admittedly does look a little bit intimidating at first there's a lot going on so I want to walk you through just the basics before we get into things to show you what we're working with so right here on dashboard you'll see I don't really do a whole lot with this it's there's gonna be some news some things like that some change or design you can do things like right here but everything that it's going to show you here you can also access elsewhere so going down on the left side we have updates and it is very important to check this every time you sign into WordPress to make sure all of your plugins and your themes are up to date so you don't have any kind of vulnerabilities and you don't have any issues with your website then we have posts this is going to be essentially any time you make a new article for your blog or something like that and so these will show up here you'll see author tag stuff like that we can go and check out categories we get into that later on media is going to be where you can upload documents or images or videos that you will be using on your website you can manage them delete them here or whatever you need to do then pages will be essentially everything on your website that is going to be staying long term so maybe an about Us page home page stuff like that it'll be showing up here right now we have no pages of course because we just started this website you'll see the comments when people comment on your articles if you have comments enabled they'll show up here and you can approve them or you can reject them sometimes there are spam comments out there so it's important to get a spam filter plug-in as we go down you'll see appearance this is where we can change the theme of it and what it actually looks like because if we go to Mike's hat shop calm right now it has this theme by default but it has nothing on there just a very blank website so let's go to Mike's hat shop comm and you'll see that we have it looks very very bare it's just another WordPress website that's what it says so I'll talk about the rest later on but we see plugins right here it's the last thing that I really want to talk about and this is going to be all the little tools that I said you can add on to this so let's go and start setting up the appearance so we're gonna go and check out so we have three themes right here I'm gonna go and add a new one one that I recommend a lot of people should check out is Astra there's an Astra pro so Astra so we'll check out Astro right there and this one is it's a good theme it's one that a lot of people use they have a pro version and a free version so you can preview it but the preview is not going to show you a whole lot she's going to show you the different fonts and stuff like that but it's a very fast theme and it tends to work very well from my experience we're gonna install Astra and then once we install Astra make sure you click activate so that it'll make that the primary theme right there so we see Astra is now our theme for our website so if we go over to the site and we refresh it it'll look slightly different this is now the Astra theme right here but it's still very very bare nothing going on and what we probably want to do is actually start setting up a pre-made website so if we go to Astra options down here under appearance you'll see import starter template so we go down to install importer plug-in it's going to install that and activate it and then it should show up right over here there we go starter templates and we have a couple options if we want to set it up with Elementor beaver builder there's a couple different ways that you can make it these just integrate and allow you to drag and drop so so Astra is going to look like this and Elementor is gonna allow you to add little images and text blocks and and make it feel a lot easier to make your website so let's go back and let's go and actually install Elementor first before we go to starter templates alright so to get Elementor go up to plugins and click on add new and you'll be finding it right here but first let's just take a look at Elementor so if we go to central Mediacom /hello mentor and you'll see right here I'll take you to Elementor and you can see a lot more about it there are different page builders this is one that we recommend it's one that we've used before it works very well and there is a free version and a paid version so if we go to pricing right here you'll see that what you want to do is if you're upgrading to the paid version just go over to pricing choose the plan that you want you can say I recommend the cheapest one honestly especially since it's only one website here and you have over 90 widgets you have 300 templates you've got a lot of other things you can do here that enable you if you choose it early on it's gonna enable you to make choices early on for the better aesthetic website if you choose it later you still get a lot of power from it but you know you're gonna be building a lot more and spending more time building your themes building stuff like that this does have who commerce builder as well so a lot of stuff going on here I recommend buying that but you can't always just start for free as well and what happens is when you buy it I'll show you later you can actually go and they'll give you a code you type the code in into the with the Elementor thing over here so let's go and add it first so let's go to Elementor and just look up Elementor in your plugins so plugins look for Elementor here it is very popular 5,000 positive reviews over 5 million active installations let's install it right now and as always guys when you install things on WordPress you have to install it and then you have to activate it and activating it is going to bring you to this page right here you'll see Elementor now shows up on the left we have a lot of options with that as well now remember I showed you the things on the left as we get plugins like you'll see site ground optimizer Elementor they start showing up on the left as well so when you're looking for your plugins and your settings for your plugins look over there on your you know WordPress page right here and you'll see that's where these show up now in Elementor I actually have an entire separate tutorial coming very very soon so check the description of this video for that but in this video I'll show you the basics of what you need to know with Elementor let's get on to actually going back to appearance so if we go down to appearance and we're going to continue with the starter templates that's what we were trying to do we got Elementor we have Astra let's go and click on so appearance starter templates and go to Elementor and Elementor will give us lots of different options here you'll see that Astra there are Astra themes that we can with Elementor yes or with some other ones and then you can search for all the ones the ones her business other e-commerce or blog so let's go and check out all the e-commerce ones some of them you do have to have the agency version of Astra and so it's something that I don't recommend filtering out only the free ones yet I recommend looking all of them and if the one that's right for your business cost money then I recommend paying for it but of course there are some free ones if you're fine with getting a free one then then go for it but if you really think that something like this is just going to bring your website to the next level you could get the agency bundle and so if we check out that right here you'll see that the price is Rs honestly not that bad give me 41 dollars per year or you can get the lifetime version of Astra or Astro Pro I'll have a link down in the description for the best price of that if you guys want to but for the purposes of this video I will be choosing a free one so you'll see the top this one for example is free and so let's go down and just see which one looks the best for free I would say I think I like this one a lot this one's selling plants for some reason all my tutorials about e-commerce stuff always ends up being like a they always end up being a plant website so let's go down here and in import the complete website and of course if you already have a website I don't recommend doing this if you jumped forward and you have a website you just want Wilmers do not do this because it will it could mess up a lot of other things on your website so let's import the complete website because we don't have anything yet these are the settings we want let's click import it'll take it says two to ten minutes it should be fairly quick and then we'll revisit this all right that was very quick and it says imported successfully so we can close that or we can go and view our site I already have it open over here so let's just go and reload this right now and our website should suddenly look significantly better so we now have an entire full website all like to do is add our own content you can see the image in the background the top looks really nice everything we have some products already in the store as you go down you know we have a couple things on sale already so they give you really a full website if you were selling plants you really are pretty much ready to go obviously we're not selling plants but it just they have the nice infrastructure here they did all the work for you and this was actually entirely free to get this one right here so we can go down you'll see that we have on the bottom a nice footer right there we have a go to shop buttons we and testimonials here we just really have a lot going on with this website now we can actually go and start to customize it you can customize it at the top right here by clicking customize but really we're going to be element editing with Elementor so if you go to customize right there this brings you into your word or your Astra settings right here so you can edit the theme a little bit so if you want to change like your breadcrumb if you want to change your header for example you can say primary header you can change how it actually is going to look up there so if we want the logo in the middle if we want on the left side some things like that you can be changing in the Astra theme and that's after in particular so header and footer are two examples of that I believe you can also change the font over here as well so yeah we can change WooCommerce settings right here we can go down to just a lots of stuff like that now adding now importing that website did a couple things you'll see right here that we did add WooCommerce and a couple things down there as well then we have WordPress forums right here so it added some plugins that if you want them that's great if you don't you can just go down to plugins and you can easily remove or deactivate them so you'll see they're all right here we have Elementor which we added we have the Elementor header footer and blocks we have site ground optimizer we have starter templates right there we did add that one as well and then we'll commerce came with the abandoned car recovery and so if we don't want these or if you jumped forward in this video and you want these then all you have to do is go up to right here we would go to WooCommerce and we type in WooCommerce right there and you'll see that the plug-in since we already have it sorry we need to go to add new I apologize so go to add new and type in WooCommerce and this is how you would be getting WooCommerce right there since we already have it it's already active but you would be going and you could see 5 million active installations very very popular and so you could just add that right there now we already have it so you can go over here and you'll see whoo is on the left side and we have so many options to the WooCommerce as well I'll get into actually customizing the website in a second but let's first talk about the products we have and actually kind of optimizing what is going on with the store before we change how the store actually looks so let's go over to products on the left side and we have quite a few different options for how we want products to appear or what kind of products we want and you just have a lot of options with what you want to do with these products you can add some of the favorites right there and I'll talk about that in a minute we can make some discounts we can have in stock we can track the stocks have SKUs or stock keeping unit is what that stands for so let's go through and first let's add a new product so let's go up to the top and click add new and for this first product why don't we call it San Trail media t-shirt so I think I don't know as to say we want a t-shirt right there and so we have a lot of options down here we can add some description right here so some paragraph we can have I'm just going to copy some text so that's going to be our description right there and as we go down we have quite a few options down here so the product data first of all what type of product is it so we have four types right here and then it could be virtual or downloadable or both as well so virtual maybe be if you want to have like a some kind of consulting call would be an option right there or maybe you would be like if you're doing something like a service for somebody so if it's like I will make your website for you then they can buy that and then you'll make a website for them or make a logo for them or something like that so that's the typical kind of thing you'd see on like Fiverr downloadable would be like an e-book or maybe a song or anything that somebody would pay for and then be able to download then the product type so if sample product right here which is not going to have really anything too fancy with it we have group product we have external or affiliate link right there and that's going to be if I am if I want to you know promote someone else's product so maybe Amazon Associates or Amazon affiliates and I want to you know put that product on my website they can click on buy it it goes through the affiliate link and then they're redirected to Amazon where they can actually buy it and then we have a variable product so that will be any time you're buying like bulk type stuff is sometimes like that if you have a couple different variations of it so you could do that down there as well but simple products is probably the one that most people would be using or downloadable as well so first of all we choose the regular price and we can schedule sale if we want to have a sale so let's just say for this t-shirt let's just say it's $25 and we will actually have to change the price right there I'm just going to type it in as if it were dollars which changed in just one second the sale price let's just say it's on sale right now for 22 or maybe it's not on sale right now let's schedule that and say that it's on sale starting Thursday and it's going to be on sale until the end of June how about that until the end of June and so now we have our price and that right there we can go down and check out the inventory and so if you have a lot of products you probably want to have a stock keeping unit so you can keep track of each thing as a number rather than as a very long description of the product and we can go and enable stock management at the product level so if we have stock quantity right now let's just say we have I don't know 200 of these shirts and we don't want to allow back orders so that means once we run out we don't want people to order them because maybe you'd have a really delayed shipping maybe you have a long lead time or you could allow it but notify them that they're bad that it's back ordered and they'll get it eventually or you could just allow it and if it's something that maybe it doesn't have a long lead time you could just allow a backorder and you'll just get the orders regardless so let's just say do not allow for now and the low stock threshold we want to be notified when we have maybe 25 of them so 200 money gets down to 25 we'll be notified we can order more obviously always dependent on your lead time right there and then down here we can say enable this to allow only okay so we could enable that right there if they're sold individually so only one per order for example if you don't want to have someone have someon order like a bunch of them this would be good if it was like downloadable if it was like the e-book for example and you don't want people to buy like seven of your ebook that doesn't really make sense and you would have people spending too much and being angry then accidentally for this for t-shirts you can buy as many as you want now we go down to shipping and we have the weight right here again it's in kilograms and centimeters we'll convert that to the units that we'd be using here in the states and so let's just say I mean we can adjust this later maybe it's like two pounds or something the length and dimensions it's gonna we're gonna change the unit so let's just type it in right now let's just say it's like I don't know it ships in like a twelve by two by I don't know twelve by about twelve by six by two something like that shipping class we don't have that yet so go down to linked products linked products is cool because you can upsell things where you can have cross sells meaning that at the bottom below your product you can offer say hey you know maybe you'd also be interested in a sweatshirt or some socks or something and then the cross sells of course would be maybe when they get to checkout they can actually go and you'll suggest other things there as well and so because we only have one product I'll talk about that a little bit later on in this video we're going to do attributes and you can have some other attributes right here so if we want to create a custom attribute we can go and say how about colors so let's just say color and so we can say so we want to separated by this little separating thing right here so we have black white blue gray and so maybe those are the different colors we have for this product and then we can go down and see some advanced stuff this is going to be like a purchase note a menu order we can disable reviews right here if we don't want them and of course you could get more options down here as well if somebody wants to make a bid you can go and add that you can have minimum or maximum quantities if you want to have maybe some price brackets you could do it that way you could also have additional variation images stuff like that but that's really going to be the basic of what we're doing on the right side you start to get a few more things here so the status of it it's currently just a draft it's not a published product right now no one can buy it so it's not it will be visible though once we release it that's why this will turn to published this will remain public and we're going to publish it immediately you could create it and schedule the publish to go out on midnight on some release date if you're trying to do that and then as we go down we have some different categories so we can have I mean there are cactus and plants right now or the categories we have let just add a new one and say clothing for now so clothing clothing and we want a parent category we could put that underneath one of these if we want to have a sub category so if clothing is a subcategory of plants you could do that obviously that's not the case right here we're going to say clothing and then let's add a new Kepner so let's add that new category right there and that is going to be the category that we're in now if we go down we can have some Astro settings right here so if we want to change the sidebar if you want to disable the title I'm sorry I didn't mean to scroll we have some options there as well so product tags if you want to add tags to the product in case people are searching it we could say t-shirt tee shirt tea space shirt sand trail shirt and shirt so basically anything that's related to your product you want to do that in case anybody has you know if you have search functionality on your website and somebody's searching for your product it'll be easier to find once you have tags on there and again ask for settings like I talked about you can disable different things on there I generally don't recommend doing that I think the store already looks pretty good as it is and then we can go down and set some product images all right so to add the product image let's go and select a file right now and we are going to choose one not from a live concert how about from this plant this one right here so if anybody wants an aisle of sand for LTE sure if that so it I just made this up like real quick just photoshopped it in but if that's a shirt you want to buy so there's our image right here add some alt text so we're gonna say why it's a t-shirt so we have the alt text on there that's the title we're just gonna say white no we're gonna title is gonna be I love San Trail t-shirt all right so now if we want to see this we can go over to the website make sure you refresh it after we published and like I said we'll retouch on all this add our logo and stuff in a minute but let's go and actually check out the store and we should be able to find this product so if we go down you'll see a bunch of plants there it is right there so we have our our shirt right there and we can see we still do not have dollars so let's go and convert the unit's right now but before we do that I just want to point out where everything is actually going to be located here depending on which theme you chose or which pre-loaded website you chose this might look slightly different but for the most part it should be looking pretty much like this where you have some tags right there so you can see everything that is a t-shirt so you click on this and it'll basically do a search right there so this is the product type t-shirt if you have more it could be useful for people to find similar products likewise clothing you can check out everything in that category and right now we only have this as well so if we go back you'll see that our description is down here this is obviously nowhere near a good description but everything that we typed here is going to be showing up as our description and we can add some other stuff in here as well so if we want to add some media or add a form we can easily do that so we can have a contact form show the name and we could just maybe not show that and let's just add a form in there as well so the form will show up down there it doesn't case anybody wants to maybe if you want to customize it or something like that you could pretty easily do that right here and so you have a form down at the bottom or maybe that could be like requested quote if you want to request a quote or maybe if you want them literally anything every business is different but you couldn't want a form down there and you can customize that as well I'm going to be getting rid of that form for this because for a t-shirt it doesn't make sense to have a form so delete it click update and you'll see right here once we refresh the page that will go away and we also have additional information which is going to be the colors right there and you'll notice that the colors don't show up over here because we just chose a simple product which means that as you can see right here when we go down we chose simple product if we wanted to have different colors so a t-shirt really wouldn't be best as a simple product the simple product would be best of yours buying like a camera lens or a pocket knife or just something random that doesn't really have any variation when we go and click on the image you could also zoom in right here as you see so make sure you choose a high quality image for this L I mean the better quality image generally helps customers understand what they're buying if I see a low quality image I'm very unlikely to buy it now all right now as you can see right there this is still not in dollars let's go change the currency if you go back to the dashboard you can click on woke immerse and then go down to settings and within settings you will be wanting to go and change everything right here so we want to change our country our city so all of this is mostly for tax purposes but also I believe it is usually legally required depending on where you are to have an address so that if people have an issue they can contact your business so you want to put your business address here or you know depending on where you are maybe you could get like a P o box or something and use that right here then as we go into general options you'll see that currency right now is set to pound let's go to US dollar let's see USD so dollar we have the Australian dollar and then the US dollar should be somewhere in here there's so many different dollars to choose from there it is United States dollar fine so we currency position is going to be on the left and then for a thousand separator is a comma decimal a period and we want to decimals that sounds like the right currency to me and then as we go up to the top you'll see that we have a bunch of other things in here so definitely let's go through the settings right now and make sure we have everything correct so products we can go down here and you'll see that the units for measurement being that I'm in the States is going to be pounds and ounces and then we are going to use inches we could use yours if it's a big product we're gonna use inches for this for desparate gonna be for shipping purposes we can by default enable or disable product reviews I recommend doing that and you can have verified owner label on customer reviews if you want if somebody actually did you can say right here you can only have reviews by people who actually made the purchase that's a cool feature to have if you're getting a lot of spam and you want to make sure that you're not getting bad reviews that are unnecessary or are not real you could do that right there and let's go and save changes for this one going across the top we have shipping I'm not going to get too much into shipping right now you can do some shipping zone calculators there's some plugins for that stuff like that we can go to payments and you're going to be wanting to set up different payments so maybe PayPal is when you want to set up we're going to turn that on maybe we want to have something else so let's go and save right now you'll click on setup and manage that and that is going to be how you'll be accepting payments PayPal is usually one of the best ones where you can accept credit cards on here or you can just use a PayPal account as well when we go to accounts and privacy you can allow guests checkout or you can allow people to you maybe have to require them to make an account generally if people make an account it tends to be easier if they come back and want to make returns or if they want to buy more stuff it so maybe encourage people to make an account but I definitely don't have to for every store sometimes it's nice just to allow people to order as a guest I know a lot of big companies do that as well and there definitely is a good reason for that not everybody wants to make an account or end up on your email list go down here and you will have a privacy policy page I recommend I mean make it very accessible it's required you should have a privacy policy you should have you know check out what the requirements are for your website of course every website should be having things like a Terms of Service or terms and conditions a privacy policy maybe an affiliate disclosure make sure you're following the rules on your website and we'll add those as pages I'll show you that in a minute we can go over going through settings we have emails right there we have integration and we have advanced I'm not gonna touch on that right now so we should have really the basics we changed the units and if we go back we should be able to refresh this this should be in dollars and then our dimensions should be in inches right here and you notice that it didn't actually convert or change the numbers that's why I said before typing the number even though it said pounds type in the dollar amount and then when we confer the currency it'll still show up the same number we typed in just with a different sign in front of it so going back here that is our WooCommerce settings we can go back to the dashboard on WooCommerce and this gives you some analytics a little bit about what your sales were how their performance was in the past week or month we can go down and check out the orders so when somebody places an order you'll see it here and it should be you can easily track them you can manage them you can mark them as shipped and really manage everything right here if we go down to coupons you can make some discounts this is a great way to integrate with MailChimp for example one thing that I always like to do with an online store is find out you know collect people's emails with you know with MailChimp and then have them type in their birthday as well and then on their birthday send them a big discount send them maybe a free ebook send them you know some kind of discount and you can make a code right here a coupon and then that will allow you to have the coupon send that to them on their birthday and then they can go and buy themselves a birthday present from your website so right here we can add a new coupon if we wanted to and there are quite a few things here the coupon code we could just say discount discount 20 or something like that and the description is save 20% on anything in this store and it could be a fixed discount right here it could be a percentage discount so of course you have a couple different options right here so we're going to say percentage discount and we want it to be 20 percent so 20 percent and we maybe want to allow free shipping right and so maybe you can get free shipping on your birthday as well and then just have no expiration on this for this one right here we could have restrictions and say maybe you have a minimum spending amount maybe you have a maximum spending amount if you don't want to discount too much and you can have you know a lot of different things right here if you're looking for this check it out and then of course we have usage limit so you could have you you're limited to like one per customer or something like that so we could have a limit of one or we could just not have any limit at all so that is going to be how you'll have some different discounts let's go and publish that so now we have a coupon that can work so if somebody goes to buy this they add it to their cart and then if we go to their cart they should be able to go and apply coupon so we'll just say discount discount 20 and apply it I believe it should be taking off 20% so right there took off 20% we already have a coupon that works and honestly by the way I think that WooCommerce does a really good job of making this look like a very professional checkout I think this looks really good in my opinion I would definitely be buying from this store if it looks like this and we didn't even add the logo or the right colors yet either so continuing on we have customers right there so if somebody calls you with an order that they had you can check the orders or you can see your other customers here and learn a little bit about maybe where people are buying from the regions or for shipping purposes if you need to refund somebody or send them another product you could have that right here of course we have reports I showed you up in dashboard you have some other reports but you can have some more detailed ones here you can really see the gross sales the net sales the number of orders the items purchased you can see a lot of stuff here and start to learn what works best and where you're making the most profit on your store to really start to optimize things and again you can see even more of that down in analytics here so really really in-depth as you can see all the way across the left there now going back to products I know we have so many different products here if we decide that we just don't want anything down here these these products we just don't need them you can easily select all of them and we can go to trash for each of them or we can go to bulk actions and we can move them to trash let's apply that and we'll be deleting almost all of those I think it was eight of them that I deleted right there we can go to trash if we really don't want these and we can go and select all of them in the trash and we can empty the trash let's just click empty trash right there and so that gets rid of all of those products that we had that maybe we just didn't want those alright so now let's go back to products and from here we might want to actually change some of the products we got rid of a bunch and let's say this one right here a t-shirt currently if we go and check out our store we'll go to store we'll go down and find the product and you'll see that because it's a simple product a is a little bit strange so we don't actually have any colors up here and if you go down to additional information the other attributes of color show up right there and it really makes no sense it doesn't give the customer any option to change the color or even choose one so it's just very weird right here so what we want to do is actually go and let's say we want to change that to another type of product so if we go to edit right here and remember I showed you before the drop down menu down here we have simple product is what it is currently now if we want to have different variations we want to go down to a variable product and so go click on variable product and we want to go through here and change a couple things first so if we go into attributes you want to click on the one that we already have color was the first attribute which as I showed you made no sense for the first 40 shirt right here and we want to make sure that we're clicking right here used for variations so let's save that attribute and let's add a couple more attributes here as well so how about one could be size that's a pretty common one first shirts so size and we want to have this as small subrin and she's a little separator and then medium and then large so we can save those and make sure you select used for variations there as well and then let's add another one let's call this one fit so we get a fit and this could be a slim fit or casual fit and again click on used for variations say save attributes and we have our attributes right now but they won't actually show up properly unless we go down to variations right here and the variations we can click the drop down we could either add a variation right now not based on the attributes there or we can go right here and create variations from all attributes very easy to do click on go and we will just go up there and say yes we do want to do that it'll make many different variations because it is a full permutation alright so now we have all these different variations right here you can see we have white small slim fit quite small casual fit and this is a little bit tedious but you want to go through and make sure each individual one has a picture so you can go and upload an image so maybe this one is the right one for obviously you'd want to have 24 different images if you can if you have 24 different variations you want to make sure each one has a skew so we want to say maybe 10,000 10,000 won for this one we can have a regular price and a sale price we could not allow so we can change the back orders the dimensions of this and of course we do also have the option of making a downloadable virtual and if we want to manage stock or not so you can select that and so you want to go through and do this for each individual one like I said it is a little tedious but you do want to make sure that you have this so that yes we're managing stock for this one stock quantity we have 50 of these and we don't want to allow back orders maybe for the stock quantity we have 150 and so you want to go through each individual one of these make sure you have a price for it make sure you have a sale price if there it is on sale make sure you do pretty much everything so I'm gonna do that right now and we'll get back to this in just one second all right so now we finally have all the variations with all the prices and there are two from pages right there so if we go over to Mike shop comm so Mike's shop our Mike's hat shop sorry Mike's hat shop comm all right so now we finally have all the variations all the prices in there and if we just go over to the website now we can go and check out the shop page so we're go to store and we'll go down to the product and this should now have a lot of different variations right there so you see the price can be different right there anywhere from 1 to $65,000 just typed in random numbers and so you can see right here if we want a white shirt that is a small and we want it to be slim fit it's going to be originally $25 now $20 and you can see casual fit is not on sale slim fit is on sale maybe the blue one was $100 off right there and they tell you how many are in stock there you can also go down here and see additional information so you see the different variations right here of course we see the dimensions if its shipping we can have different dimensions for different products right here so if you have maybe the extra-large one is going to be slightly heavier and in a larger box you can change that down here and we can have reviews as well so this is the variable product I think for most people this is probably the one you're looking for so so far we talked about simple product and variable product let's now talk about an external or an affiliate product this is actually something else that's very interesting so if we go and add new and we want to add how about we add one that is going to be an Amazon Amazon headphones and so let's just say we have amazon.com let's say we have some headphones let's just how about yeah sure headphones it doesn't really matter let's go with these right here and so if we have some headphones and we have an affiliate link to these let's pretend this is an affiliate link is obviously just a regular Amazon a link but if we have an affiliate link and we want to set up an affiliate link on our website where we have this we can go and have an affiliate or an external product we can have the product URL right here the button text could say buy product and the regular price we don't have to actually add the price we could if we want we could say its $49.99 right now is the sale price so $49.99 and a regular price was 59.99 so if we want to add that will do that so $59.99 $49.99 is what it is right now and so we don't have any inventory obviously right here we can link products and have upsells if we want attributes we don't really need to care about that and this was actually fairly straightforward very easy to do so if we just want to go and say about this item we can have some of this information right here on our site and of course you always want to be careful and watch out where you're doing it's not every affiliate is going to be ok with this this is purely just an example right now so look into this on your own before you before you do this but this is how you would go about doing that so if we want to go and add an image right now so I'll select a product image let's go and open the snipping tool and we are going to take a picture of this right here unless I think we might actually just be able to save the image no so let's use that one just get a picture of that and of course this could of course this could be anything this could be a program if you're trying to be an affiliate for literally anything out there you could do that and of course this is just an example with a product if you're trying to make an affiliate marketing website alright and then we'll go and set the product image right here we're going to upload a file select a file and we'll go and select headphones right there and they will be uploaded so we'll go and set the product image of course maybe you want to add some alt text or something like that and so let's go and actually publish this product now as well see this one's significantly easier affiliate products can I mean it can be very easy if you're just copying text and using stuff like that so now if we go back to the store so we'll go here I believe we clicked update up there so it's update make sure the store is up-to-date and something else I'll actually get into in just one second is this right here we're not ready to actually accept payments here because this is not a secure website and we do have some other issues with the website itself but like I said guys I'm just showing you through WooCommerce first before we get into the other stuff with our site so as we go down you'll see right here the Amazon headphones if we check them out they're currently uncatted - remember I showed you before you can add categories on the right side you can have in multiple categories as well so maybe if under clothing we want to have a new one of like headphones and we want this to be a subcategory of clothing we can do that right there so to say clothing and let's get it out of Uncategorized and let's just say it is also technically in clothing so let's go and update that now so the breadcrumb at the top this little thing right here should be showing us the correct thing so now it's clothing headphones Amazon headphones right here that's what we're calling them and you'll see that it tells you about the product you can have related products right there that's a nice thing to have and you can choose which ones are related so in order to do that we want to do is go down to some advanced options down our linked product options right there and maybe we can have a t-shirt or a cactus see if we have a plant so we want and this plant right here could maybe be a suggested upsell right there so we're going to update that right there and as we go over let's go and refresh this page and the upsell should be right here so you might also like and it shows this here now related products is slightly different this is because it's in the same category it's going to show that so you can have your upsells as hey you might also like this and this would be if I was selling this I would probably have a similar item link down there that would maybe be either maybe a charger for this or maybe a cable like an aux cable or maybe you want to have a case for it or mp3 player or like a phone or something you know like you could have different options that you'd want to show down here and they would be good upsell that are related to this now of course at the top you'll see that no one's actually buying this from us is not going to be adding to our cart here instead if someone clicks buy product it goes through the affiliate link to the product right here and they can actually buy it on Amazon so it's a cool way that you can have an affiliate thing set up it's something that a lot of people do for affiliate marketing websites so nobody's actually buying it directly from you but you will get a commission when somebody buys it through Amazon it's a really interesting way of marketing and setting up your own website and if you're getting traffic it could be very very powerful to do it this way so we have that product right there let's go back to products and actually add another one now that we have three different types of products here I think it's time to get into the downloadable ones or the digital one so if we go and add a new product here and we want to make this one how about let's just make this one a PDF PDF so let's just make this one a Youtube growth PDF and we can just have people if they want this one they can download it so this will just be a PDF of how to grow on YouTube it was just something that originally maybe about a year ago Nate and I were we made this and we were we were just giving it out before so let's just make this a downloadable product and we're going to make it a simple product here not really any variations and so the downloadable file we can add it right here and so let's add the file we can make it as a URL if we want or we can actually go and upload the file so let's click add the file choose the file and so we're going to upload it and let's go to and we have a PDF now that can be downloaded when somebody pays for it we have a title caption stuff like that and the regular price we can say is normally I don't know 200 some people like to have sales here and I'm just going to bring it down to $0 if somebody wants it right there and the name of this we're going to call it YouTube growth blueprint and so that's our file right there you can have multiple files if you want people if they want if you're they're getting a deal they're getting multiple files here the download limit let's just say you have a download limit of and maybe it expires maybe in six days or seven days so they have one week to download it before it expires we can go and see inventory obviously we don't have inventory right here that's not really it's not a problem obviously being a PDF there is no shipping so we don't need to worry about that linked products we can have some upsells here so maybe we want Amazon headphones actually let's say Amazon headphones are a cross sell so Amazon headphones right there are a cross sell so we're going to add that and then attributes obviously being at this is such a simple PDF right here we're not going to have any of that but we could set the product image that is still important so maybe for the YouTube growth I don't know let's just say we could choose any picture it really doesn't matter let's just say maybe this guy is big on YouTube so we're gonna say let's just go with that for now it's obviously not the PDF image he would want but just you get the idea of what we're trying to do here and for this one we want to add another category of maybe self-help download okay so now we have this product we can publish this product here and again I think you know what's gonna happen if we go back to our website we go to the store page and we will now have that product so if we go down we can see right here is our YouTube growth PDF it was $250 now it is $0 so you can go and check this out and by the way while you're on the website if you wanted to leave a review you could also do that but remember we said you have to be verified purchased to actually leave the review so you have to buy something but until you and then leave a review you could change this if you want if you're trying to add your own reviews in the beginning so let's just say we want to add this to cart so we have one download now it'll pop up in our cart up there we can go up and we can actually go and view the cart and when you view the cart you'll see this is the cross sell right here what I was mentioning before where before you could say you might be interested in so on the other page if we go back to I believe if it was on the other product the headphones so we were upselling here we were upselling the t-shirt so you could say or the plan we were upselling this this is the upsell whereas you might also like on the product page and then if we go to the cart the cross sell is going to be when you see it in the cart so you might also also be interested in and we chose the cross cell for this one would be adding the headphones and it would be something very easy for somebody to add in all right there and of course if somebody adds this into cart so let's just go and this one of course they are not adding to the card because it's an affiliate link right there but they could add to their cart and again remember we also have the discount code right there so let's go and proceed to checkout and from checkout you'll put in your stuff like that all your information and so if you're giving away things for free this is maybe a good way to build an email list if you're giving a free pdf that people are putting their email for that they say no check the little box that says yep sign me up for your email list and then you can grow your email list it's a lot of way people start to click funnels for online courses and stuff like that of course as I mentioned before I mean we never sell online courses I was just giving this away on our website before because it seemed like a good thing that could accompany the videos we were making at the time so now we have that product right there and we're going through these products actually so far we have pretty much all the products that you would want of course except for maybe one or two other ones so if we want to have a virtual product that is not downloadable so we have a virtual simple product right here and this one could be a consulting call or how about this one is I make a logo I'll make a logo for you it's kind of a Fiverr type gig right there and so this one is very straightforward all you have to do here is just add a description and you'll just say like I will make a logo for you for it within a week for $10 let's just say we're fairly cheap on the logo making and so right there we can go and change the regular price maybe it's going to be 10 or normally it's 20 bucks and we are on sale right now for $10 which is why we probably don't want to put that down there just in case we ever change the price and let's go and say publish this one and you'll see that this is not categorized at all right here so by default it goes into the uncatalyzed category really and going back to store again you see what's gonna happen here we're gonna have a new product this one does not have an image I didn't add an image but you'll see we can have right here a digital product so somebody to you know I make a local for you obviously there is no shipping there's no extra details down there because your description is just going to show what is actually going on so I will make a logo for you that's the description right there and so that would be an option right there and then the last type of product that we really have here is the grouped product and this would be if you have multiple products that are similar or somehow grouped and so this is something that I don't have a lot of experience with I don't typically sell things like this but a lot of maybe bulk things if you have minimum order quantities or if you have things that maybe have some other variations that you want to buy in bulk and a bunch of each of them individually then maybe that would be something you would deal with group product right there and it's really fairly easy to do same idea I'm not gonna get into that let's move on with this video and some other things that I think we need to do now are actually going back alright so looking at our website so far what we did was we added the theme right here we added Elementor we added all the products we want we added a coupon we can look at the orders that people are placing we know where to do all of that stuff for WooCommerce management and now we know a lot more about products as well the analytics marketing is the next thing that you can really get into and you can integrate it with with MailChimp as I said before I have an entire tutorial I'll show you guys like right up here I'll link out to the MailChimp video and it can show you how to do that if you want to have an email campaign but now let's focus a little bit more on the website itself so that's the basics when you're looking at WooCommerce itself but now the website is actually missing quite a few things and you can see right here that first of all the logos incorrect on the top we have all these other pages that we might not want maybe you want to add other pages we have the you know things in here we want to change the content maybe we want to change or get rid of the testimonials down here we want to change the footer maybe go to shop maybe we want to change that link as well and on top of that we also notice at the top it says not secure so we don't have an SSL certificate on this either which means that most people are probably not going to buy from us if it's not a secure website so we have quite a few other things to do so going back to the dashboard here and going down the left side we pretty much have WooCommerce products analytics and marketing set up like I said marketing you can integrate with MailChimp for example you go down to settings let's go and adjust as things like the permalinks for example so if we go down to permalinks this is going to be actually well through all these settings but starting with permalinks it's something that I want to make sure everybody's changing this and making it correct so plain does not look good so if you have a post that is about like how to take care of a cactus you don't want it to be you know Mike's hat shop comm slash question mark P equals one two three like that just not that's not a good look what you want to do instead what I would recommend at least for for most websites is post name is probably the best way to do it so you somebody get us look at this domain right your this URL here and say alright this is the domain Mike's hat shop comm and then it's obviously about this this is gonna be relevant it's gonna help you with SEO it's gonna help you with recognition you're gonna have fewer 404 errors when people just know how to type it in and overall you're gonna do better for your website by doing that and so making sure that you have a post name as your permalink setting that's definitely a good start right there and then down here you can change some other things if you want to change like your products if you want to be slashed product slash something else or you could be slash Buy or slash you know really whatever you want for when you're shopping stuff you can do slash shop slash or whatever the product is that's probably a good way of doing that so we're gonna save changes for that and let's go through the rest of the settings now and make sure everything is as it should be so the site title first of all it's definitely not correct so we want to change that to myk's myk's hat shop and then we want the tagline to be the best hats on the internet the best hats and onion sure let's do that and then the URL is this make sure that you have the s right there because we have an SSL certificate so we want to make sure that it is secure HTTPS and so that is going to be that right there the email is going to be how people can so with admin purposes right there I'm just going to leave that email as it is we can have anyone can register for membership on our website if they want to default new role is going to be as a subscriber and then we can go down and change the date format depending on where you are you might want to date format to be like this or like this I'm gonna leave it like this so everybody knows what the format is right there pretty straightforward and we are going to have about capital p.m. right there the week starts on Monday and we are going to save these changes so it's important to go through this this is definitely a big one so you have a name for your website and because we changed something important right there they do want us to actually sign in again all right so now we change the general settings now we can go down to writing and this is also pretty important so by default we probably don't want things to be uncatted eyes we can put them in a different category if we wanted to for new post now we don't have new categories from posts yet we did make categories for products but if we want to make categories for posts that would have to be up here in categories and so maybe we just want to have a new category called hat hat stuff right something like that and then the URL could be hat - stuff that'd be the URL slug at the end no parent category we're just gonna save that as a new category you probably want to add a description for SEO purposes but otherwise maybe we want that to be our default so if we go back to writing settings right here we can make our new default hat stuff so when we write a post it doesn't go on categorize that doesn't look very professional so setting hat stuff maybe is a better default for most of your postive especially if they're all going to be pretty much in the same category you could even just remove the breadcrumb at that point but I would leave it at least have a default category like this now the the default post format you can change how you want that you can leave it a standard for now and I'm not gonna change anything else here when you get onto reading you can see exactly what your homepage displays if you want it to be a static page or if you want to just be your latest post you can have different a home page being that this is a store a static page is probably what you want to do you can change which of the pages you actually want to be your home page right there and how many post per page you want to show or which post page you want to show not how many sorry I'm in the how many is going to be down here so blog page shows 10 posts at a time see stuff like this is all important to change it's like subtle things that'll really make your website look a lot better and not too cluttered but also have enough information that it you don't have to scroll forever to find things so other than that when you get down here there's really not a whole lot of other things that I want to talk about in this video as far as the settings go down here you know like thumbnail size is important but things that you should just go through when you're making your website to make sure that everything looks as it should be now you can select a privacy policy page we don't have one right now so we probably do want to make a privacy policy page which reminds me that the next thing we really want to get into is going to be in the pages so let's go back up to pages and start really looking at what our website is going to be so let's close out of some of these tabs on the top we don't need a site ground open anymore let's refresh this so now you see right there it should have a secure so it's not fully secure sometimes it takes a little bit of time until we are a secure website depending on what your SSL certificate is going to be it might take a day might take a little bit longer but we will be able to eventually have that so the next thing to do with this website is to manage the pages you'll see right here that if you go to pages we have quite a few different pages already and some of them we need some of them we don't need we might want to get rid of some and on top of that they're not all showing up on the top in our menu and also we have these two which are not pages they're just categories showing up on our menu and I'll talk about that just in a minute but looking at these pages you'll notice that some of them are actually related to WooCommerce so when we installed this pre-made website it came with a bunch of pages a lot of them are WooCommerce pages and if you just skip to this part of this video and you didn't install a premade website and you just want to add WooCommerce and you want these pages what you'd want to do is actually go to WooCommerce go down to status and from status you can go over to tools and you can install the right pages so if we go down here we can create default Google commerce pages create the pages but we're not going to do that because we already have the pages on here right now that's just if you skipped to this step and you do not already have the pages that's where you would get them so let's go back to pages and say that if we want to let's say we don't want a page like May we don't want the about Us page maybe we don't need about us maybe it's just something that I don't really care about so let's go and click on that and we can move it to trash so if you click on trash it'll just get rid of that page we no longer have that and now we have these pages right here now if you want to edit a page so for example maybe the contact us page if we can do a quick edit right here and that's how you'll change the URL slug so right now it's Mike's hat shop comm slash contact - us and you can change the date when it was published you can change it as a parent content or anything like that so you can do a you know a couple things in the quick edit right here but if you really want to edit it let's say cancel right here and we'll go to edit with Elementor or you can just go to edit so we'll click on edit this is the current editor and you'll see that the WordPress editor is not necessarily the best it shows you some things on the side you can change the featured image you can change just the basic stuff like the permalink if you want to change contact - us to something different you can change that but you'll see that right here it says edit with Elementor because this page was made with Elementor which is the page builder we're using and so we can go and actually edit with Elementor it'll open it up and it'll look something like this for you and I like Elementor a lot because it makes it very easy to edit your pages you don't need to do any kind of HTML coding or anything everything's drag-and-drop it's very easy to do and you have these kind of little sections right here so if I want this section to be for some reason above the other one you just click and drag it and it just goes right up where you wanted it to so it's very easy to do and on top of that we have some Astra options right here's some starter templates we can also add Envato elements that's something that I recommend I'll show you that in just one second as well but looking at this you'll see that maybe the Contact Us page looks just fine but if we want to add how about an image up top here we can go back to the you know click on a little grid right here we'll go and add how about an image up top so you click and drag the image to right above send us a message and we can add an image right there you can make the image whatever you want about this I don't know yeah this girl right here can be the image so insert the media maybe if we want to go and you know add a button above that you can say the button right there can be centered we can say contact us and the button could be a link to you know click the settings right here you can link to really whatever you want so you can make it open a new window and we can have dynamic tags let's not do that let's just say it'll just link to on our homepage normally you would have it link to like an email or something like that so and so the I'm gonna go through more of this in another video on using element tour but for the purposes of this video you get the idea that you can build any page with Elementor very easily just by going to the four dots right there or that what is that nine and you can just click and drag really anything you want on to the page here and really build out your page as much as you need to so I don't want to get too off-topic with this let's go back so click on the three bars on the top go to exit to dashboard and so it should be updated and we're ready to go back to our pages here let's say we want to add another page so click on WordPress right there and let's go and add a new page and maybe this page is going to be a blog we want to make a blog or maybe we want to make a page that is just something that everybody always asks so maybe just like a fitting chart so t-shirt or hat since this is a hat shop hat fit chart and this is something that maybe everybody who goes to our web site wants to see this so we could just start adding content here and so if we add whatever content we want we can edit the whole thing here but like I said this is a lot harder to build your website right here it's so much easier if you go to edit with Elementor it'll open it up an element or and you can really optimize your website you can add other templates and themes on here and make things look a lot better you know working in Elementor but you'll see right here we have a bunch of stuff on the side so that is definitely interesting that we have a page with all this stuff on the side we can change the way this page actually looks if we just made a new pre you know pre-loaded page here if we had if we use one of the Astro templates right there but let's just say the hat fit chart is something that we're okay with making just like this now we can edit things we can get rid of that we can add a section maybe have an intersection within that and let's just say we want maybe the Hat fit charts going to be like the Hat size is going to be like a picture of someone's head or I don't know a watermelon or something and then over here we can add some more text it's we'll to add some text editor and say small hats hats fit best for heads with circumference right so we can make stuff like this and you get the idea like I said I'm not gonna flesh this out too much but you can start building out your page a lot more like this or you can go down and check out some starter templates for the page and if you say you know what hey I want a different page so if we go write their pages we can find a lot of different options here for how we want this page to look you probably want it to be similar enough to your theme so I wouldn't necessarily choose just anything but you could also just choose individual blocks if you say you know I really want maybe I don't know also go through these and see which of these blocks look good maybe maybe this one right here actually looks pretty good I kind of like this one so let's go and check it out and let's import the block and we can use it in this page right here so it's really cool that you can use the Astro templates like I was talking about you can add them in there it's a little bit squashed because of the the shape of the page right now because we have all these side bars and stuff like that so instead we could get rid of the side bars or we could go and change this down here so content with could just be full width if we wanted it to and so I'm not going to get too much into all this right now like I said I will be making an entire tutorial in the future and I'll show you how to get rid of the side bars how to do stuff like that and really master everything with Elementor so now let's go back and exit to dashboard we have the idea of how we'd want to make some different pages here so we have a new page being our hat fit chart so if people are trying to buy hats they want the right fit and so you'll see that it pops up right here the hat fit chart but it doesn't pop up here on our menu so we still want it to be up on our menu and it's not quite there yet so what we want to do is actually go down to down here you'll see in appearance we have menus and menus is going to be exactly what we're seeing on the top this is the the header menu we also have footer menus on the bottom so see if they have one right here I believe this is the footer menu right now depending on how they set up this page so let's go and they say about us is no longer valid so let's go and click the drop down and we'll move this one because a page I deleted it so it's no longer going to be in the menu and so in this menu we have our main menu is gonna be the top one like I said let's add the Hat fit chart so we'll go and add that to the menu it'll show up over here and let's say you know that's something people want a lot click and drag it to right around there and you see it just went over a little bit that's something that we don't necessarily want on this right here but some things maybe are going to be a subset of something else so if we want the category so right here we want these to be a subset of store so we're gonna move them over which means that when somebody hovers over store we don't want that so when somebody hovers over store it is a sub item that shows up and pops down so we can also have posts in our menu we can have custom links in our menu so if you want to link out to like an affiliate link or something like that you could do that right there or to an email or really anything you want the categories you could have them linked right here as well or the WooCommerce endpoints you could have as well so you could have like you're lost your paws password downloads orders let's say orders we want orders to be added to that so let's add that to the menu and so that's gonna pop up down there so if we click Save you'll see that this is our menu now and if we go over to refresh the page from the top you'll see that it's no longer going to look like this so if we refresh it you see a store should have a drop-down menu then so right there you do have the drop-down menu and we have plants and cactus those are the two groups or categories of products that I added in there and of course you could always change these categories as well so right now it is the plants category that's what it was before so we can go and open that up right now this is a plants category so if someone is buying plants and because these products still exist there we can do that but likewise we can actually go back to our store and we have other categories so we have one for t-shirts we have one for like Amazon headphones so if we go to this category right here we could just as well have the clothing category up on the top menu and in fact we probably should add that up there and to add the clothing category to our menu on the top I'm just going to copy the URL right there and go back and we're gonna add this as a custom link right there so link text is going to be clothing and we're going to add it to the menu and so this will pop right there and we're going to go over to make this a menu item right there so we're gonna save the menu and it should be updating on the website so we're gonna go back to the website reload it and on the drop-down we should have clothing which we are currently on right now so it'll redirect us around so if we go to home we can go to clothing and it's gonna bring us over to the clothing page so just like that we have any of the store menus or you know subcategories can pop up on the menu right there just by copying and pasting the link into right here now this is gonna be showing up as a custom link you could also have it show up as a category as the other two did just another way of doing that the next thing I want to talk about is actually the sidebar so if we go down to appearance and go down to Astra options you can click on sidebar options and it'll bring you into a new window right here a new tab and we have some options for different pages on our website it's gonna take a second to load here but here we go okay this is what I was looking for so now we can have a rights our sidebar a left sidebar or no sidebar so I'm gonna say left sidebar and we want it maybe on pages we want no sidebar maybe on blog post we don't want a sidebar but maybe on WooCommerce we want a left sidebar and maybe on a single product we want a right sidebar and we want to sidebar with to be 20 percent we don't want it to be very large we're just gonna make it typeset in 20 percent and we are going to publish that now so that's the difference that we have right there now to actually add the sidebars we want to go back to over here appearance now we can go down to widgets and it'll give you this weird intimidating interface interface of the sidebars so wool commerce sidebar product sidebar we have no sidebars main sidebar had a lot of sidebars I deleted all of those and we can add whatever we want to the sidebar now so for product sidebar let's just say maybe we want the product categories in case somebody's interested in some other categories and maybe we want to have the option for them to see recent product reviews maybe that's another option that we might want to add in there so reviews look so like I don't know three recent reviews you can change that number to whatever you want and likewise with the WooCommerce sidebar maybe we want to add something else like filter by price for example so if we do that they should be saved and now let's go over and check it out on our store so from our website if we go into an individual category so plants for example the sidebar should be on the left the widgets are currently not there right now so we'll go and check out an individual plant or product like this one here and you'll see right there the product categories as we put on the right side are showing up so if somebody is looking at this and they want to check out some other categories they can click on any one of those and there are so many different ones you can add you can add a cart option right there so anything that's in their cart maybe you can put that on the sidebar so let's delete what was there let's have a cart on the left side maybe we want the product categories on the left side of this as well so product categories on the WooCommerce sidebar maybe we want to have you know you have lots of different options here maybe just text maybe you just want to have something that's text right there and you can have the text could really be anything you could have a form pop-up you'd have a WordPress form as we have right here many different forms you could have and so just lots and lots of different options to have there and you'll see that they will be showing up here so we chose the right sidebar for products and in the categories tab we have the left sidebar as you should be seeing here in just one second as it loads so if we go back to store we go to about plants and we should see the sidebar on the left side so product categories and what's in your cart that doesn't look good being the vertical buttons right there so you'd want to adjust this make it a little wider than 20% and so you can see right here easily click and drag and see what it starts to look at it look like so still doesn't look good I would rearrange this one you can edit that part of the sidebar if you want and get rid of these little buttons or just remove this altogether the cart on the left side maybe just doesn't fit there and then likewise when you go into an individual product we should be seeing things on the right side now and of course you could customize this as you need to you know however you want right there so you could show it as a hierarchy or not if you want to show them all in line I think that looks a little cleaner I think I might be doing that for this store so we'll click publish and that is how you're getting widgets on the side again you have so many different options here and I can make an entire separate tutorial just on the widgets themselves because there are so many different options with how you can set that up all right one other thing that might seem a little bit unrelated but you'll notice when you look at the store right now or the website we have on our homepage we have our logo now which is just a name there is no logo image next to that and on top of that we also have the not secured up there despite already having an SSL certificate so you can go to an SSL checker if you just google that and it'll check it and it does confirm that we do have an SSL certificate which is valid and yet it's not fully secure because there's probably some image somewhere on here that is HTTP HTTP and not HTTPS and so something that I would do for that would maybe be get a plug-in like better search for place so I went to plugins plugins and looked for a better search for place and so if we go to add new better search replace and you just search for that it's it's a relatively simple plug-in which is gonna find something and replace it so you see right here a million active installations I already installed it activated it now if we go down to tools you'll see better start better search for place right there and so we can just go and type in our website so anytime it finds just HTTP we wanted to replace with HTTPS and so we might do a dry run first just to see how many replacements we have so actually sorry click on this control a or highlight everything there so we're searching every all tables so now let's do a dry run and see what it would have to replace to get the security now it is important to have security there because if somebody's on your website and they see not secure right there they'll hover over that maybe they'll click on it and their browsers telling them attackers might be able to see things and change stuff and it's definitely very intimidating and people are going to you know significantly turned away from your website and also far less likely to enter their credit card information or any you know personal information on your website and so it's really important that you you know follow the best practice of making your website secure your entire website secure and so see if this is done it looks like it found 11 cells that need to be updated ok so that's fine let's not do it as a dry run and actually just go and run and search and replace right now and while we're at it eventually or once this is done I'll go back and we will want to change the logo at the top and maybe we want to edit a little bit about another page let's check out like the orders page we can edit that as well as the homepage right here I want to show you guys that before we end this video all right so now all the changes are made will open a new browser without a cache and you'll see right here that it is now secured we have the little lock icon right there so all we to do like I said replacing HTTP with HTTPS and you should be good to go now going back to our site the other things that we wanted to do let's refresh this really quick and this is not secure just because we have a cache it's loading an older website there and we want to change maybe this right here so we can go to customize on the top and this will allow us to edit the page and you'll see at the top I think I pointed this out earlier on in the video I mean this video is a little bit long by now but you do have a little pen icon up there we can go and click on that and you can easily change you can either remove that so I think for this website I'll probably just remove that or you could also remove that as well or you could just add a different logo in there if you wanted to so let's go and publish that so it'll not have that logo up there instead we'll just have the text logo I think that really looks better for this situation alright and then the other thing I wanted to do is actually edit with Elementor on this home page right here and so I showed you before he could add at any of the other pages but I think it's important to note that it doesn't necessarily have to be a post or a page that you're editing you could very easily edit the home page for example and so just going down you can change this background image right here I believe this is a background so yeah I got it this is a background image on the entire section so right there we have a background image we could easily change that to any image we want if we want to this one is the background on the top so our websites a little bit lighter right there we can change this and remember this is a hat store but I mean obviously this is the plant default I don't have enough pictures of hats and stuff so that's why we're just leaving a lot of this but here we can change the buttons and and we can easily you know change their locations we can make them centered buttons we can make them larger or smaller so let's make this one a little bit larger make it extra large actually and maybe we want this to link to some page that we have so the little hash symbol right there a little pound sign is actually going to allow you to link to an anchor somewhere on the page and not to get too into details here but if we go and we have maybe another article and then halfway down the article we start talking about plant varieties we could easily say so HTTP slash slash mics hat shop.com slash and then whatever the article would be so article title so and then we'd have slash in a little hash symbol and then whatever your anchor is anchor one and so I can I'll talk about that in another video if you guys want to see a full Elementor tutorial you can easily link these to other things on your website and so just looking through this I think otherwise it looks pretty good I think that we have maybe the testimonials if we want to change them and move them around you can easily click on them and drag them wherever you want so you can have this one it's just a mid section right here with spacers above and below it over here we have you know so this is this is two sections right here we have see the little little dotted line box and so that's how they set this one up right there and if we want to you know move them all over here we could have three in a row if you wanted that or you could have you know really any way you want and there's a gap there because I believe they probably have a spacer so if you wanted a spacer in there you could go and find spacer add a spacer right there and then you can adjust the size of that spacer maybe they have it maybe it's 30 maybe that would look better so something like that and then you can easily you know adjust the the rounds on this and and they made all of this very easily it with Elementor like I said I can show you in the future but you could easily just change the names you can add duplicate so if we want more of these let's duplicate that one and let's bring the duplicate over to here and we can add some other testimonials from maybe somebody else and so let's actually bring that below see if we can get that sometimes it's a little weird when you click and drag there we go we want it right there so you can add you know different names and make different testimonials from different people make sure the real quotes I mean you could make up fake people but it's generally better if you have real real stuff going on there and then one other thing I showed you how you can get the little Astra icons right there or Astra you know different little boxes and page templates something else that I also recommend is Mike so if you go to San trial media Santro media.com forward slash Envato this will give you this will bring you to envato right here and you will be able to get some other cool things so I like using Envato it's a great way to have more cool little things on the bottom so if we go down to plugins so if we go down to plugins and we want to add a new one add new and this one is going to be innovative and likewise there is a paid version for envato as well and it does give you some really cool templates in different ways you can have some email email fields and just different ways to integrate with MailChimp and Facebook and pretty much everything that you want because Elementor like while it does have quite a few elements on the side that you can add in as I said some of them on the bottom if you want to have like a Facebook one or a little Facebook you know likes countdowns things like that you will you see a little icon right there you do actually have to pay for those or you have to pay once to upgrade to element or premium or pro and then you'll have those but you also in using Envato I think gives you quite a few extra things extra little blocks and widgets you can put in here no besides editing pages there's one last thing I want to talk about in this video and it is actually editing posts and creating posts so if you want to have a blog then one of the big things I think really one of the main reasons to use WooCommerce is to have a large blog library to attract more traffic to your online store and to just gain exposure through organic traffic so having a blog is a really big advantage of using WooCommerce and WordPress being so flexible and you can have you know a very very large library hundreds of posts if you want to with really no problems at all so you can have excellent navigation options and it's obviously just a very flexible system right here but if we want to add a new post we can just go to posts on the top say add new and you're gonna see a similar layout to what we saw when we're making a new page so we can just create a title right here and there are some big differences I want to show you guys how you can actually make this you know based on a template so it looks really good from the start so we can go down here let's create let's just name it best hats of 20 20 something like that because this is a hat shop on the right side you'll see that we can add categories to it so for this wants to be maybe hat stuff for example we can add tags to it we can add an excerpt and this is going to be what shows up below that when you're you know on Google the metadata or the Meta Description would essentially be that right there and so we can add whatever we want right here so let's just say I don't know random text copy that and then we're going to so if we say publish we can publish that right now and it'll be published as best hats of 2020 and so that's gonna be the link right there but what I would recommend doing is I mean don't to publish that you could have just saved it as a draft so what I would recommend doing is going down to templates right here alright so once you get down to templates assuming you have Elementor Pro you can actually go and add a new template right here so if you click on add new click the drop down to a single and then single is going to be a post and then our single post is going to be you can pretty much name your template whatever you want and we're going to create this template and now you have tons of different options for what this template is actually going to look like on your article so if you want your article to look like maybe this one right here you can click on the little plus right there and it'll show you just an idea of what it'll look like so your post can automatically just be formatted every single post you make on your blog can always look just like this if you want to you'll just have your featured image at the top the author the author name the title and then the date right there and then at the bottom they have you know comments in the social structured like that so that's one option of course you have tons and tons of different options some of them are Pro options right here some of them could be free options as well it looks like all of these are pro options because it is for a single I believe the if you don't have pro version then you can't make the single post ones I believe I could be incorrect but yeah that's this is one of the reasons I recommend getting Elementor Pro so you can easily go for like this one for example I think also looks really good really clean if you're trying to make a blog that is just very readable and very user friendly this is really one way that I recommend doing that so you can easily just insert this and if we choose this one we could say insert and we're going to say yes we want the document settings there it's going to open up Elementor to edit that and then we can easily go down to the bottom left once we customized exactly what we want and so it's inserting right now but then we'll go down to the bottom left and instead of published we would just go up and apply it display conditions we would change which articles are which posts it's actually displayed on so you could say all or you could say an individual one that's what I would recommend doing and one of the big reasons that I recommend using Elementor Pro alright guys that's pretty much everything you need to know starting your first online store as you can see here with almost no effort at all you have a beautiful online store that's ready to go if you're selling plants obviously this one is ready to go without any images but you'll just have to take some of your own photos and do a little bit of your own artwork to make your website but otherwise all of the hard legwork behind it has been done which is one of the great reasons that I recommend WordPress and WooCommerce do so many people starting their online stores alright guys so it's everything I have to show you in this video hopefully you found it helpful if you did please consider going down and clicking the subscribe button and the bell icon if you enjoyed this video please click the like button and leave a comment if you have any questions any areas for improvement or anything you liked about this video good luck with your online store everybody thanks for watching I'll see you next time

Channel: Santrel Media

Views: 33,081

Keywords: nate o'brien, mike o'brien, santrel media, woo commerce, woo-commerce, woocommerce, is woocommerce worth it, how to make an online store with woocommerce

Id: FizSXztMf00

Length: 84min 26sec (5066 seconds)

Published: Sun Jun 21 2020