 Good evening, my name's Sean and I run a web-press agency here in Singapore called Chilebin Web Design. Also one of the co-organizers of the meetups here, so I've spoken a few times on bits and pieces before. So we're just kind of going to run through a very basic setup of setting up with commerce, installing some demo products and some things like that. So pretty elementary stuff, but hopefully we can teach someone something. So at the moment, WooCommerce can handle both physical and digital products, and that's obviously spelt wrong, but has over 53 million downloads and powers over 28% of all online stores. So it's a pretty big provider in that market. And WooCommerce, just like any other plugin, is really easy to install into your WordPress site. So that means that I now need to switch out of this and into my demo, which is here. There's a gun on the other that way. Here we go. Actually, maybe I'll just mirror these ones now. All right, so I've just set up a basic WooCommerce test install on my demo server. And I've just gone through and I've actually downloaded it already. But if you just come through to your plugin section in the back end, like you would add any other plugin and search for WooCommerce, it'll come up here and then you can just activate it. So we'll just run through the demo install that it does. So once you come through here, you can set up the setup block. And you can see down here as well that I have Gutenberg installed. So you can install this Gutenberg plugin products block as well. So it's not an SSL connection, but it's fine because that's just locally. So if we run through this, right, our store is based in Singapore. And we accept payments in Singapore dollars. And I'll be selling physical products, not in person though. And they can track me, that's fine. All right, so as you come through here, the next setup is essentially your payment processes. So by default it will install Stripe and PayPal. And there's some other offline payment methods as well, like if you're accepting via check or bank transfers or anything like that. So those are off by default. And you can also set up a new Stripe account directly for you, which is really handy. And the same with PayPal as well. But at the moment we'll just go through these. These are the ones that will install these plugins. So at the moment as you can see it's based on a blog theme. But what we can do is customize that later. So we create a home page using that template. And there's a very basic home page there. So we'll just publish that and exit out of the customizer. So now that that's complete, this will give you a few more extensions and things. But what we'll do is we'll just go through and check out some products that have been added into the system. Don't worry about that. So if we look here, and this is the basic setup that you have of WooCommerce. You have the product name here. You have the featured image in this column. You have the SKU, which is your product code. If the product is in stock, you have different pricing and categories, tags and whether or not it's featured. So if we look into the sunglasses product and see that there's a bit of a description for that product here. It's a simple product. That just means that there's no variations on that product. It's just what you see is what you get. Essentially there's no variations in terms of size. So if you're buying these sunglasses, there's only one variation of that pair. You can't buy a red pair. And this, you would have to change that to a variable product and then edit that. So at the moment, we're set for a regular price here of $90 for the sunglasses. But if you decided that you wanted to have a sale for this weekend, you could change this. Let's just say for this Saturday and Sunday, you could do a sale for $50, for example. And then that product would then be on sale for that specific time period. Inventory at the moment is just managed in here, but you can individually manage your stock as well. So without this check box, it's either in stock or it's out of stock. But you can also do and do 100 products. You can link this with the inventory system as well. But essentially every time someone buys a product, it would then just minus one from that number. And in the settings, you can set that to show if there's 10 left to set a reminder for you to go and purchase more product from your supplier. Shipping rates, if you're using a shipping plugin that needs a centimeter or length or width for any type of boxing, then you can set that per product in here or you can set per shipping classes, per products as well. You may have a product that is only free shipping or you may have a product, let's say for example, this product weighs 45 kilos, you may have a specific shipping class that's for that specific product. You can also do upsells and cross-sells. So if I want to upsell this to a t-shirt, I could then do that or I can do a cross-sell for that as well. And then we have some attributes which are used mainly for variation variable products. But you can add color and size in here as well. This is just information and it won't change the specific price, but it just shows that information. And then you have some advanced purchase notes and things. You can have this purchase note appear on an email that goes out to the customer once they purchase. And you can also have it as part of the invoice. And then we have another description down the bottom. So there's both a short description and then there's a main description. And I'll show you in a new tab what that looks like depending on your theme obviously. But in this design here, we have the simple product and this is the short description. And then you have down below, you have this would be the detailed description. The additional information that we set up before for the attributes is shown here as well. And then we have reviews just in here. These are just turned on or turned off. And so that's where they're in there. If you have a look at other data that we have across here in the breadcrumb, this information is just across here on the right-hand side. So you have normal categories, accessories, and you can add new categories. So pretty standard WordPress stuff in there. So that's a simple product and I'll show you what ones they have. Trying to find a variable product. Let's set up a variable product since we don't have one in here. So for this variable product, we're selling a hat. The picture is of a yellow hat, but we'll go through here and we'll set up some attributes. One will be color. So if we look into these color attributes, you can put here use for variations. And we'll say, okay, so we have these variations of each of the hats and we'll also add another attribute of size. Although, you know, hats are usually one size fits all. For this example, we will just make both of these settings. So if we go into variations, you can see here that WooCommerce will allow you to automatically create all attributes or create variations from each of the attributes. But you can also set it one by one as well. So if I go in here, we'll create 50 per run, which is fine. So it will then create the 15 variations. So the blue large, the blue medium and the blue small. What you can do is then if you have different prices for each of these products or different stock information, different photos, essentially just sets them up as specific products as well. So you can set all that up really simply as well as, you know, your parent information. So all of this information can also be set up in a CSV if it's organized correctly. So you can go through and yeah, you can go through and automatically pull all that information into your product. So we'll go through and save that and just have a look at what it looks like on the front end. Okay, so it's out of stock. Variations, set stock, in stock, play medium, in stock. That's weird. I'm not sure why that's happening, but essentially what you'll get here is if it is working, you get a drop-down box that allows you to select information. One live example while we're here is because I'm a Kiwi, we'll show this, but this is a WooCommerce store as well. So if we're looking at variations, we'll essentially look like this. So they have their size variations and these are the only ones that are left. See if XXL or XL will essentially show you're in stock or out of stock there. So you can either show that to the end user or you can hide that information. So you can say that there's five left, there's 10 left, and then you can add through that to the cart. So that's what will appear here if this is working, but I won't troubleshoot that for now. So that's the real basics of kind of adding and setting up products. As an end user, the next thing that obviously you want to do is to make sure that you can get paid. So that information is then sent through to your cart. The user will go through and proceed to the checkout and then make payment. So what you can do is set up your payment processes. So generally I like to work with Stripe because they're essentially transparent to the user. But if we look in here, these are the WooCommerce options, so WooCommerce and Settings. You can find your address and this is your local store location and then what countries you want to be selling to. So if you just want to store and ship to local in Singapore, then you can set these settings here. If you want to enable GST, you can do that as well through that. Also if you want to enable coupon codes, you can do that. Your currency connections are here as well. These are some very basic plug-in product options as well. So what your main shop page will be. So if we're looking at the front end of the page, we have a shop here. And this is just the product grid that you have. So you have all your products here. So what the main store will be. So this is a variable product. As you can see you've got the color and yes or no logo. So it's changed the description and changed the product as well. Some very basic settings in here. If you want to enable reviews or do not enable reviews, star ratings and things like that. Your inventory settings across the whole store here as well. If you want to enable stock management, hold stock for X amount of time. And then what you want to do if you have low stock, surface stock is under 20 for example. Then it will send me an email. Then it will hide that information. So I never want to show this information for example. So never show the quantity remaining. Just to show whether or not it's in and out of stock. For shipping, you can set up different shipping zones and shipping options and also shipping classes. It can be a little bit complicated but shipping zones are essentially your worldwide locations that people would be in. Your shipping options are how we get that information sorted out and then you have shipping classes. So these would be your, if you're shipping with DHL, it's a shipping class. If you've got free shipping, it's a shipping class. So let's look at Singapore for example. Singapore there. Singapore Shipping. For that local delivery. And then you can describe that service. So save that shipping class. And then you can save that in there. Then you have different shipping options in here as well. So shipping methods is what I was trying to get to. So we have shipping methods. So you can do flat rate in here and you can also do local pickup. But we'll do flat rate in other flat rate. This flat rate here will be the cost will be $20. And there will be taxable. You can also charge this on per order or per class. So there's a few options that you can set in there as well. Next is probably the most important one is setting up your payment options. So what you'll need to do is if you do have stripe or PayPal, you have to go through the options and setting these up here. But essentially it means you go through the settings page and set up your API keys. And you'll get that from your stripe account or your PayPal account. So you go through here and there's some options. So at the moment you just have to add this information into your stripe account settings. And then you grab the publishable and the secret key. And there's a couple other options down here is if you want to enable the stripe checkout and debugging and enabled payment for save cards so people can purchase again. Some basic options around accounts and privacy for GDPR information as well. So allow them to log in or log out using accounts. So allow them to log in to an existing account during checkout rather than signing up for a new account or having to sign in first. And allowing customers to create an account during checkout on the My Account page as well. These are GDPR options. So if they delete their information request to delete their information then you can remove that from them as well. It also links to your privacy policy and your personal data retention. So how long we want to keep this information once they've asked us or once it's no longer needed for processing, which is a good thing to have. You can also customize the emails that go out. So this is the email that goes out for a new order to the customer. You can quickly view this template in here. I thought I gave you a view of that as well. Obviously it doesn't anymore. But yeah, you can customize this using some PHP or there's a couple of plugins that you can install to do this as well. We won't go through any of that and there's some advanced settings in there. What is your cart page, your checkout page, terms and conditions page as well which was set as the privacy policy. So once people are going through the checkout process here add to cart, where's my checkout view cart. If I go down to my checkout you'll see that there's a checkbox down here to agree to the terms and conditions. So by setting that page here in the WooCommerce settings it allows you to do that. The other thing is going through this, I can't do it without the API but if you go through and connect the MailChimp settings here it will do the same thing for you. On the checkout there will be a little checkbox here which enables people to get connected to your MailChimp account. So by putting an API key in here it will connect to your MailChimp account ask what list you want to be connected to and then it will feed any new order all those people directly to your MailChimp list. So that's the very basics of setting it up. It's pretty extendable. You can go through here WooCommerce extensions and there's plenty of other plugins, subscriptions, bookings, memberships. You can do more advanced things with it as well but as a very basic setup that's what we've done here. So it's easy to get started and once you connect your WooCommerce.com or your WordPress.com account to it as well all your licenses will be connected as well so if you are purchasing the subscriptions or bookings plugins they will all be connected up as well or any of these other ones. There are some free plugins and there's plenty in the repository as well just if you wanted to go through and have a look are my looking plugins. So plenty of options there. This WooCommerce PDF and invoices and packing slips is a pretty good one and there's plenty of other ones there as well just depending on your needs. This variation swatches isn't so bad as well. What happens if you choose this one is that instead of getting the variation the variable product that we have before here the variable product that we have here it will have swatches so instead of being a drop down what it would do is show you show you swatches for each of these products so it just looks a little bit nicer in terms of the design I think there's some more screenshots in here so we'll show you color variations like this rather than a drop down box which can be quite nice as well but yeah there's plenty of free plugins that you can do there so import and export of things so I won't go into too much more of that I'll kind of take over a couple of questions and then we'll go on to the next the next talk if anyone has any. Question about WooCommerce against the other e-commerce platform so we've seen the rise of Shopify lately I saw that on the website of WooCommerce they insist on the fact that they are customizable so is it still relevant to use WooCommerce when Shopify is in there? Yeah in my example so I run an agency here and we do a little bit of Shopify work but the majority of the work we do here is in WooCommerce as well the main reason that I like using this is that it is extendable like Shopify is to a degree but you're still tied into that platform with this and having an open source PHP library you can essentially do anything you want on top of it whereas with Shopify you kind of just tied into either building a specific application as an extension on that platform or using workarounds so for something like wine shops it doesn't work very well because we have some issues with variations on products and things in there and things like subscription services I've had issues with in Shopify as well whereas this we've built a few different subscription services that are built on top of WooCommerce so that's the biggest platform I think if you're already running a WordPress site for 90% of your other business and you just want to add some products on there's no point in going and getting additional service for it if you're starting from scratch it really depends on your brief and what you hope to achieve out of it but you can get this up and running for free essentially whereas Shopify you're paying 20 bucks a month Yeah, once you get it extended and they also take a percentage of their sales as well as an example I'll show this is one we built probably three years ago now this is a subscription coffee business that we built so initially we built it on WooCommerce and it still kind of mostly is on WooCommerce but we've transitioned it to our own API and so you go through here actually we'll get out of that we'll just show you the main products because everything's based in there yeah, so all pretty standard stuff we can go through the products and do variations on all those products as well so this is a bit more customizable and you can either sign up to do this through a subscription service we're not using WooCommerce subscriptions for this we built our own API using Stripe but the standard delivery standard kind of mechanism is still WooCommerce in here but it's heavily customized for our client alright cool that's it, I will hand over