WooCommerce Full Tutorial - Build a Professional Online Store | David Utke | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

WooCommerce Full Tutorial - Build a Professional Online Store

teacher avatar David Utke, Web Pro and YouTuber

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

22 Lessons (2h 23m)
    • 1. Course Introduction

      0:52
    • 2. Get your domain and hosting

      4:14
    • 3. WordPress install and setup

      6:17
    • 4. Blocksy theme install and setup

      5:07
    • 5. WooCommerce Overview

      18:25
    • 6. Add a "simple" product

      9:38
    • 7. Add an affiliate product

      9:21
    • 8. Sell digital downloads

      3:34
    • 9. Sell a coaching service

      2:47
    • 10. Create a variable product

      7:59
    • 11. How to make product bundles

      9:58
    • 12. How to use upsells cross sells

      2:01
    • 13. Edit and design your homepage

      15:29
    • 14. Header and footer design

      8:30
    • 15. Customize the "shop" page

      5:57
    • 16. Customize the cart and checkout

      3:47
    • 17. How to accept credit cards and PayPal

      7:43
    • 18. Setting up taxes and shipping

      11:16
    • 19. Make coupon codes

      1:48
    • 20. Customize your store emails

      2:36
    • 21. The legal pages you need

      5:08
    • 22. Conclusion

      0:13
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

133

Students

--

Projects

About This Class

Learn how to make an online store using WordPress, WooCommerce, the Blocksy theme and the best web host for ecommerce sites, SiteGround. In this comprehensive course, I cover all the essentials you need for creating a successful online store using WooCommerce.

WooCommerce is a completely free plugin for WordPress that enables advanced ecommerce functionality on your WordPress website. From selling digital downloads to physical products or some type of coaching offer, WooCommerce can do it. Best of all, it easily integrates with both PayPal and Stripe for credit card payments.

We will be using the Blocksy theme in this course, a free theme that allows for easy integration with WooCommerce as well as various, easy to use templates for your online store that you can customize. The Blocksy theme allows you to create a custom homepage, blog posts, product pages, customer accounts as well as the ability to design different aspects of your websites like the header and footer.

In this step 1 to done course we will be covering the following:

  • Get a domain name from a domain name registrar, Namecheap.
  • How to get a shared hosting account at SiteGround.
  • How to properly install WordPress.
  • A complete design tutorial on how to use all the different aspects of WooCommerce.
  • Pro back end settings, permalinks, security tips, shipping, taxes and more.

The Blocksy theme and WooCommerce make for an excellent combination for creating an effective online store your visitors will love. This course is a complete course on how to create a professional website and online store where you can sell products (both physical and digital) on your very own self hosted webhost.

Meet Your Teacher

Teacher Profile Image

David Utke

Web Pro and YouTuber

Teacher

David Utke is a professional blogger, web designer and a highly rated user experience consultant.

Starting in 2009, David first began learning web development and WordPress for his own online projects and now translates technical skills in an easy to understand way for beginners with his educational courses.

