Woocommerce Tutorial 2022 with Step by Step Walkthrough

there are six steps to setting up a WooCommerce site and in this video I'm gonna go step by step and show you how to go from a beginner to an expert how to actually complete a store and this will be the store that I'm showing you how to complete something very basic something easy to do so let's go over the six steps and then let's start the tutorial the first step is to buy a domain name and I have some tips and tricks on how to do that it's very simple I'm going to show you via screen recording exactly how to do that second step is to buy hosting you need to pay for hosting for your WooCommerce site and I'm gonna show you who my favorite person is it's SiteGround and I have the hook up with psy crown I have a link down below and up above for a discounted rate plus I have a bonus um a bonus for using my link then after that a little quick thing is we need to link these two together we need to link the domain name and the hosting I'm gonna show you how to do that that is probably the hardest part of this video and if you can copy and paste you can complete it from there we're gonna install WordPress and install WooCommerce but that's one of the beautiful things about site ground it automatically installs WordPress and WooCommerce for you I'll show you how to do this just in case but if you're using sycron if you using the link up above or down below you don't even need to worry about that after that I'm going to show you how to set up your WooCommerce site and it is simple it's gonna take you about three minutes to actually set up your WooCommerce site and be able to start selling things and then the last thing I'm gonna talk about is a bunch of advanced features to make your store look good so like I said by the end of this video you're gonna go from beginner to expert on WooCommerce let's get started the first step is to buy a domain name and this is super easy and go to GoDaddy or namecheap.com type in whatever domain name simply add to cart checkout and once you do it will be in your manage domain names back in your profile from here the next step is to buy hosting now I have a deal with and I recommend using SiteGround to get that deal and go to effective e-commerce comm slash psych round or just click the link up here or down below so not only is it a discounted rate but if you use this link you'll get a free one-on-one consultation with me so once you do you pick between the different plans there's the startup the grow big in the NGO geek I'm just gonna go with the grow big to be honest with you I think one of the things I like about it it has unlimited website versus the startup plan which just has one website but keep in mind you can always upgrade later so if you want to start with the startup plan that's fine there's a lot of other hosting companies out there I have a video I did comparing all the different hosting plans but in my opinion SiteGround is the best for running WooCommerce sites so go ahead and click get plan from here you fill in this information after you fill out all your account information in your credit card select the period that you want to lock in the rate for if you want you can just start with 12 months or you can do 24 or 36 months if you want to lock in that really good rate for even longer for the purpose of this video I'm just gonna do 12 months and then click these actually don't click that one unless you want to receive special offers by email and click confirm pay now this is where the real fun begins this is where we actually start getting into the technical stuff so at this point in the video if you need to rewind and need to watch it again that's fine it's really easy to setup and we're gonna go step by step so let's go proceed to the customer area and I already have a domain name that's the Vino cards com that you saw that we got earlier your domain names gonna be whatever you bought at GoDaddy or Namecheap you can always register a domain name if you want and it's you know pretty easy to do so you don't have to use Namecheap or GoDaddy but if you use them it's a little bit cheaper so I'm gonna go V no cards com confirm here don't do this detect website malware with SG site scanner that's not worth it we're gonna go ahead and click confirm again we'll click proceed to the customer area and we'll go and we'll click on my accounts here and this is where the really the good setup starts to go in so we have the veto cards comm from here we'll go to cPanel so at this point we have to let SiteGround know that we actually own the domain name venal cards and the way to do that is to go to go daddy.com then go into your manage domains profile find the domain name that you want to let SiteGround know that you own and go to manage DNS so the way we let GoDaddy know that SiteGround should be able to host this website is to go down to the name servers click change and we're gonna go to custom so it lets you know exactly you know what's going on here and we're gonna enter the domain name servers here now how do you get the domain name servers well they're right here very easy to do so let's go ahead and paste those in there paste that in there and click Save that's it at this point it's just a waiting game it might take a little bit of time for a transfer for over but now SiteGround knows that you actually own the domain name and GoDaddy knows that you want to let SiteGround host the website from here on out it's gonna be very simple this is the hardest technical part so if you need to rewind and watch that again feel free but this is where the real fun begins at this point we're actually gonna start setting up WordPress and after we set up WordPress we're gonna finally install WooCommerce so let me show you how to do that this is what makes SiteGround amazing if you follow the steps so far if you use my link and when you use my link you picked WooCommerce as what you want to get out of psych round if you watch this tutorial and you follow the directions that's what you did the amazing thing is SiteGround already installed WordPress and remember WordPress is necessary to run WooCommerce so let me show you so if you click on this WordPress right here or actually we can even just go straight to veto cards calm when you go to veto cards calm guess what this is your website this is the website for Vino cards calm now what you can do is you can go to WP dash admin to actually change this around because now you have a real live website but this isn't a very nice website you want to make it look a little bit better for the user name and password psych round will email you what the username and password for your website will be so this is really simple those in and hit login and you're ready for the next step now again with SiteGround it automatically installs WooCommerce for you and for anyone that isn't using SiteGround and still wants use this tutorial or if for any reason there's a problem all you have to do is go to plugins and add a new one and you could add WooCommerce because WooCommerce is just a plugin for WordPress so to do that just to show you really quickly you click Add new search for WooCommerce and you would install but like I said with SiteGround the WooCommerce plug-in is already installed and this is why SiteGround is so amazing so let's go over and let's set up new commerce right now this is what our site looks like it's definitely not complete yet it's it's the default site so here's what we're gonna do the first thing we're gonna do is do the quick set-up of WooCommerce this will just take a minute or two we're gonna run the setup wizard from there we're gonna add our first product and just like that you'll have a working store now again the store won't look very good it won't look very professional so after that I'm gonna take you through the appearance little tab over here we're gonna talk about themes we're gonna talk about how to customize it widgets and menus and this stuff might sound complicated but once I show you step-by-step how to use it it's very simple but first let's run the setup wizard and again in the next few minutes you're gonna have a working store so all you gotta do is click run the setup wizard and it's gonna take you through all this so where's your store based right off the bat it's not based in the UK it's based here now for the address I'm gonna blur this out but put in your address obviously and then you can just select you plan on selling physical or digital products for the purpose of this I'll just leave it as both just in case in the future I do want to sell digital products and you can help WooCommerce improve tracking or not I'm just gonna unclick it next up is the payment section in the whole point of a store is to get paid and stripe makes it very easy so I'm gonna click this here so that we can set up a stripe account also we're gonna use PayPal and you all you have to do is put in whatever PayPal you want to receive the payments to and it's that easy so let's go ahead and click continue next up is shipping how much do you want to charge for shipping so for us we're gonna just do 495 and then for locations not covered by the other zones I'm gonna unclick that we only want to sell for me personally within the United States I might change that in the future because we do want to sell internationally as well but for now we're just gonna make it simple and for the print shipping labels at home I'm just gonna leave that checked for now I can deal with that later and I can change my units measurement if I want right here but I'm just gonna leave it I'll leave all these checked for now the automated taxes is very helpful a MailChimp is an email service I use I don't know if I'm gonna integrate it just yet if that's something you want me to show in another video put a comment down below on how to integrate MailChimp in Facebook but for now all you gotta do is click continue and we can deal with that stuff later jetpack jetpack is a plugin for WooCommerce it comes with a lot of added features you know better security store stats product promotion whatever yes getting continue with jetpack and if you don't already have a account with them you may need to create an account I already do have an account so I'm gonna quickly log in see it's already connecting me at this point you're ready to start selling and all we got to do is create a product this is the last step before your site actually works so let's talk about how do we create a product so this all we got to do is fill in the details here and the first thing is the product name so the product that I am selling is called vino cards and we'll call it wine course in flash card form that's what vino cards is I'll show you in just a second this is a company that I helped start I helped my girlfriend start basically now on this YouTube channel I'm all about teaching people how to create products and sell them online I know a lot of people use WooCommerce for dropshipping I personally don't recommend drop shipping I think one of the best ways to make money is by creating something unique something that you wish exists in the world and selling it my product it's called performance nut butter it's a macadamia coconut cashew blended nut butter something that didn't exist is a high you know a premium quality snack so anyways if you want click that subscribe button if you want to learn how to create your own products sell it online I think this is the new opportunity you know going forward I think drop shipping is kind of dead and that personally I think that creating your own product is gonna be the next big thing but enough about that let's get back to the tutorial so you put in your title here and then we're gonna put in the description of your product for my description I already wrote something so I'm just gonna paste it right in there now one thing to note is this is the visual like I can adjust this I can change it just like I would any kind of a like a word like a word document or anything like that and you can click the preview button at any point just to see how your products coming along so B no cards one course in flashcard form and then it has the description down here now if I wanted to change that let's say I wanted maybe a little bit less of a space between all the hoops between all these I could do that very easily which is something I want and then that's pretty much how it shows or you can do text if you're really good at HTML you can do text and you can do all the different little random things here all this stuff it works exactly like a word like word would now at this point obviously I just showed you what it looked like there's one big thing that we want to add and that is the product image so let's set the product image we're gonna click upload files and we're going to upload a picture of the product now all you got to do is click set product image so let's take again a look at the preview and it's looking better already now the next step we're gonna have to do is we I want at least for me personally one thing I like to do is add bullet points so these are the bullet points now let's go ahead and hit the bullet point button and we can preview this one more time and see that adds bullet points right here which makes it more compelling to people that are looking to buy from your website because they can look at the picture and right away they can see some of the bullet points now I don't recommend just having a one photo ID I recommend adding more than one photo and to do that we can click on the add plotter gallery images and again it'll be the same process you'll click upload files and you can upload a image or two if you'd like now one thing I forgot to mention on the main image is you're gonna want to name these files and have alt text and this is very important for SEO I did a complete video on search engine optimization which is basically how to you know how you can help rank higher in I can get your site to rank higher and one of the important things is naming your photos so that Google knows what they're about because Google can't really read images well it can read titles in alt text well which is what's on the screen right here so what I'm going to call this V no cards wine flash cards because that's a term that I would like to rank for so let's go ahead and paste that here and okay add gallery images I added the wrong image there let's do that this one I can get rid of and I probably should use different alt text and different titles though I'm just doing this really quickly just to show you so let's add one more thing before we do another preview the regular price will put regular price at $29.99 and the sale price at $24.99 now you always want to do that you always want to have a regular price that's higher so that people feel like they're getting a deal at least that's my personal opinion and let's preview this again and just like that our product is pretty much there now one thing to note is you always want your Add to Cart button to be above the fold so I added a little bit too many bullet points and above the fold means you don't want your customers to have to scroll down to click the Add to Cart button the whole point of this is you want to make it as easy as possible for your customers to buy from you the harder you make it the less likely someone is to buy from you that's why the candy is at the checkout aisle because it's like an easy decision so let's go in here and let's just delete this and delete this and see what happens and see if that maybe looks a little bit better and if it keeps the Add to Cart button above the fold there we go see now people don't have to scroll down now all someone has to do is click that Add to Cart button and they're ready to purchase from you and one other thing to note is look at these gallery images now people can get close-up looks of what the product looks like they can even zoom in if they want to zoom in there they can also see what the product looks like in action and you can see that you can zoom in there so this first main image that's great like people can look at that but people like more than one image one of the goals with your website is you want people to understand what its gonna be like to own your product and so that they can answer all the questions in their heads if they don't they're not worried about Oh what is it going to be like to own this product now at this point you're ready to hit the publish button and your stores pretty much good to go the store still looks terrible though and that's the next thing that we're gonna fix so let me show you what the store overall looks like right now so this is what it looks like my blog WordPress like people don't know what your site's about it's not even though someone if they really wanted to they could figure out how to go to shop and they could look at all these junk products here and if they really wanted to they could figure out how to buy from you it's not really ready to go so let's let's clean up some things and and the first thing I want to show you is this appearance tab so if you click on themes another thing that WordPress and WooCommerce is famous for is the fact that they have lots of themes now if you wanted to change it from storefront to something else all you could you know all you have to do is hit live preview and activate and you can see you can actually activate and publish and see what it would look like obviously that looks terrible but WooCommerce has a ton of themes to go through you don't need to stick with the default theme I am for the purposes of this video just because it is easier the next thing we're gonna talk about is the customize now within customize what you can do is things like change the site identity so instead of the site title being my blog let's put it as Vino cards and the tagline instead of being my wordpress blog have it be wine course in flash card form now if you wanted to at this point you could select a site icon I'm not gonna do that for now let's go ahead and click publish this is already looking a tiny bit more professional now realistically I probably should have my logo up there I'm not gonna deal with that just yet I'm just trying to do the bare minimum to get a working site up and going so let's go ahead and go back and change some colors you can change some of the colors of the things going on here same thing in the footer the background if you wanted to change the background color you could go in here and change all kinds of background colors I'm just gonna leave it as the default typography you can change the color of all like what is the links look like let's just change the color of links to be maybe like this color that's fine all you have to do is for any change you make hit the publish button you can go through here and you can make all kinds of changes one of the last changes I'm gonna make is for the home page settings instead of the home page being blog which is good if you have a blog and you have like a lot of content that's fine instead of it doing that what I'm gonna change it to is to be to shop this way it lists out all the different products now I am gonna have to go through and delete all these products except for Vino cards but for now that that's fine again we'll hit publish just to save those changes so let's go back to the next thing that i want to show you in the appearance like how to make this even a little bit better and that's the widget section now widgets aren't something you're probably gonna use a lot in WooCommerce but there's something that could be helpful and it's definitely helpful in WordPress now I don't want to mess with the widgets right now this is maybe a slightly more advanced topic it's not something you really need to mess with but just something to keep in mind that widgets do exist let's talk about menus so menus in an example of a menu here is this top menu right here now home cart checkout homepage my account shop hmm I don't like the word shop I'd rather it say by Vino cards because I'm only selling one product I want people to know that they can buy you know cards and I also don't like the order I think it should be by V no card should be like in the the furthest left and get rid of the home button like people want to go to the home page that's fine but the whole point is to get them to buy V no cards so let's make it very apparent to them so we're gonna call this menu main menu and we're gonna click create menu and we're also going to click the primary menu button so let's go ahead and click Save again and now we just add some menu items to it so let's add no I mean we can add blog except for we don't have a blog we can do my account checkout cart and let's go add to menu the next thing I want to add is a link directly to the product page you can go to products all products find your product which for us is right here you click on the edit button and this right here will give you your URL copy link address so let's go back let's go back here and we're gonna add a post no custom links paste in your URL right there and for the link text we're gonna call it by V no oops by V no cards add to menu and like I said I want this to be the first one so we'll put it there let's go ahead and click Save menu and now let's take a look and see what V no cards the website looks like this is pretty good so it says by V no cards my account check out cart but still there's some things about this it still doesn't look very professional there's still a lot of things I think I could do to make it look better so let's exit out of here and from here there's more things you can do to customize your appearance obviously I've given you a lot here I'm gonna give you one last tip to customize your appearance before we move on the last thing and this is the most advanced way to customize the appearance is the theme editor so if you click on the theme editor you can actually edit the direct code here one thing to note if you are gonna be editing the code you might want to make what's called a child theme and a child theme this is you you've got a theme currently and so anytime the owner of this theme updates it your your page is gonna update so if they find some kind of a bug your page is gonna get updated now why that's important is if you make any changes those changes will get deleted unless you make a child theme I'm not gonna do any changes here but I just want you to make you aware if there's deep changes you want to your theme this is where you come in and do it you can change the PHP the CSS which is like the real deep code all right so let's talk about the next thing and I quickly want to show you products all products just because one of the ways to make your website look better is to delete all the junk products let's just go in here bulk actions move to trash apply and just like this our websites pretty much done like this is this is a usable website at this point it's got a product it's got the name by V no cards all this stuff right here it's ready to go but I still want to finish this tutorial and show you how to use your site and the next few things we'll talk about are the posts what what what posts are what pages are comments and we'll finally we'll get into some of the advanced features of WooCommerce you know how to how to do coupons all that different stuff so just bear with me for a second here let's quickly dive into posts and post sir if you're gonna be writing blog posts it's very similar to how you did the product let's go ahead and this is the initial one that it comes with we're gonna delete that but if I wanted to add a new post I would just click add and you'll see a very familiar page right here add the title test post one two three and then start typing whatever you want to type this is a test post it's that easy we'll go ahead we'll click publish for now and you can if you're writing blog articles this is the way to do it I'm not gonna go too in depth on this just because I don't think that's this is that important but one thing that is kind of important is pages so let's go to all pages so if you need to make changes to any of your page house pages like the cart the check out the home page shop any of that stuff this is where you gonna do it you just click on the edit and you can make changes but now you see all these different pages there's one that I want to add and that is the about Us page all I'll have to do is about us and then I can type in right here the story of how we know cards was founded at this point you can add a bunch of text or you if you wanted to you can even just add a video and I'm gonna add a video I have a link for a Vimeo video I'm gonna put right here and I do think if you're doing an about Us section a video is a very powerful way to do that pick the embed code or you know whatever code you have and you can paste that in here and this HTML and let's go ahead and preview let's see what this looks like now you can see there's the video right there maybe you want to put some text in it as well and if you wanted to add text you could add it is a block so let's go ahead and do paragraph and save you know cards was created by Ariana she's not a small but just something very simple here change that right there and we're pretty much good so let's go ahead and click publish publish now that's how pages work and as I said you can make lots of different pages let's go back to the menu right here and let's add this page to where we have it right there let's go to let's add it to our main menu basically let's put it on you know maybe right there click save menu now that will be updated so I love just to show you what that'll look like if we go to the home page go to the about Us section and there we go one cardigan wah and people if they wanted to they can watch the video here hi I'm Ariana the founder before we go to the final topic which is the WooCommerce section itself we're gonna talk about the orders coupons report settings all that great stuff I want to show you one more feature about WordPress and WooCommerce that is extremely powerful and that's plugins so let's go ahead and we can look and automatically we already have some installed plugins WooCommerce like I mentioned earlier is a a plugin for WordPress so like I said plugins give you added unction ality WooCommerce is added functionality on top of WordPress one example of some functionality that WooCommerce and WordPress does not have out of the box that I'd like to add is what's called 301 redirects so basically when someone goes to V no cards comm slash discount this link I them to actually be taken to my Amazon page right now it just goes to a page and it says hey oops that page can't be found I want to change that and this is called a 301 redirect so what do I do I can add a plug-in in and type in 301 redirects I'll show you how to do this let's go ahead and click 301 redirects easy redirect manager and so this is we're installing our first real plug-in together right now I'll go ahead and click activate now when I go to settings it says 301 redirects so this is new functionality it didn't used to say that under the settings so I can go in here and I can type in slash discount and over here I can put in the address that I want it to forward to which for me is the the Amazon address and the reason I'm doing this just to let you know is because on Instagram for Vino cards I want to have a link in the bio where it says veno cards comm slash discount in it right you know right now so it takes them to the the the Amazon page so let's see if it's working now and yes now it's working appropriately so now if I were to type in you know cars.com slash discount it would take people to the Amazon page that's one example of functionality another plug-in that I would recommend installing is sumo and sumo is a way to collect emails so let me show you an example this is what it would look like to have this kind of a pop-up that goes on your website and again the way to install that plot plug-in or any plug-in would just be to click add new search for it and click the install button it's really that simple to set up now before we get into the WooCommerce orders coupons and everything I just quickly want to go over the comment section this will be the last section I go over and if you get any comments on your website on the post remember WordPress is made for people that are bloggers this is where you can come in and respond to them but now let's get into the good stuff though orders so when you start getting orders on they will be showing up here in the orders tabs and you can learn more if you click there you can start interacting with them if you want to create coupons very easily you can create coupons let's create your first coupon I'll go through this really quickly very simple to do it walks you step-by-step do you want to do a percentage discount or a fixed cart discount meaning like so a percentage discount would be like 10% off or maybe a fixed cart discount would be $10 off go through all that very very easy to set up with coupons reports as you start getting sales this will show you some data this will show you what days have been your biggest days one thing that you will want to do is install Google Analytics leave a comment down below if you want me to do a video on how to install Google Analytics to WooCommerce as all this stuff you can find tutorials there's a hundred tutorials about it but I can do one for you if you want to leave a comment down below for that you can also get reports on your customers here and taxes shipping labels all that and then these settings the settings is very important so with the settings you can go in and you can change your address you can change what kind of currency you want to use go in here and if you want to change how your products show up there's so many things you can completely customize this you can change what payments you accept so right now I have a stripe and PayPal check out checked but if you want to add more you can add even more in their account privacy emails so this is another very important thing if you want to customize the emails that you send so there's an email that gets sent when there's a new order there's an email it gets sent for a cancelled order you can go in here you can click manage and you can change well you can change some of these if you view the template you can change these if you want to you know to override them you're gonna have to click here you get the file you can copy the file to the theme it's a more complex thing to do but it is good to know that you can change the emails if you need to there's also integrations if you want to integrate you know we have the Facebook here which we talked about earlier I can do a video on that too leave a comment down below if you want to integrate with Facebook and there's the advanced tab the Advanced tab is a bunch of things that you probably will never have to touch but it's good to know about this if you ever want to do some more advanced changes you can do it and just like that you are now an expert you're ready to start your first store again I recommend going with SiteGround that's what I'm personally using for this I have a link down below and I've got the hook up I have a discount and click on the link to see the discount details plus is a thank you for using my link which is down below I will give you a free 30-minute one-on-one consultation session to help you set up your site so not only do you get the best deal around you also get that free consultation section click there down below and let's get started on your WooCommerce site today

Channel: Travis Marziani

Views: 166,099

Keywords: WooCommerce, Webshop, Wordpress Webshop, How To Create A. Webshop, How To Create A. Website For Free, Webshop Free Tutorial, WooCommerce Paypal, WooCommerce Siteground, WooCommerce for beginners, WooCommerce tutorial 2019, woocommerce tutorial, wordpress ecommerce, ecommerce website tutorial, ecommerce website wordpress, create a website, woocommerce setup, wordpress tutorial, ecommerce, wordpress website, ecommerce website, Woocommerce Advance Features

Id: ocmwNoELuhQ

Length: 31min 11sec (1871 seconds)

Published: Thu Aug 22 2019