 Can we get some mood lighting? I mean, it's scary, so we need the lights off. All right. So, the presentation is the WooCommerce Not So Scary. This is basically a different table in your WooCommerce 101, but having a fun thing to hopefully not make it so scary. My name is Scott Anderson, and let's get started. All right, seriously. All right. So, any fans of Monty Python the Holy Grail here? This is supposed to be a happy occasion. Okay. So, things that we're going to make not so scary. I'll talk a little bit about myself to show you I'm not so scary. We're going to spend less than 60 seconds on what is e-commerce and WooCommerce to make sure we're on the same page. What's the point of all of this? And then we'll get into product types, ways of selling, talk a little bit about payment processors, allow for a little bit of time for questioning to talk about the slides, and then we're actually going to work on creating a really simple WooCommerce store. So, the theoretical, the practical. So, a little bit about myself. I'm a five-year developer. I've been working with WooCommerce for three-plus years now, various clients from online schools to just your mom-pop shop wanting to sell some handbags. Some other important stuff I think I know what I'm talking about. Maybe I do, maybe I don't, but let me know at the end of the day. I don't know why we're still reading this, but we'll know what. So, what is e-commerce? Yeah, here's a definition for it. E-commerce is basically business that's done online according to dictionary.com. If you don't know what it is, that's what it is. So, moving into what is WooCommerce, WooCommerce is our ability to add e-commerce into our website. WordPress is a very expressive platform, our CMS, that we can use to write blogs about our dog. We can do it to talk about our corporate 4K, 5K run. We can do it to proctor online courses, and we can also do it to sell content. We can use this to sell books. We can use this to sell medicinal goods. We can use this to do just about anything. So, at the end of the day, what WooCommerce is, it is the best plugin to do e-commerce on WordPress, also known as the Holy Grail. So, what's the point of all this? Why do you care about e-commerce? Our clients need to sell their product. What do you care about e-commerce? Make money. Make money? Anyone else? Anyone have a different answer other than make money? Yes. Not being liable for it. Not being live? If you're going to develop something personally, you don't need to be entirely liable to outsource that liability. For processing? For processing and payment? At the end of the day, what's the point of doing e-commerce, though? To make money. So, what's the point of all this? To make money. We can sell online to a global audience. That's the point of e-commerce. You want to make your money. So, when it comes to product types, there are a lot of different things that you can sell online. Vattage in 2006 is an online store was selling physical good. Physical good could be some handbags, basically your Etsy shop of today. You can use it to sell bags. But nowadays, you can do so much more than that. So, there are two main classification types within the e-commerce space. You basically have your physical goods, such as timepieces, canines, socks, bow ties, vases, partises, sonic sunglasses, you know anything that's a physical object. You can sell through e-commerce. And the beautiful part about e-commerce is they offer a lot of services that can automate the shipping charges, automate the tax charges through pretty much everything that's integrated within the platform. And we'll show a little bit of that in a little bit. The other type of products you can sell are digital goods. These can be e-books, online courses. You can use them to sell digital assets. If you're a developer, you can use this platform to sell your plugins, sell your themes. Make your hot new mixtape. And the ability to sell digital goods are also integrated just stock e-commerce. You don't need to do anything fancy. So there are different ways that you can sell within e-commerce. You can sell it as an individual transaction or as a subscription, recurring charge. In fact, she'll be giving a talk about subscriptions very shortly on how to take it from theoretical to make it lots of money. Precisely, lots and lots and lots of money. Another way you can also use e-commerce is to manage memberships. So before we start going actually into implementing all these into a store, do we have any questions about what you can do with the e-commerce platform? Any specific questions at all? So once you've decided what kind of products you're going to sell, then the simple decision is, all right, you set up your store, you identify what products you're going to sell. Now we get to decide what kind of payment processors we're going to choose. The three major ones that you can find out there is going to be your authorize.net. There's Stripe and there's PayPal. And for the most part, you can see their pricing is pretty straightforward. Authorize.net has a little bit higher upfront cost of being $25 a month just to accept any transaction. Stripe is free. You can just sign up for an account and you're ready to go. PayPal is also free. And as you can see, they're pretty much all identical for the most part when it comes to processing what you're going to purchase. They usually take about 2.9% off the top and it's a U.S. based sale. And if they're international, that can go up to 4% depending on the currency. And then they all add a $30 fee. And then to integrate these... 30 cents. What did I say? 30? $30? Really high. But all transactions are pretty much 30 cents in addition to the percentage of your sales. And then how these get integrated within WooCommerce itself. You can see Authorize.net. You have to pay $25 a month just to even have an account open. Then you have to spend $70 to get a plug-in to even use their services. And then you pay a percentage of each transaction. It's a lot of money. Or with Stripe and PayPal, you just sign up for their services and you're ready to go. So before we start actually integrating these different items, we identify the steps. Alright, what are we selling? Basically, how are we going to take someone's money? So for the Authorize.net, why is that more expensive? What is the reason that they're asking for really $200 more than PayPal? Yeah, how do they... So from the clients that I've worked with, Authorize.net, PayPal and Stripe originated as online platforms. They originated as online payment processors. You know, with eBay, when it first came out, when you checked out with eBay, how did you pay for it? PayPal. Stripe, their big motto is, developers develop your apps. Use us to collect your payments. Authorize.net has a much richer history than that. They originated with credit card terminals. A small mom-and-pop business, if you had operated like a coffee shop, operated any small business, or even large, they had credit card terminals. They still do. Now a lot of those people pay Authorize.net back in the day when you had to have a dedicated phone line, credit card transaction. So they built up their brand name. It's Authorize.net. We use us to collect payments for your physical storefronts, your brick and mortar. Why not use us for your online transactions? So that tends to be one of the bigger reasons why they do that. Because when it tracks all your transactions, you can use the same software. It works best when you have a physical and an online entity. Because if you have a brick and mortar store with an Authorize.net terminal, it makes sense that you'll want to use Authorize.net on your e-store. Because now your bookkeeper, or if it's small enough yourself, you're not logging in to PayPal, you're not logging in to Stripe and Authorize.net to do your monthly bookkeeping. And that's kind of a part of the premium with them. Anyone have... Can I add to that? Please. Okay, so Authorize.net goes directly to your bank. In order for you to use Authorize.net, you must find a merchant. And those banks are merchants. The problem with that is if you use your bank as your merchant for part of that and not Authorize.net directly, then you're going to have a hard time leading that bank, okay? So if you go to Authorize.net, they themselves can be a merchant. And a merchant is a person who handles the problems that come around with some of those American Express cards failed. And so you can call them and they can help you determine why. So it was very popular at one time because it was straight to your bank. I don't know if it's always, you know, the best solution today because they've become very expensive now to use Authorize.net. But just think of every room commerce does not keep the credit card information. That information goes somewhere else, either to an aggregator like Stripe and they hold the money and they keep secured, they're responsible for all the security around the credit card information like you heard about with the lawyer, right? It's not on our site. Or it goes directly to your bank. And when it goes directly to your bank, a merchant has to handle that transaction. So Authorize.net goes straight to the bank. Your money through Stripe or PayPal goes to PayPal or Stripe, and they hold it and then put it in your bank. So they're the middle man, okay? That's playing with Stripe. It's perfect. Not so scary after you've striped it. There you go. Any other questions before we actually look into what all these concepts actually mean when we get into the dashboard? Or just maybe you want to see proof of play? Yes. Yes. Putting it in. So right now I have a staging website. You can go to is wcjacks2018 at showing.work. What this simulates is a bare bones WordPress website. It can be one that you just started from scratch. It can be your existing one. Let's say you ran, your brick and mortar store had their online menu. Now you're about to start. You want to add an additional feature. But what the point is, is this is setting the stage of a stock website with no frills. The ability to add WooCommerce to your website is as simple as going to your dashboard and installing a plugin. Nothing profound. All you need to... I think anyone here have difficulties installing a plugin. I think we all can do that. Yeah, I hope. So once you've gone ahead, just go ahead and install WooCommerce. And today we're going to go ahead and just choose PayPal. Stripe is a great payment processor. Authorize.net. If you happen to be using them for your business, in your business case says that you want to use them as a basically a credit merchant, absolutely go with them. But the reason why I usually encourage first-time clients to go with PayPal is they're just super simple to set up. Usually everyone has a personal PayPal account. All you need to do is install the plugin. Click sign in. Links your store up immediately. And one easy way to expedite all of this is they also have a plugin called WooCommerce PayPal Express Checkout Gateway. We'll just go ahead and activate that as well. So now we have our website. Today I think I'm going to start selling some of my photos. I'm a photographer. I run a photography business. I'm going to say I'm going to sell additional products. This could be an e-book, but in my case they're going to be my images because I think I'm a good photographer. Probably not, but today we'll say I am. So now that I've activated my setting, my WooCommerce plugin, we now have the WooCommerce window. We'll go to settings. We'll go ahead and set some address information. I already filled this out, but we are business located at 123 Main Street, Jacksonville, Florida, 3D2246. Yeah, we'll sell to everyone. I like money, but I don't discriminate. Everything's going to be digital, so we should do everyone too. We'll go ahead and enable taxes and tax calculations. My currency is U.S. Of course if you work for a foreign client, you can quickly search for anything you want, but I'll leave it as U.S. Dollar. That looks good. Now I'm going to go to checkout and click on PayPal Express Checkout. I've already done this, but all you have to do is click API credentials to sign in. What this will do is it's a setup link that will take you straight to the PayPal site. I'll go ahead and sign in with my PayPal account that I've previously set up in the past. It authorizes this website to use this PayPal account. Right now all I'm doing is just making sure that when someone pays it, it goes in the right bucket. All right, is this the website that you set it up? Yeah, that's me. Boom. Now we already have PayPal set up in our WooCommerce store. Now that we've gone ahead, we've activated the plugin. We made sure our general information about where we're located set up. We did a one click sign in to our PayPal account. Now we have PayPal set up to our website. Now all we need to do is give them something to buy. So you can go to products window. Let's go ahead and add a new product. Let's call this one Ocean Scene because it's a very vibrant image. We'll call it a stock photo of the ocean front. I will go ahead and scroll down to the product information and it's a virtual item so I'm not going to ship it anywhere. No need to collect shipping information. It's downloadable. Now there's a downloadable files area. I'm going to just call this ocean ocean space. You can upload a file of what you want to give it to them. So this is already a pre uploaded image of the ocean scene. I'll go ahead and set up the regular price is it's priceless I mean. But today and today only you can get it for a dollar. So now I want to set a product image just this is an actual picture of the image with a watermark. It's not yours yet. Let's go ahead and publish the product. If we go to the ocean scene we have an ocean scale. It's not yours but it can be. So this is any of you can go right now and donate a dollar to the petty fund but I'll go ahead and let's only have one in the scene at one before. Looks good. I'll go to check out information looks right and I'll see United States and we'll continue to be in it. At this point I'll go ahead and sign in with my personal PayPal account just because I need to pay for the money security law mileage may vary Continue? Yep. Someone just brought a product ocean scene. Now let's make sure it's the ocean space that I bought depending on the wifi. We just sold the digital product. Was that too quick for anyone? How did you configure the text? Did you configure them or the shipping of the Okay so yes that I'll go into that part. So WooCommerce we actually have them here as a vendor WooCommerce is a conglomerate of various plugins and people. One of them is Jetpack Now when you set it up Jetpack has features that when you sign up for an account will automatically tabulate the sales tax based off their geographical location so the sales tax in Florida is slightly different than Georgia slightly different than Alabama and their features also include shipping information so they actually also when you create a physical product in this case this one was digital but if it was if it was a physical good you can enter dimensions of what size it would ship at the weight of what it might be and it will actually tabulate based off current carrier rates what that shipping is going to cost so we didn't set this up here just for the sake of getting something out very quick but um I mean it's as simple as just selling Jetpack um and within the settings we can go ahead and actually set those up but is there any questions as far as just the general setup and getting the physical good out there do you ever have any issues with like the thumbnails or adding pictures to the product just like the resizing of it or anything like that so not usually um typically what I'll tend to do is I usually open up Photoshop and resize thumbnails myself just prefer something quick and simple if the client only has two or three products usually when you're working with small clients they don't have large inventory if that's the case then I'll just manually resize images that I want um there's earlier talk today of don't let images weigh down your website and there are a lot of automated plugins that will resize uploaded images for you I can't recall some of the names that she threw out but there are a lot of compression plugins that when you install them whether you're uploading a post a featured image or in this case a product image you can actually set it up so that it will resize them for you so typically I don't tend to have that issue um as long as the image itself is usually square in nature um if you have rectangle then the way that your product pages might display as can vary you know you might have to do that if you upload in a 600 by 600 format for your images your commerce will work a lot better yeah that's not an option unfortunately um it's just like um it's like an outdoor product page just um some images or you know rectangular pipes that just have a pretty big height compared to you know other things and sometimes with thumbnails just cut things off I guess when displaying them they just display the full height at once so you can't yeah unfortunately when it comes to because there's a difference between resizing and then absolutely changing the aspect most compression plugins for the sake of saving space only if it's 400 by 400 can compress it to 300 by 300 but if it's let's say 200 by 100 you don't do a good job at stretching it to 200 by 200 unless you want a wide image in the case that you do want that to happen from my experience it's been easier to overlay that on a canvas with a proper aspect ratio and that's what I want to say add white space to the left like left or right so you get it 400 by 600 so let's say you're aiming for 600 by 600 and yours is 200 by 100 then you can create a 200 by 200 it was 600 by 200 or 300 then you can open up Photoshop have a canvas size of 600 by 600 overlay the image center it and then choose a complementary background color or you can leave it transparent that compliments your theme anything else you guys are afraid of? some categories can you show the text the text word? sure yeah we can go to categories too so within the settings there so within the the settings menu this is where the default simple selections are you can how you're going to set the text to be tabulated based off of a lot of different accounting different types the way to integrate the automated text features is by adding an additional plugin of Jetpack so we'll add that in addition to and you can sign in with your Jetpack account but once you do that it will automatically tabulate everything for you so what we can actually do when you we'll go ahead and take a when you first install WooCommerce there's an initial setup screen I'll just go ahead and reinstall WooCommerce and you can see the features that will take you step by step through setting up all the automated features granted when you delete this it's gone just so now if you didn't know how to install plugin you're about to learn so when you do a fresh install of WooCommerce what it does it actually takes you through about five steps for your setup of your site a lot of the basic settings that I've set up as far as residential address whether I want to have automatic tabulated taxes and shipping charges all those are actually defined in the setup procedure group here what you saw was the deactivated portion of it all but if we activate it now do all the pages that were created with WooCommerce automatically delete if you delete WooCommerce out of your account the posts? no no the pages that create like the product page you know what I'm saying when you create when you put in WooCommerce in your account it creates your pages your products page and your checkout page and your shipping page and all that so I'm asking if when you delete all of that out of your plugins do all of your pages delete too or do you double your your page creation you know with like product page one because you now have two products pages right so the last time this was done it it does inherit the pages that were created okay so we should have page page one two three four five six okay do you ever have an experience of not using like a car or shipping or pricing but just requesting a quote as you add stuff like you add products and then at the end you're filling out your info requesting a quote and somebody's physically contacting you about those products after the fact oh so what you're saying is trying to sell goods that don't have a price on it essentially like I know there's a plugin out there for I just don't know if there's any native WooCommerce solution for that or if anybody had experience with it I think it's a page okay okay we can do a quick search for that the one we found was yet request a quote plugin but no other people are saying this any time a client wants extended services that's outside the stock app the best place is always to get it straight from WooCommerce because this ensures there's going to be compatibility with the latest releases so we can check all of them a little bit can you recall if there are quoting features within WooCommerce? Yeah there are so what you do is you go ahead and you create like an order and it's just going to depend on the status that you want or you can turn it in and I'll punch on that a little bit when I do my slide and then I have a tax plugin I'll talk about too I'll slide the jetpack in addition we're working together on topics right the point of what I was trying to focus on here is just the nuts and bolts if you've never seen the WordPress then with hers we're going to it's kind of getting deeper into the trench as far as all right now that we've gotten our store up and running we can get into the silver linings so my question when it comes to taxes as much as how to do it is do you get a sheet and then you start to sending taxes to all these different states and counties around the country where people came from so it depends what state you're in and what the rules are how taxes are collected based on whether or not you're shipping there there's a great plugin for that that handles all of that depending on your state if you're a destination or originating type of state so if I have time at the end I'll talk about that and I'll get into this plugin that just handles it all for you because you don't really want to settle this stuff about being too much but I still have to send those money to someone yes you do and that's you know when you have a lawyer in here and she's talking about sending up your corporation you're going to have state tax forms you have to fill out and submit and you know I'll touch on that too if I can get to that at the end I'll put it on my slide right now so at least you have a resource link for it okay anything for the more basic one or ones is there an advantage to the WooCommerce theme or over just picking anything so there will be some advantages typically there are there are plenty of classifications typically what you'll find is if you find a well-designed general purpose theme like for a small business they usually will advertise WooCommerce support the typical marketplace that most developers who don't, let's say you have a smaller budget for a site you're not going to get a custom design theme you'll typically have a premade one purchase through WooThemes or also known as the Envato Marketplace and when you do a search for themes within there they'll if they support WooCommerce they'll advertise that and all that that means is that when they've written their CSS rules they've spent time on the product pages themselves to make them more flashy typically even a site that's not designed even a theme not designed for WooCars at some point it will still look good it's just a matter of when you have let's say if you have a more let's say you're making a band website like a heavy metal band so you find a dark hardcore style theme if it advertises WooCommerce support then that theme on the product pages they're going to be styled more specific so that the product page doesn't feel like the product page was slapped onto a website and surrounded by this theme so it does matter but typically unless you are focusing on being a online store only pretty much anything typically will have WooCommerce compatibility within it nowadays unless you're searching for free themes and then any other questions? alright, thank you