He currently lives abroad, travel vlogs as a hobby and runs his online business from cafes and workspaces.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Course Introduction: Welcome to the course. My name is David. I'm going to walk you through step one to step done a HashSet of an e-commerce website with WordPress and WooCommerce. In this course, we're going to be using the block C theme, which is a completely free theme, looks fantastic. I'm mobile devices is feature-rich and it's honestly one of the best themes I've come across for both blogging and e-commerce. Then I'm going to show you how to get a domain name at a domain name registrar. We're going to be getting a shared web hosting account with the sacrum, which is an optimal web host for any type of online store. Then I'm going to show you how to install WordPress and design your website. In this course, I'm going to share with you all the little technical details that you need to know to get set up with WooCommerce and WordPress. I'm going to show you how to set up your product pages, taxes, shipping, coupon codes, upsells, crosses, and more. So if you've been looking to get started creating your own online store with WordPress and WooCommerce. This course is view. When you're ready to get started. Click the next video. See you on the inside. 2. Get your domain and hosting: Welcome to name cheap.com. So this is my preferred a domain name, a register of choice in the website where I get all of my domain names from. So you're going to need a domain name for your website. And to get start with the cheapest, very simple, just click here and put in the domain that you want to register, and then click on the Search button. Okay, so once you click that Search button name, she was going to come back and tell you whether or not the domain name is available or not. Now I definitely suggest getting a.com for your first website. If it's not available, you're going have to click up here and try different combinations of letters, maybe numbers. I definitely don't suggest numbers though. Just try a different combination so you find something that's available. Once it is, go ahead and click on Add to cart, and then click on a view item, and then click on Checkout. Okay, So this is the checkout page. It's pretty self-explanatory, but I just want to cover a few things. So with domain name registration, you can register a domain name for one year up to ten years in advance. I definitely would suggest at least two or three years then come back into named sheep and register for a longer period of time. Auto renew, that's totally up to you whether or not you want to leave it on or off auto or new means that your credit card will be automatically charged or your PayPal account will be automatically charged when the domain name registration comes up again. And then one big thing that you get when the sheep is free, who is protection? So when you register a domain name, part of ICANN regulations is to provide accurate contact information like your address, your e-mail, et cetera. And so what domain name privacy does? It just keeps all that information private and you get it free with named cheap. So anyways, when you're done, go ahead and click on Confirm Order and you're good to go. Now it sends a get a shared hosting account for our e-commerce website. And for that, I recommend as siteground.com. Now, say ground is actually one of only three recommended web host by WordPress. And they are really ideal for e-commerce because they provide the right performance and technology to really optimize your e-commerce website. And on top of that, they have a dedicated WooCommerce high-performance point over here. To be honest, it's pretty similar to the web hosting plan. Or the only real difference is that like WooCommerce comes like pre-installed. Anyways, we're going to be using this one, WooCommerce, but again, you can use any type of software tools with this account. You're not just limited to only WooCommerce. Don't worry about that. Anyways, let's click on Get Started. And then over here we have their startup grow big and go geek. So I just want to actually open up this just to show you the web hosting accounts. There we go. It's just the same C startup grow big girl, geek. Same exact thing. It's just WooCommerce comes pre-installed, but Saigon is actually optimized to really help WooCommerce run really fast and efficiently on your e-commerce website. So anyways, to get started, we have startup grow big, go geek. Honestly, grow big is the bestseller for a reason. Startup is a little bit to emitting with this one website over there in 10000 monthly visitors. Grow big is ideal because you can get started, grow your say, and then if you want to upgrade your account, you can upgrade to the Go geek plan. No problem. So let's go ahead and click on it. Get plan. And there we go. So now please enter your domain name register, a new domain name. Now, with a hosting account, you need a domain name to be the primary domain name on the account. And so you have to put in a domain name here, but we registered our domain name cheap. And so we're just gonna do this. I already have this domain name. So let me put my domain and okay, so put in the domain name that you registered at name sheep and then click on up. Proceed. All right. And then this is just the account information page. So I'm not going to insult your intelligence and walk you through how to pay for something online, for your account information, your client's information, and then your payment information down there, and ND hosting services. What's great about sake round is that you can set the datacenter from Asia to Asia, Singapore, Australia, United Kingdom, Germany depends on where your audience's primary located. So if you're an American audience are probably going to want USA, Iowa, then the period is the 12 month. And so you do get a discount if you select 24 months, it's only 1499. So it's totally up to you in general. I would go with 12 or 24 months. And then that's it. And so just click these little boxes right down there and then click pay now and you're good to go. 3. WordPress install and setup: Welcome to siteground.com. So once you submit payment, you should be looking at a page that looks similar to this. Now what we wanna do is add a website, install WordPress, and add an SSL certificate to our website. Now to get started is very simple. Either click on this set of website button or click on the tab that says websites both take you to the same page. So I'm gonna go ahead and click on Create a website over here. Okay, so now I have a few different options. New domain name that will register a domain name through SiteGround, which we don't wanna do. We wanna use an existing domain name because we're going to be using Name Cheap. So let me go ahead and click on Select and then put in your domain name it down here that you're going to be using. Okay, so once you put your domain name in there, click on the orange Continue button. And then you're going to be getting a little warning message down here that just says, Hey, this domain names not registered to siteground. That just means that you have to point the domain name, your domain name registered to siteground. It's just a little warning message. It's not a big deal. You can go ahead and ignore it because we're using named sheep. Obviously it's not going to be registered in your SiteGround account. So go ahead and click on, continue. All right, so now we can start a new website or migrate a website. So migrating website means you're going to move a website from another web host to siteground. We're not doing that and we're going to be starting a new website. So click on Select. Next we have WordPress, WooCommerce, and web site builder. So we're going to be using WooCommerce in this tutorial. So go ahead and select WordPress in it, Woo Commerce. Okay, now it's time to set up your login information. This information is what you're going to use to login to your website. So put an e-mail address and a password that you're going to remember. Okay, and once you're all set, go ahead and click on Continue. Next we're going to have an upsell for SiteGround scanner. We can just go ahead and ignore this and click on the Finish button. And now WordPress is being installed for our website. Now once WordPress is finished installing, it's going to say you're all set well, not quite. There's still a few things that we need to do. So first, we need to point our domain name to say grounds. So when people tried to visit our.com, it's going to be getting the information that's found at sacred and then it makes any sense. Sounds a little bit more complicated, but honestly oil to do is take MS1, siteground.net, take this, copy it, then navigate back into name sheep, okay, login to your account, find a domain name that you want to use for psych round, and then navigate to where it says name servers rate down here. Then click this drop down. We want custom DNS, not named Sheet DNS, name server one quick here, paste. Then do the same thing again. So take this and S2, take that and put it as a name server to, and then click on this little check mark right there. And it should say DNS server update may take 48 hours to take effect. Now may take 40 hours for full propagation, but from my experience it's usually half an hour. Okay, so you're gonna have to sit back, wait half an hour for everything to propagate as appropriate. Now, once we're done with that, the next thing I want you to do is go here to say tools. Click on Manage Site. Okay, so once you're here, what we need to do is move to click on Security, and then we want to go to SSL manager. And then right over here is where we want to add in a new SSL certificate. So you want to make sure that your domain name selected right here, go to SSL and then select, Let's Encrypt. Let's Encrypt is completely for free. And so just go ahead and click on it gets, that should take a minute or two to finish. And it should say, Let's Encrypt is installed for your domain name and you're good to go you, so you now you've just successfully installed an SSL certificate for your website. Let's go ahead and log into a website. So there's one little thing that we still need to do for the SSL certificate as well. Anyways, click on the websites tab. And then over here it's going to list out all the domain names that you have for your websites. So we only have one website install, but the WooCommerce logo. So anyways to login to a website, click on WordPress kits, and then go to WordPress admin. Now it's going to take you to WP dash admin, and that's how you get to this page. So you should just type in your website.com slash WP admin. That's how you get here. So anyways the login just use the email that you setup as well as the password. So once you login to your website, you're going to be looking at page that looks like this. This is powered by WordPress plugin from SiteGround. We obviously don't need this because you have this tutorial to follow. So we're just gonna go ahead and click on Exit. Now it takes you to the WordPress dashboard. So welcome to WordPress. You successfully installed WordPress on your website. You've successfully logged into your website. Okay, so now welcome to WordPress. And so the first thing that I want you to do is navigate to where it says plugins. And let's go ahead and delete this WordPress starter plug-in. There we go and go ahead and click on delete. All right, Next we want to navigate to where it says psych round optimizer. All right, so now we want to navigate to where it says Environment optimization and then we want to force HTTPS by using this. So if we visit our website, which you're going to notice is that it's not secure. But if we come over here and we type in HTTP S, okay, we've typed in the secure version. We actually have a secure version. So now we have two versions of our website. So how do you make it so those unsecure version redirects to the secure version automatically. And simple click of a button right over here. So click on this button, then click on confirm. All right, and that's it. So this should say HTTPS enabled, Okay. Now granted, some of you may have an error where it says, please install an SSL certificate. You may be going a little bit too fast. So just give the name again. Like that's why I said take a little bit of break once you set everything up with name sheep and you point everything, just take it, get it, grab, grab a cup of coffee, wait 10 minutes. It'll work. But anyways, that's all you need to do. And so now we have a secure WordPress website with a nice little lock there, and we're good to go. So now we're ready to design our website. 4. Blocksy theme install and setup: Professional backend settings for our website. So we're almost ready to kinda start designing our website, but let's just take care of a few little details. So first things first, let's navigate over to where it says users. Now users is where you kind of control access to your website. So you should have one user account and it's the administrator. Now if you click on this administrator account, this is where you can kinda change your password way down here. Where is it? There we go. Okay, so set a new password. So if you ever want to update the password for your account, and that's how you do it over here. You can change a picture with your gravity account. So what's like gravity? Well, we click on gravity over here. You can login and then you kind of a picture be related to a specific e-mail. So that's kinda how you do that. Biographical information that will appear on your website if you enable it. So for example, let's just navigate to secrete pro.com. What's come down here? Let's go ahead and open up this blog post. So for example, if I come way down here, this little section, this picture, all this stuff is being powered by this section of the account within WordPress. Now let's back out of this. Okay, So to add a new account, you can go here to Add New. And what's really helpful about WordPress. Say you want to add a editor account, whatever. Maybe you want to hire a writer for your website and engage in content marketing or blogging. Right down here you can click on a roll, then each of these roles has different access to your website. So you have a shop manager because you have the WooCommerce plug-in administrator. That's you, the editor, author, et cetera. So that's how you create these new helpful accounts when you want to bring team members onto your website over time. Now, once you get that squared away, the next thing once you do is navigate to where it says plugins. Now with plugins, we do need to install a few additional plugins. So let's go ahead and click on Add New. The first one I want you to install is called Yoast SEO. So just type in Yoast. In what Yoast does, just gives you a little bit more control over the on-page SEO of your website. So go ahead and click on Install and then click on Activate. Okay, and so now that's installed. So let's go ahead and click on Add New, and let's install one more plug-in that I like. It's called smush. There we go. So smush lazy load images, click on Install and then click on Activate. Okay, so what's much does it just simply optimizes images that you upload to your website to make them a smaller file size. So your website loads more quickly, but it maintains the image quality. Okay, so that's all you need to do. So we did the users, we did plug-ins. Now let's go to Settings. Now right here, settings we have general reading writing. So let's go to reading. Now over here you have different aspects of your website, so you can have your latest blog posts or a static homepage. This is where you can create a homepage for your website, which we're going to do later in the tutorial when we want to create like a visual menu for a website. Now what I want you to do is click on permalink down here. Now, permalink literally means permanent link for your website. And so for example, right up top there, what does it create product com slash blog slash post title. That's my preferred structure of choice, totally up to you. So you can either select on post name or you can come down here, select Custom Structure and then slash blog, slash post. And so that organizes the blog post under the blog if that makes any sense. And so I've read, I would recommend custom structure or post name. Definitely not plain P 123 and definitely not anything with dates because we're not creating time sensitive content. Okay, So if you're gonna blog on your e-commerce website, I generally would suggest going with this structure right there with the domain name slash blog, whoops, slash slash post name. When you're all set, come down here and click on save, changes. Fantastic. Now it's time to install the block C theme. So once you navigate to where it says appearance, then come over here to themes. Now you should have a few themes installed by default. So we're going to add a new theme. So just click on this big button right here that says Add a new theme. Next, come up here and search for themes and type in block C. And here we go, this d block C theme, click on Install, and then click on activism. So now you've successfully installed the Black Sea theme. Now what I recommend doing is deleting all these themes from your accounts. So go ahead and click them. And then right down here you have the red button that says delete this, go ahead and delete. And then just go ahead and do that for each one of these themes individually. Just for security reasons, you want one theme installed at a time on your website, and that's it. So now we're ready to begin designing and customizing our e-commerce website with the block C theme. 5. WooCommerce Overview: All right, So now our website is set up and we are good to go. We got the boxy theme installed. We have WooCommerce installed. And I'm going to show you how to design your website, how to lay out the homepage effectively for an e-commerce website, I'm also going to cover different types of product pages that you can create for physical products. Physical products that maybe have a little bit more customization like shoes for example, digital downloads, Amazon Associates products, et cetera, as well as how to accept payment via credit card PayPal anymore. Anyways, let's continue. So once you've activated the block C theme, you're going to see this little call to action of top there for a thank you for installing proxy and sold a block C companion. Yeah, we definitely want to go ahead and do this. So go ahead and click on install a block C companion. Now this is again just an additional plugin on top of your website. And there we go. So now we have little block C tab in our sidebar and we can go ahead and click on skip. All right, so now this is the block C Campanian. So let's go ahead and click on first extensions. So with extensions, we can set cookie consent. And that's important for e-commerce, especially if you're into European Union with GDPR. So let's go ahead and click on activate. Then a product reviews, a custom post type specific dying for creating product reviews. Yes. We want that display a trending lists of posts right here. Yep, we want that. Then the last one is over here, widgets, popular, recent pose advertisements, blah, blah, blah. Yeah, we want to go ahead and install that. So just click on activate, and there we go. So now we can click on other useful plugins than this, again, just gives you recommendations for other things that you can go ahead and install for your website if you like. And now let's navigate to starter sites. Now with starter sites for this tutorial, we're going to be using a theme, okay, So I really are a template more like where you have a theme. This is a template. Templates are great for e-commerce websites just because it comes with everything that you need to get going like your account, your carts, all the forms, everything just kinda set up and you can just jump in and edit a little bit more quickly. So with block C, the theme or the template that I really like is this one called homey. So let's go ahead and click on Import. Install child theme. Yep, click on Next. Now you can have your option between Gutenberg and breezy. Now Gutenberg is just the default WordPress block editor. Breezy is a dedicated page builder. And so again, you can go and sort through this on your own. So like this one's Gutenberg and breezy, this one's element or Gutenberg breezy elements or totally up to you. Again, I personally like using the default block editor Gutenberg. So we're going to be using homey anyway, it's click on Import, click on Next, click on Next for Gutenberg. And then we have WooCommerce already installed. Now we want WP forms, we want stackable, which is one of my favorite plug-ins. Go ahead and click on Next, and that's it. Now import content and then click on Install. Okay, so that should take a few minutes. So once it's ready, it should say the starter site has been successfully imported. Now we can go ahead and click on View sites. And let me click off of this. And so, yeah, here we go. This looks awesome. This looks great. So now we can adjust its called the action. We have the cookie declaration over here that people can accept for GDPR purposes. Let's scroll down. We have this nice little welcome section. We can break up into a visual menu with categories right there. It displays the latest products right there we have a call to action for a specific product right here. Then we have blog posts and an email opt-in form. And then we have this trending now. So maybe I would remove this, but honestly, right out of the box, this template is really nice as all the elements that you'd really want. Now if we go to the backend of your website, what was specifically installed. So let's go over to our pages. And this is why I like templates, at least for e-commerce purposes. So we have a blog page, we have a cart page, we have a checkout page, we have a homepage, we have my account page, privacy policy page, and we have a decade shop page all ready for us to customize. Now if we click on the post, we have a few different blog post installed already. So again, we can kinda just jump in here and delete when we're ready when we're going to begin blogging. But it's just nice because it gives a nice layout for the state. So you kinda see how everything looks visually, and that's it. Okay, so now we are really ready to begin adding specific items to WooCommerce, WooCommerce overview. So now we have a WooCommerce installed. We have our theme, we have our template, we're good to go. So let me give you a high-level overview about all the little options that we have going on with our website. So it doesn't get too overwhelming and confusing because I know it can be when you suffer semi like, Oh my goodness, what is all this stuff? Where do I begin? So let me break it down for you. First thing, product reviews. So product reviews is not other people leaving a review on your specific product pages with product reviews are is a dedicated section designed for something more like affiliate marketing. So it's pretty helpful. So let me open up my little demo blog posts or product review blogposts I created. And so if we open this up, let me open up the permalink right there, and let me jump over here. So euro structure is blog. Review and then the name of the product so you can engage in affiliate marketing with this regard. And the symbol looks really nice because you have the option to click on read more and it takes people to the content. Then you have this Buy Now button which you can update and change on the backend of the blogposts to be an affiliate link for the specific product. Okay, So in order to do that, we have to navigate back here. You're going to come down to the very bottom. Then right here was his block sees settings. So we have general, we have rating. So you can add a specific score, you can add improves and cons. You can really build it out. And then right here the affiliate label button by now and then change the affiliate link to your dedicated affiliate link. Now personally, that's not how I engage in affiliate marketing. Like what I personally do is just use blood boosts. So for example, like this one named sheeps was they built a verse WordPress. Obviously I'm promoting Name Cheap as an affiliate. So that's my, that's my personal strategies provide helpful content in that kinda laid out that way. Totally up to you. But if you want to have a dedicated like review section, layout of your website, you're good to go and it looks great. So anyways, let's continue on. Let me back out of this. Oh, okay. So there you go. So this is a little bit of a different section from the blog post. That's why I personally don't like using it though, because it kinda makes you stuck using WooCommerce all the time. If that makes any sense, It's totally up to you, but I prefer just to keep everything under the blog posts. Now we have WooCommerce was take a quick look at this. Now WooCommerce is quite overwhelming. So when you click on it for the first time because it came preinstalled with our installation, is now going to prompt you to just set everything up as appropriate for your stores. You have to click your store details, your inventory, product types, business details in your theme. Now you can come down here and you can click on Skip setup store details. Totally up to you. If you want to do this, you don't have to do this now. Okay, So I'm gonna go ahead and skip, but it's pretty self-explanatory. Okay, so just your store details, industry, product types, business theme. Anyways, let's, I'm gonna go ahead and click on skip store a set of details. We'll click on Add New. Thanks. All right, So welcome to your WooCommerce store HQ, online HQ. Okay, we'll click on Next. Personalize inbox. Okay. Okay. There we go. Okay, so when you're on the home tab, right up top here, it tells you what you need to go about completing, okay, So you have to finish your story details. We'll set of payments later tax shipping. We'll do all of this later on in the tutorial video. Okay, so over here, let's go ahead and click on orders. So orders is pretty self-explanatory. You're going to have a population of all your orders of people who either physical product or had a digital download of your products. Whether or not it's free or paid, it'll pop up in here. Now if you're like, well, if I'm selling physical products, how do I, how do I get to ship the product, David, what do I do? Well, with WooCommerce, you can also integrate inventory fulfillment options. Okay. So again, it just depends on how you're filling the orders. Like if you if you're just sending stuff out of your house, then you're going to have to track this yourself. Or you can use some type of inventory fulfillment. So you have a WooCommerce Shipping over here. You have ship oh, we have ship station. We have inventory management. We have all of these different inventory management tools, plug-ins that we can add for inventory fulfillment extensions that we can add to our website. So totally up to you, customer tab. This is just going to list out all of your customers, their email address, their name, specific things they bought where they live, just all the little details that you need to know. Okay, so now we have coupons. Now, coupons just means like coupons that were actually used to make purchases on your website. So now it's coupons is moved over to the marketing. So now I'm under the barking tab. Let's go back to WooCommerce. There we go. Okay. Now we have reports over there. So reports are just orders, customers, stock. It just gives you a high-level overview about what's going on per day, per month, per year. Sales byproducts as by category coupons by date customer downloads. A really nice high level overview about the transactions that are going on with your store. Now I'm going to skip or settings because that's the bread and butter of WooCommerce. Funny enough, it's a just a random little link, but you're gonna be spending a lot of times in settings. Let's go to status. Okay. So the Status section is just a place where you can get a system report for the backend of your website, your website URL site address, WooCommerce version, best API package blocks package, just a lot of technical information on the backend that you maybe would need to know about. I think from most your average user, you're not going to be spending much time here. Now over here we have a WooCommerce extensions. Now, the extensions are good and they are from automatic, which is the company that actually bought out Woo Commerce. But honestly they are a little bit expensive. I mean, $200 for subscriptions to earn $50 for bookings. Her name for memberships. That's not bad. I mean, if you're going to use it and you're going to get your money back from using it, that's fine. But there are various alternatives in terms of like third-party plug-ins, but these are actually made by the team behind WooCommerce and they integrate perfectly with WooCommerce. So that's kind of a selling point of why you'd want to use these over here, these extensions. But again, you could just take a look over here, scroll through this and any type of add-on that you want. You can kind of find over here just to enhance your website if you have some type of specific e-commerce need. Alright, so let's navigate to status or sorry, let's navigate to the settings. There we go. Sounds the same settings status. Alright, here we go. Settings. Okay. So right here we have general products, shipping payments, accounts, e-mails, integration, advance. Okay. So general so this is where your business is located. Tax and shipping rates will use this address. So this is where you can update your address. So remember how I just put them WooCommerce before and had that whole menu pop up and put all my information in. That it's kinda like an onboarding process to help you felt each of these tabs. So you can go through the onboarding process yourself or you can just click on Settings and just manually do it when you're ready to update everything. But again, you have your store address about where you're going to be shipping from. You have your, what's really important right here, selling location. So what countries you want to sell to, you have the option to sell to every country in the world. So to all countries except for specific countries, are only sell to specific countries. So maybe you're basing United States and you only want to sell it to the United States and Canada and maybe the UK, you can set it up like that. So if anyone's in a different country like Mongolia and they try and buy your products. They can't buy totally up to you shipping locations, shipped to all countries you sell to. Then shop customer location, shop at base address. Right down there. Enabled taxes. So enabled tax rate calculations. You probably want to turn this one on because it does helps you enable taxes to keep track of everything, but we'll get to taxes later in the tutorial enabled coupons. So people who visit your store, obviously you can pay for. So for the coupon, then the currency options are right down here. So it should be set to United States dollar. But if it's not, if it's sent to something else, then you want change it to something else like a Euro. Whatever. You can do that right here. And then go ahead and make sure to click on see changes. So if we navigate over here to products, There we go. Okay, so in products, so we have the shop page and we already have a dedicated shop page, so we're good to go. Well we like that. Then add enable Ajax Add to Cart button on archives. Yep, please over images. This is just stuff we can just adjust. So place or images for four, you can adjust the measurements for weight dimensions of the unit. Enabled product reviews show verified by owner enables star rating. If you want to turn all that stuff on or off, you can do that right here. Next we have the shipping tab. So again, the shipping tab is very important because it's where you can set up shipping costs and shipping zones. So again, a shipping zone is a geographic region where certain a set of shipping methods are offered. Woocommerce will match a customer to a single zone using their shipping address and present shipping methods within the zone to them. And so then right here we can just go ahead and add a shipping zone. And so we can set it up like a flat rate. For example, like if we're in California, you have a flat rate shipping for the United States, flat rate shipping if you're in the European Union, whatever you can kind of adjust and play around with everything right here. We'll get to this later though by just want to introduce you all this section. Again, payments. So when you're ready to accept bike credit card payments, PayPal or like to checkout. Maybe if you're outside the United States, this is where you're going to want to head off to. Then we have accounts and privacy's emails. Let's jump over this. Okay, so the emails, this is what people get when they do a specific thing on your website. So for example, like, you know, when you buy something from an e-commerce store, we want to get a e-mail. That's a receipt. And that's what this is right here. So for example, order and whole processing, completing order, new order, you this one, I get what the customer gets. Customer invoice order details. I can just edit and adjust everything over here. I'll show you how to edit and adjust this again a bit later in the tutorial. Then right over here, we have integration. So integration, boom, we can integration mad mine license key, database file path. So integration for using Mad Max mind to do geolocation lookups right here. So again, you can integrate these two items into your website and then advanced. Okay, so advanced right here. This page needs to be set up once WooCommerce knows where to send users to the checkout. So again, we can set up for the cart page where they go checkout page where they go, come up page where they go. That's why I like using a template because this is just done. This is all done. We don't need to fiddle around and micro-manage every little detail. We already have a functionally setup store that the only thing we really need to do is again, just begin adding our own specific products, which leads me to the next section, products. So over here, products, this is where you can kind of create your products. Okay. So let me go here. There we go. Sorry about that. All right, Let's click on products again. Okay, there we go. Okay, so now we have our products over here. We can add a new types of products. So WooCommerce is again feature-rich. It's not just for physical products. You'd have digital downloads. You can sell ebooks. You can, you know, you can sell any type of thing that you want with WooCommerce, it's really nice. So again, this is a high-level overview of all the products on your sites. You can sort by the SKU as SEO scores. You can set things to different categories, which I definitely recommend doing. Because by being able to set things are categories that makes it easier to display things on the homepage that you want to display, as well as just mix the shop page more functional and useful for the end-user. Because any Can I just want to look at all only tables or chairs or whatever it is you're selling Tags. Personally. I'm not a big user of tags. I personally don't use tags for blogposts. I don't use tags were products. Again, it's up to you. Tags works the same way as tags for blogposts where maybe if this has some type of specific, super specific feature and that people would actually want to search for and navigate your website via tags. You can go ahead and do that. Again, it depends on how many products are selling. If you're selling like 50 products and everything kinda fits into categories. If you're suddenly going 1000 products and yeah, you're probably going to get you tag a few things, something specific so people can find, you know, a great have that granular control when they're searching for a product on your website. Okay, then we have attributes over here. Alright? And so attributes that you define extra product details such as like size, color, et cetera, et cetera. So you kinda should kinda already know what that's like. If you're buying shoes, you can change the color, change the size, change some specific aspect of the style. That's what attributes are. All right, and let's go to Analytics. So analytics, again, it's just a high-level overview of the performance of your store. So over here you can just see it's total sales, net sales orders, item sold, net sales over here. And then again, navigates with products. Revenue orders just gives you a Analytics with each of these specific categories. Then over here with marketing, they've finally move the coupons to the Marketing tab. And coupons, again are really helpful because you can great coupon codes for your visitors, which is great because you could do something like email marketing. It's a hey, sign up to my email list and get a 10 percent coupon code and then paste that in clients be able to sign up. Then it can use a coupon code, negative deal. You get there enough. And that's it. So anyways guys, that's it for a high-level overview about what you can expect and what you can use with WooCommerce. 6. Add a "simple" product: Adding in a simple product for our website. So a simple product is not my terminology. This is actually comes from a WooCommerce. And so what they mean by simple is literally just a simple product, So covers the vast majority of any products you sell. Simple products are shipped and have no options. So what do you mean has no options like you can't customize it like shoes, for example, small, large blue, green, and that type of product you wouldn't want like radial buttons to help the end user adjusts and customize a product on there when they're making a purchase decision. Simple products are just straightforward. This the product, that's the price. And then like example, a book and you get when you buy in, So that's it. Okay. A product that you buy and sell and doesn't have any type of customization options. Okay, so it's an add something to our website. We go here to the product said, then you go here to Add New. Now right down here is where you can change the product data. Okay, So this is simple product and so that's where you kind of adjust everything. And as you change this drop-down, this information over here changes. So it's very simple product name. What's the name of your product? Just give it a straight forward name. No cute, clever, anything? Okay, so let me go here. This Sony, sony extra 1000, vlogging camera, or you can say action camera. And then description goes here. There we go. Okay, so now our URL structure is right there, and that looks good. So just in case you're wondering like how do I update the Euro structure again, go to Settings and go to permalink, open this up. Now in the beginning of this tutorial, I had you set the custom structure blog slash post name for the blog. But as you scroll down right here, you have a permalink for the product pages. By default, I really liked the way it's laid out where it's like slash product. I think that looks great personally. We have to slash products, slash coffee table. And so I really like that. But again, if you want change it, you can just jump over here and change it. So if you want change it to say like shop for example, you can just do that. So if you went and said the base to be sharp and so it's going to be awake. You know, the website.com slash shop slash actual name of the product. You can go ahead and do that right there. Okay, So here's a simple product and now over here the product categories. So we have uncategorized, we need to get rid of that. We definitely want to use categories out the end user navigate your website with categories. You can also add that into your shop page. So to add in a filter, you know that you've been on an e-commerce website, right? And you can filter products. Well, that's where you can do with break here with the categories. So let me go ahead and click on add new cameras. There we go. So let's go ahead and add a new category in. Boom, there we go. Okay, so now we have the description, name of the product right down here. Product tags. Again, I don't use product tags, product image. Let's go ahead and set a product image. And I'll drag and drop this into place. And there we go. Alright, so it makes sure that the title is something that makes sense. So Sony x 3000, something that describes what the product is. Then go ahead and set product image. There we go. Okay, so looking good. So now let's come down here to the product data. So general, What's the price? So the price of this camera is usually $400. And we'll say it's on sale for 380. Now. Right now, is this a virtual product or downloadable product? Well, this is shippable product, so we won't select either one of these buttons over there. Okay, so now we go to Inventory. So here if we have an SKU, you can put it in there to help us with our stock management. So you get an SKU typically when you're using some type of a fulfillment service that's kinda like what you're going to, you're going to get that managed stock. Absolutely want to manage sock. So stock quantity awhile back orders, while low stock threshold. Really helpful stuff right here because backwaters allows us like when we're our inventory runs out, people can still a place, an order. We can fulfill up to you whether or not you want to allow that. Because like if you're using a fulfillment service in, you're getting your product from another country like China or something could take weeks. So you've just got to be careful with depends on what you're selling. Stock quantity, obviously, that's stock quantity. This is the variable product. This value will be used to control stock for variations, et cetera, et cetera. And that's it. Okay, so low stock threshold, you can see, you can adjust things right here as you need to. Like, what is low stock? What does that mean? And so if you want to have like, Okay, well, when we get to maybe 20 items, like notifying me that this is going to be the stock is well, when I need to be notified to increase the stock, anyways, it's good to shipping shipping. So here you can set the weight, you can set the dimensions, and you can set the shipping class. My shipping class, what are we talking about? Again, we have this handy dandy little question mark. So shipping classes are used for certain shipping methods to group similar products. So if they are grouping a product, that's what this is for. If you're selling one-off product, Don't worry about it. Now we have it linked products. So here we can have upsells in crossovers. So for example, when someone's making a purchase decision for this camera, we can have the upsell right there and we can add in lake. You can see taping them a product that you know that's on your website. So let me type in chair. We have elegant share modern chairs. Sweet chair. Sweet chair. Okay, you're getting a little creative with this one. Anyways, you can have these ups, those right there, and then cross those over here. Alright, so attributes, so here custom product attributes. So again, I guess we can go here, add, okay, So we have different types of variables we can set up over here if we want. Then we have the Advanced tab purchase notes. So again, was this enter optional note to send the customer after purchase. So for example, you just say, hey, thanks for your order. So they'll receive an email with this purchase note that you can set it up, have a little bit more customization right there. We have the menu order, then get more options right there. Then we have various recommended extensions. And that's it really that simple to setup a product as a simple product. Now here's a product short description that you can also fill out as well. So let's come back up top there. What's back? I this. Okay, So here's kind of a completed product. Let's just take a quick look at everything. So make sure you take care of the on-page SEO. So again, should be the product title first, then the name of the website that fits, and that's it. Okay. And then a description then again, product data, pride description at the bottom right there. Then we have reviews at the bottom there. Now one last thing. So we have a product image right here. If we want to have more than one product image, we can add additional product images. So let me go ahead and click on this to see, see what it looks like. Here's the main product image. So we want to add in more images for this specific product. You can do it. No problem. So let me back out of that. Okay, so let's come down here. Let's add product gallery images. So I'm gonna go ahead and add in website creative or creative chair pro. There we go. Right back out of this. Ok, chair pro. Add it to gallery. There we go. Let's go ahead and update this page. In. Let's, let's take a quick look. Ok, and there we go. Okay, so now we have a nice little product gallery at the bottom. So for product pages, I definitely would recommend like get like three images. For images maximum, you don't need to overdo it. But a few images always helps and it really helps to just build up the site. Okay, so there we go. So we have two sections. Okay. So let me back out of this. Let me go back to this and we open up this in a new tab. Open in a new tab. There we go. All right, so this paragraph right here is this paragraph right there. Okay. Then we have the Add to Cart button. Then we have the product description, which is down here. And then this is being populated by dissection right there. Then we have related products already setup. That's why we use templates, because just makes our life way easier for creating e-commerce store. And that's it. That's all you have to do to set up a simple product. It's really that simple. So we open up, this is what a product is going to look like. Okay, so what's come down here? Ah, would help if I publish. And there we go. So now we have our products. We have bread crumbs at the top, we have a description right there. We have the product, and that's it. So now it says out of stock. Now why is it say out of stock? Because we come down here with the inventory. We don't have any SKU. You have stock quantity is 0, so it's just going to come up with this automatically out of stock. So it depends on the theme in a Tibetans and the template you're using, what kind of ribbons you get over here, there are various plugins for WooCommerce that you can use to add in the ability to add in ribbons. But again, this is, depends on the theme in the template they are using many ways. If this is set to 0, this is just going to say out of stock, out of stock right there. But really, it's that simple to create a simple product with WooCommerce. 7. Add an affiliate product : Adding products as an affiliate marketer. So with WooCommerce, you can totally build a complete e-commerce website where all the products are just affiliate products where you get a commission when people buy. So it looks like a store, but it's not like a real store. We have inventory or digital downloads. It's just like you're doing affiliate marketing. So one of the most popular examples of that is this is why I'm broke. So this website is great, so they find a ridiculous products. Then everything's leverage through some type of affiliate program. So for example, we come down here to Amish county popcorn. So the image is Lincoln to Amazon, right down there. This button's linking to Amazon. If you click this and then you buy anything within 24 hours that people who owned this website make money. If you click over here, we open up the actual product page, just the image right there. Quick little description. Check it out. There you go. So you gotta be careful with this. So first off, definitely tune out with the price unless you're using the API and the price is going to be continually updated. And also don't download images from Amazon uploaded to your store. You're technically not allowed to do that. And if your sake it's audited, you can get kicked out of the program. So I'm not sure how they're doing it, but it's, this image itself is linking to Amazon directly. So that may be okay if they're just embedding the image. Now with WooCommerce, it is a little clunky to do that. Like you can't upload Amazon associate images directly. So that's one little a setback, but there are some different plugins that you can leverage. Another great example is farmhouse goals over here. So this is just a massive affiliate e-commerce style store. So if we come down here, we see the new womb contests or Combray, blah, blah, blah, whatever this is. So let's open up the product. And then we come down here and we have the word More option. And there you go. Guess where that's linking to. Where are we going to Amazon Associates. So this is, again, this whole, entire website leverages the affiliate program. It's really clever and creative. And again, the only issue you're going to run into is you gotta be careful with images. So this is upward directly see WP content that's upload directly to their sites. And so if we take a look over here, you know, it's like, well, they're not using any of the images on this page, so it may be okay. And then I definitely be careful with listing out prices. You don't want to list out prices because as things change, I guess not accurate. Like you just you want to stay away from anything that has the potential gets you kicked out of a program. So, but otherwise it looks good. So if you can if you can get over those two hurdles for Amazon Associates, Bob, where you're going to get the image from this, a great idea. So we have a little description right there of the product. We have more and more button right there. This is Amazon ads. So for example, in our product dashboards. So let's go to products, Let's go to Add New. And okay, so we will just say teachable affiliate for whatever. We'll just use this as an example. So say test right there. Okay, So we'll just come down there and say, I'll create a new category. Affiliate will add a new category. Okay, so, but change It's simple product, external affiliate product. There you go. So what the product URL, this is where you get the URL from Amazon from. So for example, this is my associates count. We have to click on texts only, get the short link, take this short link, take this copy, put it in right there, and then say something like check it out. Okay. And that's it. And so where are you going to find the images? Definitely find another spot. So for example, like if I was going to be promoting like a camera or a teachable or whatever, that would go and find a free image that I can use so I don't have to worry about any type of issue with the associates program. Okay. If that makes any sense. So that's how it kinda works. Now if we take a look, you like the way that this is laid out. So this is Lincoln, the IMS Associates. This right here is an ad. And so within your Amazon Associates account, you can get specific ads for your website. And so all they've done is come right over here and just embedded the ads, the copy and pasted the add code in directly here. And then they continue on adding in a further description. And then the added in shop or their products added in another ad unit right there. And that's kinda like how they're laying out the website. So it's very creative. Now for more traditional program, if you're not using like Amazon Associates Program. So like this, the teachable Philip program. So I will just find an image like over here. So teachable and see what comes up for Unsplash, nothing, Okay, we'll say teach. Okay, So they can find my own specific image over here. I can go ahead and download this image. Our right. And then we'll drag and drop that. They're open this up. Let's resize the image because these images are always just massive. And so I'm going to reduce this way, way down. Let's make it like 1, 0, 0, 0, 0 pixels or so. We really don't need it to be that much bigger. O K the real, okay, so let's say that. Okay, there we go. All right, so let me rename this. I will just rename it as teachable. Now if you want, you can use a service like say, Canva. Okay? And so over with Canva, this is an image editor that I really like. You can go ahead and like brandy image as you want. So for example here all my thumbnails I used to make my thumb nose. And so you can go ahead and create something like a website great program here we have this image with the logo, etc. So we can go ahead and do that if you want. Binary is I'm going to leave this as is. And so let me go ahead and add in the product image in. I'll drag and drop this into place. Okay, So now just they've been teachable because you're going to want some type of product to go along with or some type of image to go along with the product as an affiliate. Now the only other thing here is that if we're not using like Amazon Associates, we're going to want to have in our own affiliate link. So for that we're going to need a different plug-in. So let me go ahead and save this as a draft. Now, with the next thing that you need to do is we need to go back to appearance or sorry, we need to go to plugins. Add new area. Okay, So we went ape and something called prettied links. There we go. Search for that. And then let's go ahead and install this right now. And go ahead and click on Activate. There we go. So now we have pretty links in the sidebar right here. Go ahead and click on it, and go to Add New. And here we go. So for example, I can call this teachable. And then I would put in my specific affiliate link from teachable. So we'll just say teachable.com, okay? But I can make it the affiliate link would be teachable right here. So action walkers.com slash teachable. So we'll go ahead and click on Update. Great. Okay, so now we can navigate back to where we were. We're products, all products. And let's go and find our draft. There we go. Okay, so let's go ahead and jump in here and edit this. So now that we have our affiliate URL setup, we can come down here and I can say this in a CPS Equals Action loggers.com slash teachable. There we go. Okay. And so that's how you kind of set it up on the back-end for your product URL for affiliate marketing. So again, if you're using the Amazon Associates Program, you have to use the short link over there. Do not use the images from Amazon. Literally you can't do this, but people would sometimes do that. Go here to Image, then they right-click and save image and then upload to your website. Like no, don't do that because of your sake, it's audited, you get kicked out of the affiliate program. Just don't do it, It's not worth it. So anyways, just set it up like that. And that's it. So we can come down here. And I have just a couple of different things. Go on. Just the inventory waiting to products, upsells, attributes, Advanced, get more options, all that little detail stuff. So I know I would just leave it like this looks really good. So we have the button text right there, and that's it. So we have regular praise and sale price. So again, if it's an Amazon associate program, do not like we put this Do not a bribe praise there because again, you're not allowed to do that. Now fits affiliate program like teachable or a web hosting or whatever. Yeah, If you want, put a pricing, you can go ahead and do that. But you don't have to do that. And that's it. So I'll just leave it like that. And I think that looks really good. And there we go. So go ahead and click on Publish. Okay, so let's just go ahead and check out the page. There we go. So we have teachable affiliate, we have check it out right there. If we click on this, then an automatic automatically, automatically navigates to the appropriate website. 8. Sell digital downloads : Digital downloads. So if you want to add some type of digital download to your website, you can totally do that with Woo Commerce. So I'm thinking like an e-book or a cheat sheet. You can either sell some type of like low price product like for 999, or you can be like a fake guru. And so some e-book for $47 or some $97, the secrets to YouTube, 97 dollars. Secrets see, writhes to you too. All right. So we could go ahead and do that if you want anyway. So how do you set this up on the back-end? So again, categories. So make sure to create a category that's appropriate for the product. So I'm just going to go ahead and put this in on categories right there. One navigate down there. So which product data do we need to select? Well, we want to select Simple product to get. Then you want to select Virtual. Why virtual virtual products are intangible and are not shipped? Yep. Were we have an e-book, so yeah, that's us. And it's also downloadable, so we wanna make sure both of these are selected right there. And it's pretty self-explanatory from this point on. So regular price, sale price. So regular price, I'll say $97, sale price, $7. There we go, right here. We have done a downloadable files. There you go. So you can just add your file that you want it. So if I click here at a file and then file name, we'll say book. Okay, Choose File, file, URL, choose file. They can just go ahead and upload a file. So there's a PDF that I have that I used to give away for free, right? There we go ahead and insert file. And there you go. So now we have a dedicated files. When people make a purchase decision, they are going to get this item. Now if you're selling multiple items, like, you know, if you're selling like your, your, your photographer and you're selling like multiple images are multiple wallets or just something, something like that's going to have multiple downloads. Definitely consider creating like a zip folder. So we can just take these two images right-click and then go to right, they're sent to compressed zipped folder. Boom, then we can rename this. So product zip. So this makes it easy to upload to your site fast, efficient lights makes it easy for your end user to download the product as appropriate. So we'll just say this zip file, then we'll go Choose File, take this, drag and drop it in. There you go. So super-duper simple, we'll go ahead and insert file. And that's it. Okay, so right down there now we have a download linen. So we've blanked for unlimited read downloads. What does that mean? Well, when someone makes a purchase, they're going to get a URL since their e-mail to download what they purchase from you. And you don't have to do anything. So once you set this up, it's good. And then download expiry date. So enter number of days before download link expires or the blink totally up to you. In general, I'd probably set this to something like 30 days or whatever, but it's totally up to you if you want, you know, if you're worried about someone sharing the e-mail to their friends and having multiple downloads, it gets you to be a little bit paranoid, have it like three days or something. But in general, I wouldn't be that strict, just leave it never or 30 days or something like that. And again, go through the same process, make sure to add in a product image, product description down their product description up top there. And that's really all you need to do to take care of in order to set up a digital download for a simple product. 9. Sell a coaching service: Selling a service or coaching or consulting via your website with Woo Commerce. So how do you do this with WooCommerce? Because not only for digital downloads and physical products. So for example, I have SEO audit of your website. So right there, you'd have the title of the service that you're going to be providing. A nice detailed description of what people get and what the value they're going to get from whatever service you're providing. Then down here, appropriate category, appropriate image. And then you want to navigate right here, simple product and then click on a virtual. You don't need to click on downloadable because there's nothing to download. Just have a virtual product right there, and we click on that and then set the price. Okay? So if you want to set up like a tiered structure, unfortunately, there's no real way to do that from this interface, which are going to have to do is create multiple SEO audit of your website 10 minutes SEO audit of your website 20 minutes. You have to do that manually create multiple tiers. Unfortunately, hopefully maybe in the future that they can have like multiple price points. But as of right now, you have to set up as a simple product with virtual. And then right down here, this is the section where I would use to describe in great detail what people can expect when they make that purchase decision. Because that's personally why I like Fiverr so much. Because with Fiverr, they take care of all that technical details of the platform, the messaging, the payments, the back and forth. How did the deliverable, you know, with when doing it yourself, you have to, you have to have this process setup. And so what you need to do to make people feel comfortable is explained everything. Okay? Explain exactly like okay, you make the purchases decision. You'll get an e-mail confirming of your purchase. And then in the email there'll be a link to this website. We can schedule a time and bla, bla, bla, bla, whatever. Just make sure that you go through great detail and let people know what they can expect because people won't buy any type of service if they don't know what happens next. Because, you know, if I'm on a website like clarity FM for example, like I get it, I get by higher someone's time. Okay. I know like I'm on this website, I have an account. It's going to schedule all that technical stuff is set up. So that's why it's really important for the service section right down here, the product short description, you want to explain in great detail. So right up top here I would focus on selling, selling the service, whatever it is you're providing. And then come down there, click on virtual, set the price, then come down there and explain to me the technical aspect of it about how it works once they make a purchase decision. Anyways, it's really that simple in order to have some type of coaching consulting tape off or on your website with WooCommerce, just click on simple product and go to virtual. And that is it. 10. Create a variable product: Creating a variable product for your website. So a variable product is exactly what it sounds like. It's a product that has different characteristics so people can choose between different by colors, sizes, etc. So how do you go with WooCommerce? Again, very simple. So we have to go here to add a new for products. Then we get over to this page. I'm going to take bin variable product, okay? Now again, description of the product goes here, like I said before. And so we have description there and then the description down here is, well, that describes the product. Now, make sure to check in appropriate category for whatever the variable product is about. So we'll just say, what's the chairs, Okay? Variable product for chairs. There we go. Okay, so now we come down here and we have to go to simple product. Nope, we want to come down here to variable product. Now here you have your SKU managed stock. So we can enable stocks that quantity will see we have 50 of these. They'll get awhile back orders threshold again up to you to make that decision. All right, so we have shipping over here again, fill that out as appropriate. Linked products absorbs and cross those next attributes. Now, attributes are like specific characteristics of the product, and this is going to create a drop-down on the product page. So custom product attributes. Yeah, let's go ahead and click on Add. So what do we want? Those two colors? So colors, There we go. So we'll just say I have a red chair. Okay. And now you're like, What do I do comma nope, we have to do is page separator. Okay, so it's this symbol right here is that line thing. So it's right beneath the backspace of boys in on your keyboard. So again, page separator, so red will say green, and then we'll say yellow. And there we go. And then use for variations. Yeah, sure thing. Let's go ahead and click on save attributes. Awesome. Let's go ahead and add in one more. So again, used for variations, right? And then we'll say sizes, okay, Let's say large. And we'll say song, There we go. Save attributes, not rocket science. So there we go. So now it's cook over here two variations. So okay, so we have Add Variation, create variations for all, from all attributes. Yep. Let's go ahead. Just click okay, don't worry about that. But all that, all this is going to do, it's going to add in the variations that we have right here for large, small, et cetera. So now we need to go through the tedious process of editing, each one individually. So we have red, large, red small. And so again, we have to come over here and then you have to choose the product image. And so for example, this a red chair. So I'm gonna go ahead and select a red chair image. There we go. We'll click on this set variation image. There we go. Price required. We'll say, we'll say $200 right there. Then we'll come down. They're seen as parent. Okay, that bread is small, will do that. So click on this, click on the chair. Boom, there we go. Now we have read a large, we have read small. All right, so also make sure to manage stock. So if we click on this, you can manage the SOC for this individual product. So by setting this up top there to be like 50 products, for example, like when we were in the inventory over here, we had said to be 50. When we're in the variations. For example, if someone selects like the red chair and we want to say, well, we don't have 50 of this. Maybe we only have 20 of this, we have 20 this 20 the other one in 10 of the other one, and we have 50 altogether. That's what this port, this, what this part is right here with the stock quality or quantity. So there you go. So just go through that. So we got that red one, we've got this red one, and we got to do the same thing for green. So again, go through this whole process right there. So we'll select the green chair. Again, slit, set the variation. So managed stock, we'll just say, we'll say this is 20. There we go. And then come down there. So small bone will see green chair or was also like the screenshot over here. There we go. Sit variation. Okay, So price required, we'll say this one is 150, we'll say this one is 200. There we go. So we've got the green one there and we've got the green one there. Then the last one we have the yellow chair. So come down there. And again, same exact process before. I'll select that one. And n product variables. A managed sock will say we have five of this and we'll come down here. Alright, so minimize that. There we go. And then we'll see this one. And we see that different yellow chair. And now we'll just use the same image again. It will see 200 will say I have managed stock, will say have five of this. There we go. So there we go. So we got that one price required to a 100. And that looks good. So minimize that. There we go. Okay, now go ahead and click on save changes. There we go. So next what we need to do is default form values. So that means like when people initially land on the page, what product are they going to be seeing? They're going to be seeing this product right here, the very, very first one. So just go ahead and select red, goes down and select large. Make sure this one match the very first one. If you don't want this one and I go, Oh, I would rather have this one that will then click this little thing right there and then you can just move it around. Okay, so now we have select product image. So again, because we have red there, I would just go ahead and select this and select the red chair of slip, whatever product is the first one on the list. As it makes sense, we'll click on this red chair. Boom, click on Set product. So again, categories image. Looks good. So let's go ahead and publish this again. You can always edit the URL as appropriate. Let's go ahead and click on publish. I'll write thin testing. Let's open up this in a new tab and take a look at the product category. And there we go. Okay, so now we have again the price, 150 to 200. We can add in a little bit of a description. And then we have these drop-downs where users can select the different products. Now you're noticing like, Well, how come the image doesn't switch? That just depends on theme. Unfortunately, for this template, it doesn't have that built-in were automatically adjusts. So what I would suggest doing in that situation, you got to come down here. Yeah, add in add a product gallery images. So where are the other gallery products that we're going to be using? So for example, at this screen share and I have this yellow chair, so let's select both of these. Okay. So add to gallery and the overhead and add to gallery and was just take a quick look at there we go. We'll add to gallery. Alright, so let's go ahead and click on update. And let's reload the page. And there we go. So now we have multiple products that people can kinda jump through. So again, some things are really good where it kind of automatically switches to the appropriate image, but this one doesn't. But still, it looks good and people can't figure it out as long as your descriptive of the image. So if we come over here and read, well, and the red cherries, and I come down here and I choose a green lobby seeds going to be this one. Maybe that's a light green. Common sense, just make it easy for people to navigate their site. No one's going to be like, Oh, acute uses swimsuit because the image doesn't change when I select that button right here. So that's all you need to do. So again, just fill the description of top there, felt the additional information down there, and that's it. And that's how you add a variable product to your website. 11. How to make product bundles: Creating a group of products for your website. It's super clunky with WooCommerce and not going to lie. It can be done, but it's not intuitive. So for example, I have the Sony extra thousand right there. I have an SD card and a tripod. I don't know. I'd like to create a product page where people can buy this ONE extra 1000 by itself. Maybe they could buy the Sony extra 1000 with an SD card or with a tripod, and then maybe the whole thing together like an SD card, the camera that tripod all been together for different price points. You can do that just not as intuitive. So you may think like, Oh, I can just, for example, let's open up the modern sofa. And we're going to go take a look down there. So you're like, oh, I want to add an additional products. Oh, just go here and I'll just go to group products and then I'll just go to linked products and we'll just say, would say sofa and a NAT. And we'll say chair, chair like that and elegant share. Okay, then we'll update. Then let's take a look at the product page itself was opened up the URL. And there we go. So it's like, oh, they're so easy anymore. People would just add as they want or they could just buy the product by themselves. No, click on the Add to Cart. And what you're going to notice that please choose the quantity you wish to add to your cart and say, Come on WooCommerce, they really need to update this because I should be able to click Add to Cart and adds only this, the cart, nothing else. If I want to add in this and this, and this, then this should add three items together. I don't know why WooCommerce doesn't fix this. Hope they do, because that's the way it should work. Super-duper, simple and easy. The way they have it is super-duper complicated in not easy. So this is the way you actually have to do it with WooCommerce. So we have to go over to all products again. And now we need to create the primary bundle product thingy that we're going to have. So let's go ahead and add it new. Click on add new. There we go. Okay, so now I'm gonna go ahead and create. We'll just say like the, we'll just see camera would say camera bundle right there. Okay, so we'll come down there and I'll select simple product. And I'll say that this is a group product and this is the primary product for our website. So this bundle is going to be appearing on our shop page. Okay, we want this to appear on our shop page. We'll see camera, camera bundle and we'll say like maybe SD card, SD card and we'll say our SD card slash tripod, whatever, something like that. Okay, so go over here and then I'll click on publish. There we go. Okay, There we go. So let's go ahead. And so now we have this 0. So we should add in a product image. Let me go ahead and do that. We'll just take the extra 1000 and set that as a product image. There we go. Click on update. Okay, and so let's go ahead and open up the bundle, will just reduce this to camera bundle. There we go. Click on Update. All right, so now we have the camera bundle setup, we have the primary. Let's open it up and there's nothing to do. Now we have to add in the bundles, okay? So we don't have an Add to Cart button because we have to actually add in are the specific products we want. So we have the camera bundle. So now what I want to do is it's going to all products. And we'll just take the SD card. Okay? And so we're going to put this with the camera bundle. So maybe the cameras 350, we're going to have this be a simple product. So the regular price to be like three, 350 plus 10 would be what? Would be 360? Okay, so we'll say like this is going to be 360 all together. And so there we go. Now we have the 360. So we'll say, we'll see like extra 1000 x 3000 plus SD card. There you go. Now the thing that you need to remember to do is to go here and go to Edit. Now you want to hide this, okay? Why do you want to hide this? Because this is just the, this is just a random little part of a bundle package. We don't want this displaying on the website itself. So people can individually select this from the shop page because we only want this available on the bundle package. Do you have to go here, click on hidden, click on update. In. There we go. So let's go to all products again. We'll do, we'll do one with D, will say When would the tripod, okay? And so X3 thousand extra 1000 plus tripod. There we go. And we'll come down there and we'll see that tripod, say 10 or 20 hours. So there'll be 350 plus 20. So three CE 370 for this. Okay, there we go. And then make sure we go over here to edit and we want to hide this specific item right there. We'll click on Update and we're good to go. Okay, So that looks good. So we'll go here to maybe add up all products. We will add in one more. So we have the, we have the extra 1000 plus tripod, extra 1000 plus SD card. And then we have the maybe we'll put altogether, so we'll say like extra 1000 plus tripod plus SD card. There we go. And then we'll come down there. We'll say we'll say maybe this is we'll say this is a 380, but it's discounted to maybe 370 will see something like that. Whatever. I would go here, put in a category. You don't really need a product image for this, not that important, but again, you could do whatever you want if you want to select the product image. Okay, so let me come up here and we'll click on Publish. Oops, what did I forget? I forgot to hide it. So let's go do that again. Click on Edit. Click on Edit. Stop jumping around. Click on Edit. There we go. Hidden. There we go. I'll bluish. Here we go. Awesome. Okay, so now we can go back to all products. All right, So now you've gotta kinda remember what these are called. And that's why this is also clunky. Because like when you're going to be over here for the camera bundle, will open up this new tab. That's why I recommend, because honestly you're probably not going to remember these are called. So we'll come over here. This is our bundle. The bundle page, again, remember doesn't have anything to do. Just like Okay, that's nice. What do I do? Can't navigate anywhere. So let's go ahead and down here, linked products. And let's type in the X3 thousand. Okay, So now we have the extra 1000 vlogging camera, okay, I'll type in int x 3000. There we go. Extra 1000 plus SD card, an extra 1000 that actually got XB 1000 plus tripod, alright? And then finally x 3000 and then everything. So extra 1000 plus tripod plus SD card. There we go. Okay, and now if you want to reorganize this like you want, maybe just have the camera at the top, whatever. You can just move things around like that, not that complicated. And there you go. So let's go ahead and click on Update. And come over here to this page. And boom, there we go. Okay, so again, you got to adjust each of these items individually. So says tendon stock, guinea guy just to stock as appropriate. Again, a discounted this one, people can click on these ones individually. So like, you know, if they want to click on this extra 1000 plus the tripod or like, like, uh, there we go. Extra doesn't force tripod. It's going to look like it's going to be taken them nothing. But we can click on this one. Opens up in a page right there to the camera bundle. So on, takes him to this page. So again, just got to be careful with everything again. But to me that's not that big of a deal. And so now what the end user has to do is that they have to select what they want. So did they want the extra 1000 to do what the extra doesn't end the SD card. So again, you, again now you know how to set it up so you can set up however you want. So you just want to set up with only the SD card right here. Then that means that like somebody could come here, boom, click Plus and then buy like a $10 SD card and that's it and up by anything else. Whereas this a little bit more self-explanatory, that That's the camera plus this. So it's like nobody would do, most people wouldn't do this like bites by two extra 1000 cameras. That makes sense. So we're going to do a bundle. That's how it works. Definitely suggest probably stick to lake three bundle CLF it just looks a little overwhelming like to like three bundles is appropriate. But also again, like I said earlier, just make sure to jump in and go to the edit section to hide anything as appropriate. So you don't want to hide the bundle, but what you wanna do is you want to hide each of these items right there, this one and this one. Because you don't want that appearing on the product page because you want the camera bundle to appear. And that's it not be like the special extra 1000 with the SD card. That makes sense. So again, it's totally up to you, but that makes your eye would make your shop page a little bit confusing. Anyways, that's how it works. So again, I think it's really clunky like I just did the first time with the modern. So if I think that's how it should work, That's way more intuitive. But whatever, if you want to set up a set of bundles, that's how it's done. 12. How to use upsells cross sells: Upsells and cross cells with Woo Commerce. Now what upsells are on the product page is this section right down there related products. Now what's great about this template is that it already comes with this built in. So you don't really need to use upsides because it already has an upsell. But if you want to add up, so it'll show you how it's done. So we come down here, the I go to under when you're under a simple product for whatever product you're trying to edit. Come over here, linked products up cells right here. So then if I type in, for example, at taping the Sony extra thousand right there. And there we go. Okay, so let's go ahead and update a new notice the change that's made to this page. So let's go ahead and reload that. And there we go. So now it says, you may also like, now obviously this already built-in over here, which is populated by the related category that this product is in. So that's how this works automatically that you haven't done anything. So I really liked this template for that reason. But to be honest, yeah, this looks bad, so we're not going to use that. So for this template, you're not really going to be using upsides because it doesn't work the right way. Now a cross-sell, cross those when people already hit the buy button, okay, and they're on the checkout page to make a purchase decision. So if I come over here and I click on this Add to Cart button over here. Now if I go here to view my carts, what you're going to notice that we have a nice-looking checkout page. Now for this, we can add in and cross-sell. So we go over here and we come down here to linked products cross L. Then we type in x 3000. There we go. And so this will just add in a cross. So product, boom, click on Update and then let's reload it. Okay, fantastic. And so right there, okay, so now we have you may also be interested, interested in this additional product. And that's really, it's really that simple with WooCommerce and whatever template and theme you're using to add upsells and across cells. 13. Edit and design your homepage: Editing the homepage of your website. So the goal of this section is just to show you how everything's kinda working, how you can customize it to make this website your own. Now we're going to begin by editing this homepage now within WordPress. So we come over here to Settings. You're going to notice that we have a homepage in a page is set as home and the post page, we have this set as blog. So what you're actually doing is you're just editing an individual page on your website. Right here is called home. Now let's get to it. So we have a couple of different options of top there. So if we come up here, you're going to see this gear icon. This gear icon shows this tab over here. We have this right here. This is the stackable settings. Stackable is a plug-in that you installed along with d-block sea theme. If we come over here, these are the blocks, each child page settings. Now, reason why I wanted to show you this really quick. So if we come over here to page title, you're going to notice that the page title is disabled. That's why you don't see anything that says home on this page which you don't want. And that's really all you need to know about this. So let's click on this gear icon to navigate back to the page and block. So that's how this is working and that's why that is hidden. Alright, so now we have a nice called actions. So if you want to change anything for this, you just click on it. Then you highlight it, and then you can change and adjust the color as you like. Okay? So again, this is set to a specific blog. You can change the block type by clicking that. Then you can change the color by clicking this and changing to any color you want custom color over there. Or you can just delete this item altogether. Same with this Call to Action right over here. Now this isn't your H1 at title tag for the website which you need? One, meaning like the header tag. So your repetition, we have one header and that's it. Okay, so right here we have this section where they are and then we have another section over here that's actually a video. So you can go ahead and probably most like most situations, you probably want to just delete that. But if you want to keep and have a pop-up video and upload your own video. Then that's really simply just click on this block over here. And then you can just adjust the video over here where it says pop-up video right there. So totally up to you. You want to keep that delete that switched out for something else and email opt-in form, whatever. Now if we come down here, we have a quick little more, a little bit of a copy right there. And then we have the Explore Now button. So we come over here, explore now, you'll notice that it's a hashtag like slash hashtag. If you just have to update this. So we'll just click it right there, okay? And now with this right here, opens in a new tab. Click on Edit. Here is where you can put the URL, URL in that you want to link to. So explore now, what should you probably went to? I don't know, It's up to you. It's your website. Personally, I would like to products or I would list to link to an email opt-in form or something like that. Again, you should have a call to action up top there. The call to action should be describe what the value of the website is, what the person's going to get. Don't be super-duper generic. Don't say that corporate accounting for small businesses, like okay, that's nice, but try and think like a value aspect that people are gonna get. Like we save our clients 67 percent on their tax liability. Like try and find the thing that's like a little bit of a step deeper. And that's your kinda called action of top there. And that's kinda how you edit everything up there. Okay, So let's come back over here. Now, if we click on this right there, now we've selected the image. And so if we navigate down there soon our advanced columns and grids. So we click on this, come down here. Okay, so now we have the block backgrounds turned on. Open up this, this is the background, okay? And so if you want to switch this background image out for something else, you can go ahead and do that. Here is where the tint for the media is. If you want, get rid the images, click the X and then switched out and select something else. You can upload your own image. It's all going to maintain this aspect ratios. So it's really nice. So you don't really have to adjust anything because personally this looks really good. And like we go here to inspect, it still looks great and like everything's in place, like I personally kinda just leave it alone and focus more on your marketing. And it'll get too bogged down trying to customize every tiny little thing about your site. Okay, so let's come down here. I love this section. So this section is broken up into two pieces. Okay, so we click on this broad section right there. So we come up top there. So now we've selected a container. And so this hot pink thing is like, again, stackable. It's one of my favorite plug-ins that the Gutenberg editor. So this is just the container box. So it's a box and then a box that you can put other things in. So we click on one of these elements right there. Again, notice that this is a featured image grid. It's set to three. So that's why there's 1, 2, 3 things. This is an image right up top there. So if you want, changed that out for something else, you're going to have to upload your own image. Okay, so that's how this is working. These are, these are called Vector Graphics. So you're gonna have to do a Google search for something like free vector graphics. Okay? So find your own vector graphics to upload and switch out if you want. And then obviously just add your own copy. That makes sense. Or you can just get rid of section altogether, or you can switch it out and make it like a welcome message. I personally really liked the way that this is laid out where it's nice little bit of space to talks about the value that your website, your store is going to provide. You can switch down to being like fast delivery or best warranty. Come up with your own thing, your own copy as appropriate. Okay. So now we have the grid over there. So if you're like, Well, I do I move this down. They had, why is it stuck there? You have to click on Advanced. Now if we go here too, I think it's blocked space and GIP. Okay, so we go here to block spacing. We have negative 50. So if you want to adjust this, moves up a little bit. We can move it down a little bit. That's how this aspect is working. All right, So let's continue downwards. So next we have this visual menu section of the website. Looks awesome. So what I would do is I would probably change this label from categories to something a little bit more interesting and compelling about the website out also consider adding in some, like a little bit of paragraph texts or needs. So I'd go here plus, and then I've added a paragraph right there. And then just throw in like one sentence that helps describe the value of the products, et cetera. So I just add one sentence here. We'll just put that. Okay, so let's go ahead and center that. Okay, so we have that. Now, the way that this is working, It's all linked to, as you can see in the corner right down there hashtag. So that just means that you can just jump in here, click the element that you want to adjust, okay? And so right over here is where you can switch out the image. Now, don't worry, no matter what image you select, it's going to maintain the same aspect ratio, which is really nice. And so if you also want to add in like six items, I would keep it at four personally because this looks nice. Six would be a little bit too much, but totally up to you if you want to do that, what I would do is select the item in the middle, click the white area, go over here to the dots, then go here to duplicate, and then duplicate. We'll create another section. And so that just makes it a little bit user. All of the settings are saved your what do we do to clean this block? Then just switched things out as appropriate. So for example, I will say I wasn't changed his table image to something else. So we'll just go ahead and select this item right there, this image. Go ahead and select, and there you go. So as you can see, everything's kinda nice and readable. Looks good, and that's it. So we come over here to the layout right here. So we have overlay, color, overlay, hover color, title, description, arrow, all the little elements as appropriate that we need for these specific images. Now if you're wanting to update the links to a specific category, how do you do that? So we can use to do is take the text right there, okay? And so we highlight this over here, and then we go here to Edit. Then this is where you update the link. Okay, so when the user ends up on the site and mouses over this, everything will link to the appropriate page. And so again, that's why having categories that are relevant for your website, for your e-commerce store are helpful because then you could put in the most popular categories right here. Honestly, if you're just starting out, you really should have a four categories. A chef like 2030, 40 products it should fit. It's a not that many categories, you know, like whatever, wherever your stories about families, that's how you kind of update the links over here. All right, let's continue on. So now we have featured products down here. This is a great section 2. Now this is using the old school WooCommerce short code. And unfortunately with this simple, you do want to stick with the short code because while you can click below here in what's called plus sign, Let's click on Browse. And then we come down here. Let's find WooCommerce in our WordPress section over here. There we go. So we have WooCommerce. Now, you do have a lot of helpful template boxes right there, like featured category handpick products. So the handpick products section allows you to individually pick products, product by category. It's a really nice, but unfortunately it doesn't work. That in my opinion, It's just doesn't work that well with this template. So if I go over here and click on handpicked, what ends up doing? Well, just click this actually handpicked. Okay, so now I can hand pick, select products I want to add will just say I want the coffee table, daily chair, elegant chair. We'll click on Done. Okay, then it'll populate the area. And so as you can see over here, so if I go ahead and click on, we'll say, we'll click on update. And so let me go ahead and reload the sites. And let's come down here. And so now we have added products and see, as you can see right there, we can't really read the same thing. The stars are coming up as three stars it but they're black, they're not yellow like they should be. I don't understand what's going on with this doesn't work. Again, it doesn't work as intended. So personally, what I would do is go ahead and remove the block. If there's a specific thing, there is a specific product category you want to add in. I will just have to use the short code. So right now we have short code where it's set to product limit equals six column three. Really simple. So if we want to add in something else, we go here to short code. Click on short code. Now a shortcut for your products for this site. Again, very simple. So you have products when it six comes three category will say chairs. Okay? So again, this is how you create a visual menu for your website. You can just use these shortcodes. And then boom, category chairs, whatever your categories are for your website. And then it's just going to automatically populate that as appropriate with the right categories will reload this and everything will look correct. See everything pops up. Good. Yeah, everything looks nice like this. I'm again, that's just the way you have to do it with this template. But overall, this section automatically updates and populates as you add products in. So I personally really like the way it is. Just write out a box and we'll go ahead and remove this block right there. Okay, so now we have to view all button right there. So what should the View All button linked to? Obviously up to you. What I would do is I would click here and then I would go ahead and update this and have it linked to say, the shop page. So are the products page. So we'll go here to shop. And then I'll switch this out and just add in the link to the shop page, and that's it. Okay, so now let's move on to the next section right there. So this is a great little section for any type of like feature product that you want to really push and promotes. So right here is an image that's, that's all this is. It's a transparent image. So just get a transparent image that's fairly large and you can switch it out. If you want. Change the color of this item. Just click on the colored box right there. So we'll click on the edge right there. There we go. So now we're editing the container. So I had to select the container section. And right underneath container, this is where we can swap out the color for something else. So if we change this to gray or just whatever color we want, actually the image is not transparent. So anyways, that's kinda like how this section just works right down here. So it's really simple, really easy to adjust as appropriately click on back to change it, switch it back. There we go. And then again, just go in here, change the copy as you need to update the button. Right down here we have weight is from the blog. We have short code that's set to automatically populate blog posts at the bottom of the website. Again, totally up to you if you want to have blog posts on your homepage. Typically with an e-commerce store, I wouldn't really have blog posts on my homepage because the goal of the blog is to rank well and then drive traffic back to the site and get people on the product page, but totally up to you. So that's how this section is working right there. So this is the feature image for each of the specific blog post, the category and the page title, again rather box just looks fantastic. Come down here. We have a newsletter section which is really nice. So again, operates the same way. Click over here to adjust the image. And again, we go over here to style the container. Then we come down here to the container option right there. Then over here we can just again change the color. So right now we have these selected image right there. So if we want change this again, just go ahead and update the image and the back, and that's it. Then we have the content update there, then the email opt-in form right there. I would go ahead and delete this. Then switched out with your preferred email was provider of choice, whether that's MailChimp or convert kid, just get the HTML and then just get the HTML I have to do is click this plus and then HTML, custom HTML, then pop in your own form code right there in it should populate and everything should just look good and work as expected. All right, and then next we have trending now at the very bottom. So we have trending products. So again, up to you whether or not you want to have this section right there. Personally, I would I'd rather have the email opt-in box or at the bottom there and then the footer. And that's it. So if you want to get rid of this, again, you just click Delete trending. Now, delete this, and that's it. And so then you're like, Okay, so what is this right here, this trending now thing. So this is totally up to you. So let's open up a product page and we'll come down here and we see this trending now again section right there. So we're, this is being populated from, we have to go back into our WordPress dashboard, click on block C. In. Then over here we have the extensions. There we go. And then right down here, trending oppose. So if you want to get rid of that, just jump in here, click on deactivate, and that will remove this section from the product pages as well as your website. Then I think that's a nice overall layout. Then you have your footer down here. And so the footer is easy to adjust, which we'll get to in eight bits. So one little thing with the homepage, we definitely want to jump up here and change the page title. So to do that, again, we discard, jump back into our website. We navigate to the bottom right there. And then right over here is where we can update everything because of Yoast SEO. So again, I would go ahead delete everything. Okay. So I call it like my store. And then I would add in a page separator and then keyword description of what your story is about. And then right here, a meta-description for your website. And I'll just leave it at that. 14. Header and footer design: Editing the header and the footer of your e-commerce WooCommerce website. So this is the header section and then all the way at the bottom of your website, this is the footer. Now again, write out the box. It looks great, but let's customize it a little bit to make it our own. So you all have to do is click on this Customize tab right here, and the WordPress editor is going to open. And so the difference between this WordPress editor and editing the page like this is like page specific details. And this is like a kind of affects the site broadly. So for example, like I want to change this button colored. There's no way to do it here, which have to do is jump into the page, then click on the button over there, and then you can adjust the button color over here underneath the style block. So this, again, this affects the site broadly. All right, so anyways, we have general options. So general, this affects the broad website. So we can change the layout, buttons, breadcrumbs, et cetera. So we go over here to layout. Again, you can adjust the layout as you want. So like maximum site with personally it looks good out of the box open, really change anything there, breadcrumbs over there so we can change the way the breadcrumbs look on DIY blog posts and on the product pages. By default, I think it looks really nice. So if you want change something like the homepage texts, you can change that over their current post page, current taxonomy title. Again, I'll just leave all de-selected. They're all again, right out the box. Looks good. And so that's really it underneath the general customization. So what we care about is the header, and so this is where you can swap out the logo. So right here is the logo. Click it, and then right here you can change the logo design to your own design, to your own at transparent image. It's really that simple. Over here we have the accounts, we have the carts, and we have the search function. So again, just leave it as is. You want to delete something, just click the X. Mom, move around, just drag and drop into place, and then things switched around. It's a very nice, very easy. And so right here we have menu one. So if we click on that, so right here we can count change the top-level design of the menu. So again, how, how everything looks. So right now we have Type 2 selected. So for example, like when people mouse over it, it has like a little bit of a line underneath. If you don't like that, you want to be a block or this. Again, you can change that however you want. And that's really only have to worry about at the top there. Now if you're wondering like, Hey, where is this being populated from the menu? So you have to work. I would navigate back to your dashboard. Then what you want to go, go do is go to Appearance. And we want to go to menus right there. And now underneath menus are going to have main menu. And then again we have managed locations. So let's just check this. So we have main menu as the Header Menu one. So looks good. And right here we have Home Products about Blog contact. There you go. So you can add pages as you want. You can go ahead and delete pages as you want. So if I want to get rid of the home link, I can go here and click on remove that or what that products. Okay, there we go. So again, if you just want to add something specific, again, just navigate over here to pages. It's going to have your most recent. So you may have to search for a specific page that you want to add. Now if you're like, Well, I want to have like a drop-down of my products or maybe product categories. How do I do that? There's multiple ways to do it. So what you could do is you can go under category and you can view all, for example, then add your categories and are there. But you're going to notice that, oh no, this is only like the categories for the blog, so that's not really what you want. Now WooCommerce endpoints, not really that helpful, nothing really you'd have to add for this right here. Now if you want to add in, products are specific from WooCommerce in your web. So you're going to have to navigate up top there to screen options. And then you're gonna have to click here to product categories. Then that enables the product categories to be available right over here. And you can have like bone chairs, tables. We'll click on Add to Menu, okay, then drag and drop their indent that just a little bit. That's like a sub-menu. There we go. And so now you can create a drop-down. Now in general with dropstones, people tend to not click the main menu item because it dropped down grabs people's attention. So you may want to come in here and again, edit this link. So product will have navigation. So you may want to create a new page, so not new page but a custom link and then your site, so example.com slash hashtag. And that means like this will be a menu item that people can't click on it and navigate anywhere. So that's all you need to be aware of, totally up to you. But if you're going to create a drop-down, typically people kind of ignore the main menu, just focus on the dropdown items. Again, tulips you would want to do, but that's kinda like how you add in a drop down for your product categories. Everything's kind of hidden right here, so not a big deal, and that's really it. Okay? So that's how you have to do to adjust things up top there. Okay, so let's navigate back to our custom customization. Alright, so if we come, we're right currently still in headers. Now if I click on headers, we have global header, okay? This is where we can change the functionality of the header. So here you can change the layout of the headers, just select whatever you like. Sticky functionality. So that means as I'm scrolling down the menu will stick to the top. Personally, sticky headers are great if your users on desktop, they're bad if they're on mobile. So in general, I'm not a big fan of sticky header, so I person would just turn that off and just have it sit at the top. Now, transparent functionality again, that makes the menu transparent. So that's helpful if you're going to be using a big image, but even without the image, still looks nice like a nice white image are white header at the top. Again, you can make your own decision about how you want to design, but that's really all you need to know to customize this top section of your website. So let's go back. Back. Alright, let's go to the footer. All right, so now let's navigate to the bottom. All right, so right here is the footer layout. So we have a top row, the middle row, then been row. So we have different buttons added in. And so you can just easily adjust things as you want. So if we click on this middle row, we have two widget areas. So you're like, what's a widget, right? So okay, let's back out of this. So if I go here to appearance, and then we go to Widgets, which opened up this. I'll leave that alone. All right, so the main cyber will minimize that. Here we go. So we have footer widget area 1234 that's being populated because the template as these widget areas add it in. So you can add in more widgets if you want. So for example, we can add widget area five, for example, one, do that. I can add that in right there. And now we have a new widget area X out of that. And so again, just click on it either with these, I'll click on the top row, then you can change the grid layout. So seal it's like 1234. How do you do that? It's easy to click on this custom layout. Boom, if I want to change it around, I can select this or this. I can change the column. So maybe I want four columns. There you go. Or maybe don't want three columns there you go, or one, whatever. Literally that simple. And so personally this footer works awesome. We have the contact section right there. We have like maybe you're about your site's company information, whatever, then your e-mail newsletter over there. Personally, I kinda get rid of that. But that's not that helpful if you want. But again, you can against your website, do whatever you want. So we have this widget area for that's being populated by this. So again, they open up that we have email, newsletter text. Open up this. Then again, you can just adjust this text form right here. So that's how you kind of adjust everything in your footer overhears we take a look this useful links, literally just bullet points and hyperlinks. So if you want to add something new or just a link, for example, Lake, create a privacy policy in terms and condition. For example, click on that. And then we can set this to link to a specific case. So let's navigate back to the footer. So we click on again, click on footers. Now we have this footer section right there, and then we click on footers. We have Global Footer, click on that. And the footer background right here is where it says the color. And so here you can adjust the color of your footer to something else as you want. And it's really that simple. So let's back out of that. Okay, And so that's really all you have to do to just edit and adjust each of these elements in the footer. Really simple. So just make sure you have your copyright. And then that is it. 15. Customize the "shop" page: Editing your shop page. So I needed to do is click on products and open up your product page. So now you can edit and adjust this specific page. Now right out of the box, it does look really nice. So what we can change a few things around. Now the first thing I want to do is change this URL. We have shop dash T2. So WordPress does that if you end up having two pages that are named the same exact thing. So let me go here and let's jump into our pages. Okay, so it's fine pages. And then let's go ahead and find the shop page. So it's come down there. So we have two pages, Etsy shop. So I'm gonna go ahead and delete this page because that one's not being used for anything. So now we have the shop page right there. Alright, so let's go ahead and click on this and open it up. There we go. So now we can come in here in change the URL structure, and now we just want it to be our website.com slash shop. And now also what's come down there? Make sure to add a better page title to describe your pages you don't want just like shop my website, maybe like whatever type. Like. For example, if you have a camera store at lake action like action camera and accessories, I can't spell. Store. Whatever or a shop whatever like that. Nadp each separator than name of your website, something like that would make a lot more sense. So I'll just leave this as action camera shop. There we go. And then we'll say action vloggers. There we go. Okay, so let's go ahead and click on update. And that is it. Okay, So me back I this. Let's go ahead and open up the shop page again. And there we go. So now that URL is clean, we update the title. Looks good. All right, so now we can go here and click on customize, and you get a couple of different options. So again, xa that, okay, so let's find the, there we go. So we have post types that's come down there, WooCommerce general product archives Okay. As our product archives. So you have your different options but hamate Comes you want to have or if you want to have the page title apparent or hidden. So personally, I would definitely have the page title. And so you can just, again, just jump in the backend shop to and change that to something else instead of it saying shop. You want to add in a little bit of context for the shop, like welcome to the store where we saw the best products on this thing and that thing in this thing and that thing, totally up to you if you want to add that in. Okay, So the options you have here, or you have sort the shop right over their shop result counts. Sidebar turned off. Again. A sidebar is not functional anymore like cyber is really like a dying design aspect because 50% of people view all websites on their phone. So sidebars aren't Dao pointing more. But if you really want to add in a sidebar, click on this, and then you get a sidebar. Then obviously this is all crammed together, so you're gonna have to reduce that. So we have rows and columns. I'll change at the three. That looks a little bit better, maybe to actually three looks good. And so he right here, you can kind of change how this is laid out. For example, if I'm on a phone and then right here, I want the sidebar to be off when people are on their mobile device. You can do that. And so for example, if I click on here, desktop, boom, okay, C doesn't work. So that's something that could be a little bit improved, but block Seaberg, be nice to have that little bit of customization. But anyways, let's run the sidebar and I'll show you how to add in different items. Very simple. So this is just a widget area just like the footer. And so if we come over here and then we navigate back, let me leave this. Okay, so let me go ahead and actually let me publish this page with the sidebar. There we go. Okay, so now that we're going to add in a sidebar with different types of options to help people sort. We don't really need a shop sort right there is we can turn this item off because that's not really functional anymore. So now we know, now we want to navigate. I can't talk to widgets. There we go. All right, so now what's minimize that? So WooCommerce sidebar, boom, open up. We have no widgets there, so we want to add in C like a product filter. We can go ahead and do that. Then active filters, which is leave it there. You have a bunch of different items have been added by WooCommerce. We have filter, approximate price filter products by attribute filter products by rating, filter products by product categories. So like I can take that and we can drag and drop this up. There we go. There we go. Okay? All right, so show hierarchy. All right, so, all right, we like, like that. Okay, So move this up top there. Okay, so let's take a quick look. So I publish. This, will exit out of this. I'll show you how it's been updated. Okay, so now we have the product categories. It a little bit of a sidebar right there. So we have active product filters. You know, everything's kinda setup. So that's kinda how you can easily adjust things as you want with the sidebar over here. So filter products by prey. So we can take this one. Let me move that up top there. Leave that there. Okay, it was reload the page. And there it goes. We have filtered by price. So if you just want to add in a sidebar to add in different items, that's kinda how it works. Personally. This is helpful if you have a large website with lots of products, but I would say like you're under 50 products right out of the box. I think I'll just leave it alone. The sidebar is not that functional anyways, you know, it's, it's helpful if you have a, again, like a large website, a lot of the products and you got to give people a way to navigate the site will be more easily. But again, your shop up to you, if you really want to edit in a sidebar, that's how it works. And so that is it for how to customize the shop page. 16. Customize the cart and checkout: Editing your cart checkout and my account pages. So now with this template, we now have two pages of everything. So we have to cart pages to check up pages to my account pages. Honestly, we can go ahead and delete the one that's not in use, so it's come appeared the cart page. Go ahead and click on trash. There we go. Same with the checkout page. Go ahead and click on trash. Then do the same thing again for my account. Go ahead and click on trash. And there we go. Okay, so let's go ahead and open up the cart page. Let's open up the checkout page and let's open up the My Account page. All right, so the first thing that you're going to want to do is to make sure to edit the URL. So it's something that's a little bit better and Save Cart dash T2. So again, we'll just make this cart click on Update. And then again, do the same thing for the other pages. And self checkout dash T2, just checkout. Then finally for the my account and so we can change it to my account or accounts, whatever. How does cheat call this accounts? There we go. Click on Update. Now again, what's awesome about the simple, everything is already set up, so we already have the short, short code, WooCommerce cart for this page. Woocommerce check-off for this page, and WooCommerce, my account for this page. And so again, if we just take a quick look at the cart, let's open up this in a new tab. There we go. So this the cart page. This looks great. So we have to proceed to checkout, apply a coupon code, everything setup as appropriate. We have the cross-sell right there. Just looks really nice. Now if you want to adjust things, you can just adjust things with the Gutenberg block editor. So I want to add something or Neith, this section right there. I can click on this plus sign. I can go here to browse all. Then I can just add in anything I want. So if they're AB, for example, like if I don't want this cross, so maybe I can remove this. We don't want to have like related products, whatever you can come over here and just add in things as you want. So for example, reviews by category all products filter by products, whatever. So you can just come in here and add in additional blocks as you want. Otherwise, for a cart page, it just looks really nice. And again, we'll just take a quick look at our checkout page. And the checkout page works the same way with the Gutenberg block editor. We can just click the plus sign add blocks as you want. And again, the checkout page, it looks good. So we have the billing details, then we have felt people felt the billing details, and then we have your order. Now again, we're missing a few things which is how to accept payments, which we're going to get to next about how you accept PayPal credit card, et cetera, which I'll show you how that's done. Then the last is the account page. So if you're going to have accounts, you don't have to have accounts, you can make it so people can buy from your e-commerce store without creating count. But if you wanted people create an account, this is what it looks like on the back-end. So again, we have dashboard orders, downloads address. Looks really good. It again, if you want to adjust the colors, very simple. So you just have to go to customize. And then under the customize that we can kind of jump in and adjust the colors for anything. So let's go ahead and do that. So let me click on customize it. Let's have this load up. Okay, So we can come over here, for example, Topography. So here's the topography for the web safe. We want to update that if we want to change the font style, we can do that. General options. So bread crumbs. Now let's go ahead and find where we can adjust the link color. Okay, so let's go ahead and click on Colors. And then right here, so we have links here. We can adjust the color to whatever we want. So we want this to be blue. Again. That's how it's done. Very simple. So that's all you really need to do and all you really need to edit for each one of these individual pages as required. 17. How to accept credit cards and PayPal: Accepting credit card payments with your WooCommerce website. So credit card payments used to be a really complicated thing in the past, you need a merchant account. Not anymore. We can use Stripe as our payment processor for credit cards. So let's get started. So first off, let's navigate back to WooCommerce. And what we wanna do is we want to jump over into our settings right here, and then we want to navigate under the Payment tab. Now once you navigate here, you're gonna notice you don't have that many payment options. You have direct being transferred, check, cash on delivery, and PayPal. So in order to add in stripe, we need to add in a plugin. So let's go ahead and navigate down here. Go to Plugins, goods you add new. And I want you to type in string STR, IPE stripe. Okay, so go ahead and click on install now. And go ahead and click on Activate. Once you do that, we can navigate back to WooCommerce, navigate back to settings. Okay, so let's go ahead and click on that payment tab again. And there we go. So now we have a bunch of payment options, bunch of different stroke options. The one we care about is right here, credit card stripe a credit card. And so we're going to want to turn this on. There we go. And then click on Setup. All right, fantastic. So now we're in the dedicated section of the site to enable stripe, but we need to add in a few different things. So once you go ahead and create an account and get everything set up, you verify your e-mail, your bank account, all that stuff that you need to do, then you can continue with this. I'm going to assume you already do that, so get to get that taken care of. So this is stripe, this is a test account I have set up. So anyway, so first thing I wanna do is view test data. So what this is going to do is just this is test, this test account, the test data, it's not real. And this way you can kind of test out to see if your credit card payments working by using a fake credit card, et cetera, et cetera, et cetera. So very simple. So now we want to get started. So first off, we need to fill out this section down here. So the thing that we need here, we have test mode enabled. Boom, we need a publishable key, we need a test secret key, then we need a web hook. All right, so where do we get the publishable key from? So go to here to EPI key. Okay, so here's our publishable key. Well, on that copied, okay, so publishable key, paste that in. There we go. Test secret key. Alright, reveal tests, secret key. I'll right click to copy. All right, boom, then go here, paste that in. Okay, and now we need a test webhook secret. Okay, so what do we do? You have to go to the Webex now what this does is this allows us to test out whether or not the payment's going to work. So right now we need to click on this button over here that says add an endpoint. Okay, so we can kind of ignore all of this. Now the endpoint URL, you actually do need to fill that out. Where do you get that information from? Right over here. So boom, highlight this. Make sure to just highlight only this URL. Right-click Copy, navigate over here, endpoint URL. Paste that in. Now send events to send. What we wanna do is you want charge, okay, Click on that one. Okay. All right, so let's come down here. Actually let me clear that out. Select events. There we go. Charge. Okay, there we go. Add event. There we go. Okay, now everything's set up. We're good to go. Okay, so once we have that setup, we have these signing secrets so quick that to reveal that we want to again highlight this, right-click this, then copy that Navi back to our WooCommerce sites and then test webhook secret, boom, paste that in. And that is it. And so right down here you can conscious leave, that's it. That's literally all the information I need to add. And now you've set up viewing test data. You've have, you've added test data now you can test this out to see if it works correctly by using like a fake credit card number. Just to see if everything works. Again, it's all fake money doesn't actually work. It just allows you to test it out to see if it's hitting your account as appropriate. Okay, So anyways, what are some other options right down here? Okay, so we have the inline credit card form. Can leave that blank. Captured charged. Capture charge immediately. Yes, absolutely. Because if you don't have that selected and you have to login to stripe every time and then authorized the charge. It's a little bit annoying. Now payment requests of buttons, this is super annoying. I personal like this because this is like when you're on the checkout page, you're gonna have, the end-user has all these buttons to click on and say, no, it's kind of annoying having the Checkout PayPal button and Apple Pay, Google Pay. Just annoying with we'll get rid of that. Okay, so now we have that enabled, save, enable payments via save credit cards, okay? And that is it. Okay, So let's continue on. Okay, so the next thing I want you to do is right here where it says statement descriptor. So what does that we must over there, statement descriptors are limited 22 characters. This will appear on your customers statement in capital letters. So you know what that is when you buy something on your credit card, you're looking at your credit card statement. So this is the business name. So business name should go here. So whatever your L If you have an LLC, that's what you want to put in here, and then that's it. Okay, so go ahead and click on save changes. And you've successfully enabled credit card payments, okay? And so right now everything's in a test mode. So literally to make this active, what I would do is just test this out, make sure it works. Once it works, then click off enable test mode. Okay? And so come over here, then you want to click off this view test data. You want to follow the same exact process that we just did this all you have to do, okay? So again, you just need to navigate here to your API keys, get your real API keys, and then put them over here. Live publishable keys, then your lives secret key, then the secret webhook he got enable all that do literally the same process before. But again, just test everything out, make sure it works. Once it works, okay, Then go to the Live. And that is it. Sending up PayPal for your WooCommerce website. So PayPal, again is just another way to get paid. And it's a very popular option with people who work on the line. And so it's a good idea because for example, you have someone like me and I get paid via PayPal at then I have money in my account. So I personally would like to use this money to pay for goods and services via a website. So I like I personally like websites that offer pathos is an option for payment. Now again, I think most people are not getting large sums of money. He sent the paper. They tend to just pay with credit card for everything, but it's still a good options you set up in with WooCommerce. Everything's kinda built in already. So super-duper, simple. So you have to navigate to payments then at PayPal standard, then enable it right here. Okay. And then we want navigate over here to where it says Manage it, then that's it. So make sure enable PayPal standard PayPal, boom. And then right here is the PayPal e-mail. So whatever e-mail you use to sign up with PayPal, that's going to be your payment e-mail. And so whatever you use to sign up and create account here, that's all that's all you want to put in here for the PayPal e-mail, and that's it. And so you have anyone navigate down there and then you wanna make sure to click on save changes. And that is it. 18. Setting up taxes and shipping: Setting up automated taxes for your website. So again, taxes are just a part of doing business. And everyone says like when you do what you love, you'll never work a day in your life. Well, it's a self-employed person. I can tell you work one day in your life and that's a day if the file your taxes. Now once we jump in here to settings, we have a bunch of tabs and it's like, well, I don't see taxes. Like how come they don't have this integrated? Well, you gotta go underneath the General tab, got navigate down here. Then you have to enable tax rates in calculations. Then we go here and we click on Save Changes. Okay, fantastic. So right here we can just begin setting up our tax with the tax tab right there, and there we go. So proceed with tax. So now we can set the standard rates, reduce rates, 0 rates. So again, if you want to go this route, not an automated, Have fun with that because to acts are really confusing and it's based on origin bays and destination based. So this article is texture change charging sales tax rates. So it gives a bunch of different examples like what if you're in Georgia and you're sending the Tennessee, and this is origin based verse destination beads. How does it work? What do you have to do? So that's why you kinda want to automate this. So in order because again, you can kinda come in here and go through all 50 states and mainly input the standard rate reduce tax rate if you want, or you can set of automation. So anyways, the navigate to your plugins. And then we want to go to plugins and you might go to add it knew. Okay, so now we want to look for something called Woo Commerce tax. There we go. Okay, WooCommerce Shipping and tax. So let's go ahead and install that. And let's go ahead and activate it. Alright, so connect jetpack and you activate WooCommerce Shipping and tax. Okay, so jetpack is another plugin from the team behind WordPress, adds a bunch of helpful features to your website. So you are going to need a free WordPress account. So let's go ahead and install. That's okay. So once you go ahead and activate everything in sandwich jetpack, everything should connect and you should be looking at a page that looks similar to this. And so now you have a jetpack often the sidebar there. So let's navigate back to WooCommerce. Let's go to Settings. And then we're going to navigate to the tax tab right here. All right, great. Then right here, Automated Taxes and then enable automated taxes. And then it goes down here and click on save changes. That is it setting up shipping for your WooCommerce website. So let's get started. So we're going to be using the Settings tab, then going to shipping. Now right here you can set up a geographic zone. So let's go ahead and add in a shipping its own. There we go. So now we can name the zone and then the zone or region. So obviously you'd wanna kinda have the name and the region kind of match the name. So maybe like, you know, for example, if I want to have this be like North America, and then I want to have Canada, United States, maybe Mexico added in. I can do that. Or maybe I just want this to be the United States. So do that United States because I'm American. Okay, so then the zone region, so put in United States right here. Okay, so now I can just create a shipping method. So this is zone, zone region was the shipping method for the United States. I can add in a shipping method, we'll say a flat rates, okay, and then we'll go here to add shipping. And there we go. So now we have enabled a flat rate and now we can edit the flat rate. Okay, So the method over here is a flat rate and then the status is taxable or not taxable. This depends on where some, some states tax, some seats don't tax. So this really depends on what state you're sending tube. In general, most states don't charge for shipping. Now the costs, we'll just say $8 for shipping as a flat rate will save changes. And there we go. Okay, so now we can continue on and we can keep adding in different methods. So let's go ahead. I'll click on the shipping tab again. Okay, so now we have one zone name. Let's add in a shipping zone. So let's say I want to add in, we'll see. We'll see. We'll say free shipping was a free shipping. Ok. And then we'll say the zone or region is united, or we'll say Connecticut. There we go. Here we go. Connecticut, United States. That's one from everyone. So Connecticut, United States. All right, let's go ahead and add in a shipping method. Let's say they get free shipping because people in Connecticut pay a tons of taxes. All right, so we'll say free shipping, Okay. Now with the free shipping, now you can edit this even further over here. So we can go here, edit. Then free shipping requires what? So we have a valid coupon code, a minimum order amount, minimum order amount, or coupon, minimum order and a coupon code. So personally, if you're gonna do free shipping, I would just keep it simple and just make it so like when someone orders like a minimum amount, so we'll just say $75. So anyone who has a order seventy-five dollars from Connecticut. And then they get free shipping. Okay. And then you could do that on your website where you can add that to the very, very top of your website. You could use a plugin to add in like a little hello bar at the top and say orders over $75, free shipping or whatever like borders in the United States over this amount, free shipping. And that's really it. Okay, and so there we go. So now we have free shipping for the for the for Connecticut. And let's go back to the shipping tab. And there we go. So now we have United States, we have free shipping for this, and we're good to go next. You want to navigate over to shipping options and are this you have specific preferences for calculations, shipping destinations. The debug mode, again, all the sub his personal preferences. So there's not really much to demonstrate there. Okay. So if we come over here to WooCommerce Shipping. All right. So shipping labels, so this is where you can go and get that information for your own store when you're actually printing stuff out. So print shipping labels yourself and save a trip to the post office. Yet we have the activated paper size letter at a credit card receipts and then we can edit and adjust your packaging. Again, it depends on what you're shipping, so I don't know what you're shipping. So again, you're going to have to do this kinda yourself depending on the size and weights of these specific products. Now let's go over here to shipping classes and then shipping classes. Let's go ahead and add a shipping class. So we'll say, we'll give this a specific name. We'll say like just a premium. Okay? We'll say save shipping class. Okay, so now we have the shipping class, all sets. Alright, so let's go here to say shipping zones. Okay? So what we're basically doing is setting up some type of like added like Save. We're sending something that's really valuable. We gotta ship in a specific certain way. That's kinda like how you'd want to use a shipping class. So you want to jump into like WooCommerce. You want to go to your products for example. And you want to find like a product that's would need whatever its specific type of legal here to products. Any any product that needs a specific type of shipping as a unique and special, maybe it's a little bit more expensive to ship, whatever. That's where would you, that's sort of what you wanna do. So Let's come here. We'll click on, we'll click on the coffee table. Okay, So the coffee table is big and it's heavy. So let's go and set that up. Our rights, we'll come down here. Shipping. There we go. Click on the tab right there. Alright, shipping class, no shipping classes. Look, we got premium setup. Okay. And so there we go. So now we can add one product in to the premium shipping classic and you call it whatever you want just for your own back-end information. So now let's navigate to WooCommerce. Let's go to settings. All right, and then let's go to shipping again. And there we go. So for example, we can add any shipping zone will just say like it. The zone is United States. Okay? And then the regions is United States. There we go. Okay, at a shipping method, flat rates. And then we go here, boom. All right, so then we navigate over here, click on Edit, OK. And now we can change this over here for premium right there. So now that we have this setup, so premium shipping class cost. So this is in addition to the flat rates. And so put in whatever you want. Now you do have a couple handy-dandy little options. We have advanced cost, so you can play around with, this does get a bit confusing, but you can put in different costs fields. So for example, we have the 10 plus 2 times the quantity. So WooCommerce back in the day was very heavy on shortcodes. So they're kind of moving away from that. So I'm sure they'll probably update this over time to something a little more intuitive. But again, like this sample right here, if we take this, that means there'll be a basis shipping costs of $10.2 dollars for each item in the cart, for example. So you would take that then premium shipping class. You could paste the short code in there and everything will be taken care of on the backend or no shipping costs over here, no shipping class costs right there. So what that means is like Use quantity for number of items, cost for a total items and fear percent. You can set that up right there. Then Calculation Type C, we can change this per class or per order. So I'd leave this as per class, hope this makes sense. So again, this just allows you to adjust the type of costs depending on the specific item. So for example, figure whole of your on your whole e-commerce store, you're sending out hats and you're like, okay, the cost of shipping a hat is this bot then like we have this one product that's a big and heavy and it's more complicated to ship that's weighed. Want to set up a specific shipping class costs just to help automate everything on the backend for you so you don't drive yourself crazy like maybe, you know, paying for hours to ship like a coffee table is like, Oh no a cost so much more than that to actually ship. So you build the price in as required for shipping products, okay? And that is, it is a one helpful little Pro plugin you can also consider getting is the table rate shipping. So again, this is more of a premium plugin, but it provides that rule advanced level backend shipping options that you're going to need. If you have a more complicated store where you're sending a variety of products are all different weights and sizes and just, it's more complicated. You have a complicated story like that. Then you may want to consider getting this specific plugin over here. But otherwise that is it for sitting up shipping on your website. 19. Make coupon codes: Creating a coupon codes. So coupon codes are fantastic. Like you can give a 10 percent coupon code if someone sends it to your email, is you can create coupon codes based on leg a specific holiday, whatever. So coupons are found underneath the Marketing tab right there. Then go ahead and click on coupons. I'll click here to create your first coupon. And it's pretty self-explanatory. So let's navigate to this specific page over here. Now top there the coupon code is whatever you want to put in. So if I want to say WC P ten like so, 10 percent off, whatever. Now we can change the type of coupon code over here. So we have fixed cart discount, percentage or fixed product discount. For example, percentage discount we put there. That means people get 10 percent off whatever they're purchasing. If a fixed cart discount means like, all right, this coupon code gives everyone a $10 discount code, no matter what they buy are however much they add. Over here, you can set it to allow free shipping if you want to create a coupon code for free shipping. So maybe you just want to create like a specific coupon code. And just for free shipping coupon code, you could set up their sleeve at 0. Click on this, then this coupon code that you setup would be for free shipping. And then at last you can set an expiry date. It's really that simple. All right, So usage restrictions. So here obviously you could just set up restrictions on like what people have to do, how much they have to spend, et cetera. Then usage limits. You can limit how many coupons this can be used on your store. So maybe you're giving out a specific like 500 coupon codes only whatever. You can limit the usage on this page. And it's really that simple. So once people have the coupon code and on the checkout page, then it just pop in at the coupon code that you have set up there, then it performs in whatever way you have it set up on the back-end. Anyways, that's how you set up coupon codes for your website. 20. Customize your store emails: Customizing your emails within a Woo Commerce. So like all online stores, your customers are going to expect to receive some type of receipt when they make a purchase from your store. Like, hey, here's your order number things for your purchase, that type of deal. So if you navigate over to settings, WooCommerce has this Email tab and they have a bunch of different emails for different things like refunds, complete order processing, order on hold, etc. And each one of these you can jump into in manage, and edit as you like. Now What's also helpful to know is to calm down here, then down here, sender options, email template. And so you can customize this section with the email template over here to preview what your tempo will look like. And so you can click on this and that this would the email template looks like now I've gone ahead and adjusted and change things over here. And so you don't have to send yourself a dummy e-mail. You can if you want. I'll show you how to do that quickly, being just click here to preview, to submit your email templates going to look like, okay, and so we just come over here, he comes to the one that you want to say manage. And that is it. So let's wait. This opens. There we go. And so now we have customer invoice details, subject INO headings, subject page, INO heading, paid, et cetera. And you can just edit and adjust each one individually. Alright, so how do you set yourself a dummy e-mail? Well, you gotta come over here to WooCommerce, go to orders. Once you're in orders, you want to navigate to where it says building, okay? And just want to create a new order. So like literally go to Add order. And there you go, click on Billing right there, and then come down here, felt the email address you want to send it to. Then go ahead and click on Create and then send an invoice order details the customer just click on Create and you'll get sent automatically. And so there'll be sent to your inbox. And so I'm using it says me over here, it says our store, but again says me right there because I've set myself with the same email. But if you're using a different e-mail, obviously it'll come up whatever you put over here. Let's navigate. Let's click this. There we go. Okay, so again, that's what we want to adjust this. So make sure it's something like the name of your store. So when people open their e-mails second and say like WordPress or something weird like that. You want to say your stores who people open it and trust error can trust it. And then this is what the template looks like. Very basic, not too fancy. And others are plenty of plugins you can install WordPress that enhance the e-mails that allowed you to have drag-and-drop ability to customize? Personally. I mean, people don't I personally think people care that much. I mean, just edit the email so it looks nice, straight in to the points. But again, totally up to you, but that's how you edit the emails within Woo Commerce. 21. The legal pages you need: And finally, your privacy policy, terms of US shipping policy about page contact page. You gotta take care of all these random pages that are really essential for an e-commerce website. So right down here, we have a privacy policy in terms and conditions. So there is a generator I like if you want to do this, you can generate a privacy policy using this website. But over time you definitely are going to want to sit down with a where someone's who walk you through. You need to worry about that when you actually start making money from your e-commerce store. Because again, you're going to be collecting personal information like emails. You definitely need to disclose how you're specifically handling that those e-mails, et cetera. Now, shipping page 2, you're going to want to add in a shipping page at the bottom of your website because you just have to have that laid out. People need to know what to expect. And so actually Shopify there. They have a blog and they have a great way to set up a shipping policy page. And they have a bunch of different templates. You can find this at shipping policy under Shopify. So become down here and they have a bunch of different templates. You can kind of just take this and just jump in and copy and paste and edit and adjust as need be. Now where do those pages go? They go right here in the footer. Okay. So right down here, there should be a page where it says, right here we have account where IT products my count wish-list. This is nice, but I definitely would get rid of a lot of this stuff. Maybe I would change this from account, I would make this a company or store. I've should be like a privacy policy. Terms of US shipping about contact like all those essential pages. It's like way over here. See we've got privacy policy terms and conditions. So those are really important pages to add. Now in terms of the about page and the Contact page just briefly, your About page is not about you. It's about the website and what you're like. Totally unique story about your e-commerce website. That's what people want like anyone concert, some generic store. So white, what makes your store unique and different? The About page is a great place to kinda tell the story a little bit about why the site was started. What makes you unique and different, then also mixture on the about page to have some type of call to action. So for example, like the template, this template is great because it does come exactly this. So our story right there, we have the link to the contact page. You could update this for a specific product. In general, what I would do is incorporate videos, pictures, tell a story, then have a final call to action on this page, About page for people to either subscribe to an e-mail list or navigate them to a specific product or just give them something. Now over here we have the contact page. And so right here we have a nice form set up. So okay, so let's come over here with school to our appearance and let's go to plug-ins. Okay, so if we navigate this, we have WP forms already installed with this template. So we got this as part of installing the plugin. So where do can we edit this? So let's go to WP forms. Alright, so right here, we have the simple contact form already installed, already set up. So it's open this up. All right, so this form is already active on our website, so we just can go over here to the settings and overhears where you can kind of adjusting. So we have the notifications, so send to email address. So that's really important because if you want it sent it to a specific e-mail address, you can sit up here. And if you're okay with it being sent to the admin email that you use to create your website. That's fine too. But otherwise you don't really need to adjust that much because this form is working as appropriate, so everything's good to go over here. Maybe one thing you'd want to maybe consider doing is adding in some type of like protection for the form. So for example, we navigate to the contact page on my website, web secret bro dot-com. Boom, we got the H capture set up. So you all have to do is type in H capture, capture that.com. There we go. Now you can just sign up to this and then follow the onscreen process in order to set up each captured disk, we just have the Kinect the form to capture. Once you do that, this little button will appear right here and we'll print. It will prevent spam emails from hitting your inbox via your form on your page. And then one tiny little thing, we just update this favicon. So if you see it has a little w right there, but the Shopify logo and my own little favicon right there. How do you adjust that? So again, make sure to go to Customize Oh, rights in them. We want to navigate over to where I come down here for say, identity. Where is that? There we go, say identity, click on that. And then right here you can select an icon. The icon should be like 50, 100, 200. But if I were told pixels, not that big of a deal, it's just going to be this little logo. And that's a huge change in swap out this logo of the fabric count for the W, for something a little bit more unique and custom to your brand. Anyways, that is it for this tutorial. 22. Conclusion: All right everyone, that's it for this course and how to create an online store using WordPress, Woo Commerce, and it's SiteGround. I hope you enjoyed the course and got it.