WooCommerce Tutorial | Create an eCommerce Store
Making your own webshop these days is easy. My name is Ferdy and in this video I will show you, from start to finish, how to create your own web shop using WordPress and WooCommerce. This video is both for people that already have a wordpress website and want to extend it with a webshop, and for people that want to create a webshop from scratch, who do not have a website yet.
Let me show you what we will cover in this tutorial. For the people that start from scratch, I will show you how you can get your own domain name and web hosting, how to install WordPress, and how to install a pre-made website that can be adjusted really easily. After that, we will install WooCommerce — an amazing free plug-in that enables you to sell products through the Internet. Then we will create six different products. We start with a simple product – just a hoodie. It can also be a cap, something with only one option; in this case, a black hoodie.
Then we go to the variable product. What does that mean? It is one product but it can have different variations like the size or the color. It can also say that a certain size or color or something else is more expensive than the other options. Then we will create a digital product, for instance a zoom session or coaching session. We will create a digital downloadable product like an e-book or a ticket to a concert of Justin Bieber or someone else if you prefer.
Then an affiliate product. This is a really nice market. You can promote other people’s products, and when they click on it, they go to your affiliate link and then when they buy the product you promote, you get a commission. And then the latest one — a grouped product so you see one product again with different sizes and here I can decide how many I want to have from everything. For each product, we will talk about the configuration options like the price, inventory, categories. After that, you will learn how to configure the shop page; how many columns should it have; how big should the images be, and then here at the side we have a sidebar with widgets and widgets are extra functionalities to your website. So here I can filter the products by price, so if I say, let’s see, I want to spend between 0 and 100 dollars and I filter it, then I see all the products that fall into that category.
People can get through our categories. We have products on sale and if we add something to the cart, there appears a new widget over here. It shows a subtotal amount and everything we have in our cart. The same is available over here. So if I hover over here, I see that and then I can view the cart or go to the checkout. If I view the cart, we see a beautiful overview over here with everything we have in our cart and I can adjust it over here. I can change this to 3, this one to 2, and I can update the cart. If we scroll down, we see a subtotal over here and because this is the amount more than $100, I decided that the shipping is free. We will talk about shipping based on where people live, based on a subtotal of the cart and based on the weight of everything that is in the cart. We will talk about coupon codes, so I made this $20 dollars and if I apply the coupon, I see we get 20 dollars of discount and here there are a lot of options. You can say by the $20 dollars, you can say percentage, free shipping — we will go in depth about this subject. We will talk about my favorite subject, not, but it’s good to talk about it — Taxes. How you can set it up manually with different countries, states, normal and reduced tax rates and I will show you how to apply these settings automatically, which is, in my opinion, a much better option.
Then we will talk about payment methods so that visitors can go to the checkout page, finish their order and pay money that will be added to your bank account. I will show you how to handle incoming orders and keep your buyers up to date with the progress of the order.
When you apply what I teach in this tutorial, you are able to start selling products through the internet. Well I believe that your time is valuable, that’s why, I created an overview for you so you can skip certain parts if you have done them already.
If you’re starting from scratch, I will show you how you can get your own domain name and web hosting and I can offer you a 70% discount. Then we will install WordPress and after that we will import a pre-made website. After that, we’re going to create an amazing webshop and if you have done step one. two and three already, take a look at this time stamp and then you can immediately go to the WooCommerce part. In the description of the video I have time stamps, so if you want to go to a certain part of the tutorial, you can click on the timestamp and it will go directly to the part of the tutorial.
If I go too fast for you, you can slow down the speed of the video over here. I’ve been making tutorials for over five years now and people seem to love my videos. I do my best to get better and better, so I can reach more people with my teachings. If you have any question or feedback, feel free to leave a comment below the video. If you like what you’re seeing so far, or you think I’m a nice guide, please like this video; subscribe for more upcoming WordPress related videos and when you hit the bell icon next to the subscribe button, you get a notification when I upload a new video. So having said that let’s get started.
The first things we need are: a domain name and web hosting. If you have that already that is great then you can skip this part. If you don’t have it, let’s go to webhosting124.com. Then you can click over here to go to siteground is, in my opinion, the best web hosting provider there is. I tried a lot of web hosting companies and I found out that siteground is the best one, and it’s not only my opinion that they are the best, there’s a Facebook group all about web hosting and every year there’s a poll with who is the best web hosting provider and siteground is number one every year.
The web sites here are super fast, you can call them 24/7 or you can open a chat session with them. I had a few times that I had no idea how to figure something out and then I went to the chat session and within a few minutes they were able to help me. At the chat they can say you should do this and this and this, but they often say let me do it for you if you want to. So the support is amazing. Because Siteground believes in their product and their service, they offer you a 30-day money back guarantee. So if you somehow do not like it, you can get your money back. So there’s no risk for you. I don’t think you will cancel within 30 days. It’s amazing to get a domain name or web hosting through siteground. I host all my websites here and I will walk you through the plans.
There are three plans. There’s the StartUp Plan, the GrowBig Plan and the GoGeek plan. The startup package is $3.95 per month. In euros, it’s the same €3.95. You can have one website, that means one domain, then there’s 10 gigabyte of web space which is more than enough and 10,000 visits per month which is also more than enough when you start. You can install WordPress for free — there’s free SSL. What is SSL? With that, your website becomes secure. With other web hosting companies, you need to pay money for that. There’s even one where you need to pay $120 per year to get as a SSL. With Siteground it is free. You can have free email addresses like info@yourdomain or ferdy@yourdomain or your own name and your domain, and daily backups. So if you mess up somehow, you can go to the backup of the day before and you’re good to go.
Then there’s the GrowBig plan — $5.95/month or €6.45 per month. With this plan you can have unlimited websites. What does it mean? Here we can have one website, so one domain. Here it can have unlimited domains, so when you get the web hosting package of $5.95 per month you can buy ten domain names and then create different websites. So that’s the great thing about the GrowBig plan. You can have more space, you can have more visitors and if you scroll down a bit, you see, you can have on-demand backups. So you push the button and you get a new backup. If you already have a website, you can have a free site transfer to siteground. You can have staging so you can change things in your website and then push one button and then it goes to the live website. If you want to know more about all these options, you hover over here and you can see them.
So what I love the most about the GrowBig plan is that you can have unlimited websites, and then there’s the GoGeek plan — 11.95 dollars or euros and you have more web space, you can have more visitors and there are all those extra options. I personally use this plan because I have a lot of websites and a lot of visitors. But when you’re creating your first website, you can choose between the Startup plan and the GrowBig plan. I will go for the GrowBig plan. So I click over here on “Get Plan”, and now we can register a new domain name. If you have a domain name already, you can click over here, you can fill in yourdomainname.com and then proceed. I want to register a new domain name and I can choose it over here. So I can say ferdykorpwp (WordPress) and then there’s extensions. You can say “.com”, “.net” but there are also countering specific extensions like .nl, like .pl, the .co.uk, .es. If you want to go international, I prefer .com, not .net or those other ones, just .com. So be creative, make sure it is available, if it’s not available you click on proceed, you will see it is not available. The domain costs $15.95 per month, €14.95 per month and I click on proceed. That says “Congratulations! Domain ferdykorpwp is available for registration with our hosting account.” That is amazing!
So now, I want to fill in some details over here. I want to leave my best email address over here which is email@example.com; I need to create a password and I need to confirm my password. Then we scroll down a bit and we go to client information. So first you need to select your country, then your first name, and your last name. If you have a company, you can fill in the details of your company. If you’re from the United States, you need to select your state or province, your city, your street address, your zip code and your phone number.
Then I scroll down and I go to payment information. So I will fill in my details over here and the great thing is, depending on the country where you live in, their local payment option. So if you’re from the Netherlands, you have Ideal, if you’re from another country, you can pay with your local payment provider which is what I love about Siteground. My billing address is the same as given in the contact information. I scroll down. We’ve chosen the GrowBig plan; you can choose your data center — I choose the USA. If you want to focus on people from Europe or the United Kingdom, you can choose something else. I’ll choose the USA. This is important. Here it says period: 12 months. REMEMBER, you get 70% discount here at Siteground but it’s only for the first payment period. So if you pay for 12 months, you get a 70% discount for 12 months. If you choose 24 months you get 70% of 24 months. If you choose 36, you get 70% discount on 36 months. The thing is when you say 36 months you need to pay now. So you pay $214.20 and then you have three years of web hosting with the GrowBig plan where you can have unlimited domain names. If you will go for 12 months, then after 12 months, you will start to pay $19.95. I want to be upfront about that.
So if you’re really sure you want to go for a long time with this domain, then I would suggest you go for the 36 months. If you want to try it out, do a shorter period; then I would say go with 12 months, and after a year, you start paying $19.95 per month depending on the plan. It’s not entirely true, because after your first period, you can decide to go for three years with siteground web hosting and then you get 30% of discount. So then you would pay around $14 per month with GrowBig, and $7 per month with the startup plan.
If I take a look at what a website means for a business, I know it is worth every penny. So it’s up to you, if you want to go for 12 months, 24 months or 36 months. I go with 12 months and then we go to the next step. We register a domain name and then I also suggest you get domain privacy. Why is that? If you don’t do this, people will see all this information you have filled in on this page and they will call you, they will email you like hey I can make your website, you can have a business loan if you want to; people start spamming you. You don’t want that. For $12 per year, you can get rid of that. You don’t need the Siteground scanner, so there’s a total of $99.35 and you have a domain name and website for a year. I think this is an amazing deal.
The next step is to install WordPress. Click on this button with the text ‘Proceed to the Customer Area’. And then we see this: Create or Migrate Your Website and then you see your domain name. We click on this orange button to set up our site and here we can start a new WordPress website.
So I click on the button below: Start a New Website. Then I choose WordPress even when you want to start a WooCommerce website, still choose WordPress and now we need to set up a login. Here you need to fill in your best email address and create a password. So I will use firstname.lastname@example.org and my password. Awesome!
Then I click on continue. I don’t need the site scanner; I have that already. I click on: Finish, and now our website is being created. It will take less than 2 minutes. It says now that your domain has been created and WordPress is installed.
So what I want to do now, I want to go to a website. Here’s my website and I click on: Site Tools. I want to do one more thing before we go to our WordPress website. I want to make it secure. So here we are at your domain and then there are a lot of options over here. What we can do now, we can click on security and then we click on SSL manager. Our request is being processed.
So here you can select your domain, if you have one it’s probably already selected. Select SSL and what it says, it’s already encrypted. So I need to scroll down, here it is: Manage SSL. My domain already has an encryption certificate. I click on Actions > Enforce HTTPS. I click over here and I need to turn this on and now it’s turned on; that’s it.
So now; what I want to do? I want to go to WordPress > Install and manage. I scroll down. Here we have our domain name, WordPress is installed and I want to take an action by clicking here: Login to the Admin Panel, and we are already logged in.
What we need to do now, we need to skip the WordPress starter. So I scroll down and I click on exit, and ladies and gentlemen, we are live. This is the back end of our website. Here we can configure a ton of things. If I click over here, left in top, I go to my website. Everybody that enters FerdyKorpWP.com at this moment will enter my website, and that’s a great thing about Siteground, you are live immediately when you get a dot com domain. BUT it looks really bad; it looks really bad. I don’t know what do you think about this, but I think this is so ugly.
So we’re going to make it beautiful but first let me tell you some things about the front end and the back end. This is the front end of your WordPress website; this is what people will see when they enter your website. So we’ve created a beautiful webshop, people can navigate through your website over here through your domain name. Because we are logged in. We have a bar over here. If I go to FerdyKorp.com, I see no bar. Why? Because I’m not logged in.
But here, I am logged in and that’s why I see this bar. Through this bar we can toggle between the frontend and the backend. So if I click over here, I go to the backend. Here we can configure our website. We can update our website or plugins, we can create blog posts, add photos, videos, PDFs. We can create pages like the home page, the Contact page, the About Us page. We can manage comments, change the look and feel of our website using themes and widgets. We can add functionality to our website by free or paid plugins.
We can add different users; we can export things and import things. We can configure the settings of our website and then if you have a plug-in you can get more options over here. So if I take a look at my own website, I can do a few updates. I have comments I need to manage. There’s marketing; jet plugins; more plugins. So the more plugins you have, the more things you see over here and if you click on it, you can configure things. So that’s the backend. We’re going to talk about it more.
Then we have the frontend and that looks like this. So what I want to do? First, I want to clean up our website a little bit because it starts a little bit messy and I want to work in a clean environment.
So I click over here. By the way, I can close this now. So this is the back end. What I want to do first? I want to go to plugins and I want to remove all the plugins we have. We want to start from scratch. So I click over here. So I select all the plugins, bulk action. First, deactivate them; click on: Apply. When they are deactivated, I can select them again all by clicking here, Bulk actions > Delete > Apply — yes I’m sure.
Then I want to go to the pages; click over here; select all the pages we have; Bulk actions > Move to the Trash > Apply.
Now we can empty the trash by going to the trash over here and empty the trash. Same goes for posts. There no posts. Only one in the trash. I want to get rid of it. I empty the trash.
Then I go to the dashboard. I want to dismiss this message and close everything. It looks better already. What I see over here? It says, “Howdy, email@example.com” and I want to show my name over here. How can I do that? Here I want to edit my profile I can do that also over here at users, your profile, it goes to the same page and here we can configure our profile.
So I can change the look and feel of our back end. I like the default one. My username is this one, I cannot change it but I can add my first name, my last name, and I can have a nickname and over here, it says display name publicity as Ferdy Korpershoek or you can choose a different combination, and then you see “Howdy, Ferdy Korpershoek”.
What I would like to add is an image over here, how can I do that? Well you need to have a Gravatar account for that. If I scroll down, I can see that over here. You can change your profile picture on Gravatar. So right mouse click > open a new tab and here I can sign in. If I leave an email address that is the same as this one: firstname.lastname@example.org, I will have an image over here. Well, I have an account already at email@example.com, so if I change it and I update it here below, I need to confirm it, so I will do that. I click over here and I confirm it. I can scroll down again, I can add some personal information about myself. I am 33 years of age. I am married to Anna. But I prefer that you write something that has to do with this website. So if I create a webshop, I would like to say “For years, I have been selling good products.” And you can have your own price. I use Grammarly. It can make your text better.
You can generate the new password over here and then you can update it. So I cancel this; I don’t need it. If I click on update, I see my name and I see my image which I like. Then I want to go to settings; permalinks over here and I want to use post name. That means that your domains look beautiful; your URLs. So if you have a product that’s called iPhone, it will say ferdykorp.com/iphone instead of a code like this and also Google likes it when you have post name over here, because then you will rank better in the Google results. Well one more important thing.
If I go to Settings > General, we can give our site a name; site title. And the site title is really important for the Google search results. So you can say PS5 equipment, if that’s what your website is about. Use a few important keywords for your website. So iPhone cases or environment friendly iPhone cases — whatever that means. I created site title and don’t say “My Webshop”, because people will not find you when they search for my webshop. So I can say PS5 tools. Tagline — in a few words, explain what this site is about. We have the best PS5 equipment to give you an amazing gaming experience. Or PS5 tools | Chargers | Stickers. Whatever.
Since our website is secure, you can also make it secure over here. Make sure your website is secure, otherwise, you can have an error. So I made my website secure. I showed you how and then I put an S after the P. I scroll down and I click on: save the changes. Now I need to log in again and then over here, I can change the date May 21, 2020 or the time format. I like it as it is and I click on “save the changes.” Now if I take a look at the website, I really don’t like it. So how can we change it?
Well first we can change the theme, and maybe you think what is a theme? Let me show you — if I go to the back end, I can go to Appearance > Themes. The themes determine the look and feel of your website. So you have the same information — so if I take a look at the website. I hold CMD or CTRL on a PC and I click over here. I see the website; I see the title; I see the subtitle. If I change the theme — so 2019 for instance instead of 2020, and I refresh the page, the look and feel is different but the title is still there, and the subtitle is also still there.
So a different example — Activate 2017 > Refresh and now it looks totally different. So the content stays the same with the theme, but the look and feel changes. So I’ve done my research and one of the best themes out there that is free is the Estra theme. If you want to take a look at it, let’s go to FerdyKorp.com/estra, hit enter and there’s a pro version and there’s a free version and we’re going to take a look at the free version. We’re going to use a free version. Here’s a pro version. I’ve tutorials about all those things. There’s a discount. But we’re going to work with the free version. You can download it over here or you go to the backend of your website, to Appearance > Themes > Add new and then search for Estra and then I click on install and then we can activate it. So if I take a look in a new tab holding command, a theme changes the look and feel but every theme also has their own configuration options, and those what’s our theme are amazing. And there are more great things I will talk about it in a minute.
The second thing I want to do. I want to take a look at the page builder we are going to use. In order to get it, let’s go to FerdyKorp.com/elementor. Elementor is by far the best page builder there is when I talk about free page builders. There’s also pro version here which is really amazing. I have tutorials about those but again, in this tutorial, I want to focus on free things, free tools. Look at this — this how easy it is. Just drag-and-drop things, and we’re going to use this page builder to create a beautiful web shop.
You can download it or again, you can go to the backend of your website, go to Plugins > Add new and then search for Elementor and there it is. I want to click on “Install now” and then I want to activate it. So I can close this and I can close this. What I want to do now? I want to make use of a pre-made website, that is made for free that we can install in a few clicks. In order to do that, we can go to the dashboard and you see this area over here. If you don’t see that, no problem. If I close it over here and here, I can go to Appearance and since the Estra theme is active, we have Estra options over here. I click on it and then over here, I see Import Starter Template. I click on Install Importer Plugin, and right now it’s importing and activating. Then we need to select the page builder we use — we use Elementor. Now we can install tons of pre-made websites in a few clicks and those are amazing. Some are for the agency version of Astra, but most are for the free ones. So how can we use it? We can just click over and now we can import this complete website for free. So that’s amazing. What I can do? I can go back. I can filter everything so I can say I only want to have ecommerce websites, and I only want to work with Elementor. Since I’ve selected Elementor, I need to select this again, ecommerce, and I want to go for all the free ones. So we can choose between six pre-made websites.
So what you can do now, we can take a look at everything — this one for instance. You see there are three pages and you can import those pages completely. So if you see something you like, I like to have light background, something like this or this or this, and I want to go with this one. So I click over here and I want to import all those pages, so I want to import a complete website with a home page that looks like that, an about page and a contact page.
In order to do that, I click on import complete website. I click here and it can take a few minutes and before we need to select a few things. Keep in mind that this will overwrite your current website. Well, since we work with a new website, I can do this. But, if you already have a complete website, do not do this. I click on import and it says it can take between 2 and 10 minutes. In my case, it often takes a minute. So I have to wait for a minute and then I will be back with you. Imported successfully! Hurray! The website is imported successfully. Now I can click on View the Site. Keep in mind, it can take a while before your website is shown correct. Well, in my case, it’s the case already. So this is our imported website, it looks beautiful and we also have products over here. We can go to the shop, it looks so beautiful. Also if we go to All Products over here, we see our shop, we can filter things, Sort on Popularity. If I click over here, it looks beautiful. We can add it to the cart. We can have related products. We can have reviews and if I click on “Add to Cart,” I can view the cart. I can proceed to the checkout. We can enter our details.
We will talk about shipping, about Taxes, about payment methods but this is already made for us. If I click over here, I go to the cart and if I go to a different page and I hover over this area, you see what you have in your cart and then can go view the cart and go to the checkout. So this is all amazing, but not everybody is starting a website from scratch like I show you now.
So what we’re going to do — it’s a little bit crazy. We’re going to remove WooCommerce again because I want to show you how to create a website from scratch. And if you already have a website and you don’t want to make use of the starter templates from Estra then I want to show you what to do.
So what I will do now. I will go to Pages. I click on date and I remove the shop page, my account, checkout and cart. I select them all, move to the trash. Even if you use starter templates, I suggest you follow along because I want to show you from scratch how to install WooCommerce. I go to the trash, empty the trash, and then I go to Products > All Products. Bulk actions. Select them all bulk actions, we move it to the trash. Now they’re all in the trash. I will leave them there, I do not empty the trash. Then I want to go to the Categories, check them all, Delete, Apply. Same goes for Tags, we have no Tags so that’s great. Then I want to go to Plugins > Deactivate this one > Deactivate WooCommerce and then I want to delete commerce. Yes I’m sure. A little bit crazy at first, we installed it, now we deleted it.
I want to show you from scratch how to create a webshop. So now if I go website, there’s no shop anymore, there’s only this area. I scroll down and there are no products anymore. So we have removed the Products, we’ve removed the categories, we have removed the WooCommerce. Now it’s the time to create a WooCommerce website from scratch. So maybe you have this website imported or you have a website yourself.
Now you need to go to the dashboard. I go to plugins add new and I want to search for WooCommerce. There it is. More than 5 million installations, 18 hours ago it was updated for the last time, it’s compatible with the current version of WordPress — this is an amazing plugin. A lot of good reviews.
I click on Install Now and then I click on activate. I don’t want to set up WooCommerce, so if you see that please skip it. Then I want to go to WooCommerce > Status. Then I go to Tools, I scroll down and I search for Create default WooCommerce pages. So I click on create pages and now they are created.
So now if I go to the pages, they are added again from scratch. So what I want to do now, if I take a look over here, I see no shop page. What I want to do, I want to add to the shop page over here. So I hover over here and I go to menus, then I want to add the shop page to the menu. I select it and I click on add to menu — the main menu.
Then I want to drag it over here after or above contact. Account, I want to click over here and remove that and I want to save the menu. Now, if I go to the website, it is over here — the shop page. No products were found matching your selection.
So I want to add a few products and if want to follow along in everything I do in this tutorial, then you can download the images I use. In order to do that, go to ferdykorp.com/images, hit enter and there they go. I click over here to unzip it and I want to drag them to the desktop. Over here, folder 8 I have a few images for products I want to show on my website. So I close it and I want to create my first product. I hover over new and I click on product. There are six different kind of products you can create within WooCommerce and I will show you step-by-step how it works. I hope you’re going to like it. I like this process. If you like what you are seeing so far then please like this video and subscribe for more upcoming WordPress related videos. So the first product I want to add, here you need to create product name. I will sell a hoodie, so really simple, I call this Hoodie. If it’s from a certain brand, you can say Nike Hoodie or whatever.
Then here we have the long description. Here you can say a lot of stuff about the product. I will use some dummy text. So I search for dummy text generator over here. I copy this, I place it over here. I use dummy text so I can show you or the client, how it will look when they fill in their own text. Then we can scroll down and then we have product data. If you don’t see this go over here to the screen options and turn on product data. That’s really important. Actually, you need to check everything except for custom fields and slug. So I scroll down again and there are a few different products and I want to start with a simple product. What is the simple product? It is a product with only one option. So you cannot choose a different size or color — just a simple product. It’s not virtual and it’s not downloadable. It’s a physical product. So right now it says Pounds. So what I want to do I want to create a price in dollars and then later change Pounds to Dollars. So I think this is $19.95 but I’m in a good mood. I will create a sale price for $29.95. So what I can do, I can publish it now. Click over here, Publish.
Now if I open the website in new tab holding CMD and clicking here, I can go to the shop and there I have my product. It’s a sale and there’s no image yet. It’s uncharacterized, it’s a hoodie, no reviews and it’s almost 30 pounds.
I click over here to go to the product and this is how it looks, and here’s the description. So we’re going to make this look so much better. So what I want to do? I want to change the pounds to dollars, I can do it here in the backend, I go to WooCommerce settings and then the first step general, I scroll down and I change the currency to dollar. Let me see, USA Dollar — United States Dollar. Currency position: Left; Thousand Separator: a point; Decimal separator: point; Number of Decimals: 2. I save the changes. Now if I want to edit my product, I can go to products over here, all products, hoodie and I can continue to edit it. But I also want to show you. If I scroll down all the way. I see product short description and then I can say this hoodie will make you popular amongst your friends, and attract your favorite people in life. I met Justin Bieber by wearing this hoodie.
Remember, always be honest when you type things over here in the short description. Here you can say whatever you want, but please be honest over here. Now, I’m just talking stupid. I’m updating it and let’s take a look. The short description will appear over here. So now we see dollars $29.95 and we can add it to the cart. So let’s continue to configure this. I scroll down again.
One more thing about the sale. Over here, we have the sale price, you can also schedule it. So you can say the sale price is only valid from today until the 31st. After that, we’ll have the normal price again. We can go from the General tab to Inventory. Here’s a SKU, you can also take a look over here what does it mean. It’s a stock keeping unit with a unique identifier. So if I would sell a Nike hoodie, this one for instance, then it has a special code somewhere — this one. Copy it and then I can paste it over here. Why? If I do that and people want to buy this, but it’s out of stock, they can search based on their SKU number. That’s what I will do to find it somewhere else, and then you can find your shop over here and people can buy it, you become so rich that you don’t know what to do with your money. But then you can give it away to other people so you get a fulfilled life. Help other people and enjoy your life. Yeah that’s how things can go. Do we want to manage the stock? Enable stock management at product level. Yes, that means you can say how many you have in stock. So if you buy 50, you can show them I have 50 in stock, and do we want to allow back orders? That means if you’re out of stock, can people still buy it? If you say do not allow — it’s not possible. You can say allow, but notify the customer.
So you can say ‘Thank you for your purchase, but we order them ourselves because they’re out of stock so it can take a little bit longer.’ Or you just say “Allow” it and make sure you buy enough new ones so you always have stock.
You can also have a low stock threshold, that means if they’re only ten less for instance, you get an email like “Hey! There are only ten of those hoodies in stock,” and then you can purchase new ones.
You can say sell individually, if you check it, people can only buy one at the same time — one per session. So if I refresh it, you cannot decide the amount anymore, you can only say add to cart. That’s handy when it comes to digital products like ebooks or a zoom session where you only want to sell a maximum of one hour. Then you can say that you can only add one. Otherwise, people can buy 5 hours of zoom session from you and maybe you don’t want that.
So inventory, we talked about it, and then we can go to shipping. We will talk about shipping later. Right now we can leave a weight, right now says kilograms and centimeters. You can also change it here. Again, let me go to WooCommerce, where are you, settings and then if I go to products, I can scroll down and I can change the weight unit to lbs or oz. Dimensions: inch. Save it changes. But I prefer kilograms and centimeters. Save it. Products. And we go back to the hoodie.
So I go to shipping and I say this one is 0.5 kilograms and I leave the length for what it is. Shipping class – we’ll talk about it later. Then we go to linked products, you can do upsells. So that looks likes this. You have a product and then below the product it says “Maybe you also like this product as well.” You can decide which products they are, but right now we don’t have products yet. And Cross-sells is when you go, if you add this to the cart, you view the cart, you can add a cross-sell over here, which is also like this. I’ll talk about later. Right now, let’s go to attributes this is also for a variable product. So we’re going to skip this for now. We can go to advanced purchase note. So “Thank you for purchasing this hoodie. Soon you will meet your favorite person on earth when you wear this.”
Menu order – that means if you have a cart over here, you have a few different products which products should be on top. I’ll leave it as it is. And people can leave a review. So if I go to the hoodie, over here there’s a second tab and I can leave a review with stars, leave a comment and leave my review. Then, get more options. I will leave this for what it is. So I click on update and if I refresh the page, we still have this one. So I want to uncheck it. I go to inventory, uncheck it, update, and now we can add more than one. So if I say eight, I add them to the cart, I view the cart and we have a total of nine because I had one already. So enough about this, about the short description. Let’s add our own review. I can say, “This hoodie changed my life. I have so many real friends now!” Add a comment. I save it, just to make sure.
Then I go to the hoodie and I have a review over here — this hoodie changed my life. I have so many real friends now!
I can also leave a review. There’s additional information — the weight. So it’s getting better and better. Now I want to take a look at an image because it looks so much better with an image. So I go to the products, I scroll down all the way and here at the right, there is Product Image. You can have one product image over here. So I click on set product image, and I can use free images from Pixabay, but I want to upload files by clicking on this tab. I select files and I want to select all the files of folder eight. So I say CMD + A, open them and then one is selected and I can copy the title and paste it in the alt text, that’s good for the search results so I can do it with everything. Remove the dashes; copy it; paste it.
So I go to the hoodie, the front one and I click on select or set product image. So now if I update it, it looks so much better. It looks like this. I can click over here, I can zoom in, scroll a bit. Beautiful!
I can also add different images here below at product gallery. So I want to add a few different products. I click over here and I add this one in the back. Add to the gallery, I want to change the order, update, refresh the page. Now there’s this one and this one. If I click over here, I can zoom in and I can navigate with the arrows and I think, wow! that looks beautiful. And I can close it.
So what I see over here is home uncategorized hoodie. So I want to create a category and if you have a big website, it comes really handy to have a category or categories and subcategories. So let’s talk about that.
I go to the product again. I scroll down and here you see the product categories. Right now, it says uncategorized because every product needs to have at least one category, and here I can create a new category. So I click on add new category and I call this one “Hoodies.” Add a new category, I’ll check this, so that’s perfect. But what I also can do, I can create a subcategory. So I can make hoodie a subcategory of something different. For instance, merchandise.
Well, right now I cannot make this subcategory of merchandise. But if I click on update, and I go to products categories, I see hoodies over here. I can click on it and I can say parent category is merchandise. I can also upload something from merchandise. So let me do that. So every category can have an image. Update. Now, if I go back to the product, I can also go here to the product, edit product, close this. You see over here, merchandise and subcategories – hoodie.
So I will have a new category. Add new category. I say “T-Shirts” and then here I can say, Merchandise is the parent. Add a new category and there it is. I uncheck t-shirts because this is not a t-shirt, but that’s how you can work with categories and then below there are tags.
Actually it’s the same but not with a child, but not with subcategories, just tag. So if this have something to do with a hoodie, I can type hoodie — it is black. So I add black. It’s for the winter, I guess, I add winter. Some words that have something to do with the hoodie. I can say Nike. So that’s what you can do. I update it and I want to view the product. Beautiful! And here you see categories.
The great thing about categories is when I click on hoodies, the category hoodies, I see all the hoodies. So all the products that have the category hoodie will show over here. Then you see home > merchandise > hoodies. But the same goes for merchandise. I will talk about it when I will create a second product. Right now, I will leave it as this.
Let’s go back to the product, scroll down and then there are a few Estra settings if you use Estra theme. Every theme as its own settings. Estra theme will let you decide if you want to have a sidebar for each individual product. So maybe I want to have a right sidebar for this product. Then I can update it and now then I go to hoodie again and now my hoodie has a right sidebar. There’s nothing shown over here because we’ll take a look at the sidebar widget later, but that’s what you can do for each individual product — have your own settings.
So maybe I say this product will not have a primary header, update, refresh and now the header is gone. I will leave it as it was. Uncheck it, I can have transparent header but I don’t need it.
So that’s my first product. I update it. It looks beautiful, and if I click on the shop, I see it here shining and be happy and all that stuff. So that looks beautiful. Actually, I want to do one more thing. I want to have a good rate. So what I can do, I can copy this page, I go to Safari, I paste the link over here. So now I am a visitor. I’m not logged in. I don’t see the bar over here. I go to this product and I think I like this product. I wear it and I have so many friends now. So I go to reviews and I want to add a review with five stars, and I say I love this hoodie.
My name is Bernard, my email is firstname.lastname@example.org. Save my name, email… no. I submit it and there it is — “your review is waiting approval.” Well I will approve it, because he mentioned Justin Bieber. So I go over here. Comments — a new comment; Approve. And now if I view the product. It has two customer reviews, five stars and if I take a look over here, it says I love this hoodie from Barnard. He doesn’t have an avatar which is a shame because all Barnards in the world should have an avatar in my opinion. You can also Google “should all Bernards in the world have…”, no. Let’s continue with the tutorial with important stuff.
So this is our first product. It looks beautiful and now we are going to create our second product and we will take it a step further.
So our hover over new. I click on product and I close this. The name of the product is a “T-Shirt” with a capital T. Then we can have a long description. We can have a short description. I want to focus on product data. It’s not a simple product but it’s a variable product and then I can say 0002 for instance. Do I want to keep stock? We’ve talked about this so I will leave it as it is. I skip shipping, linked products and I go to attributes. I want to add an attribute. What is an attribute? It’s an option. So an option can be the size of the T-Shirt and then I can enter some values over here.
So I start with S (small) | M (medium) | L (large) | XL (extra-large).
I want it to be visible on the product page and used for variations. So right now, I have four different products. I have a small T-shirt, a medium T-shirt, a large T-shirt and a extra large T-shirt. I save the attributes and I want to create a second attribute. Besides the size, I want to talk about color. So again, I click on add and this time it is about color. So the first one is white and the second one is black. I use it for variations and it is visible on the product page and I click on save the attributes. So I have two attributes. Size: 4 options, color: 2 options. A total amount of eight different options for our variable product. Then I go to variations, and now I need to create variations based on the attributes. So I click over here. I click on create variations from all attributes and I click on go. I’m sure I want to do this and there’s a maximum of 50 per run, but what but we have only 8 so… And if you have 60, you can do it twice and then if all variations you want. It is doing some calculations and 8 variations are added. Amazing.
I can expand them all by clicking here and I can give every variation individual information. So I can say 0002A SKU and over here 0002B, 0002C, 0002D etc. If you want to do that, you can give everything a different SKU.
I scroll up to the first one. So this is small and white, and I want to have a regular price which is $19.95, and this has a point in the middle. The regular price for all. So I will also paste it over here and here and here. Instead of doing it everywhere individually, if all the prices are the same, I can click over here and I can set regular prices for everything. If I click on go $19.95, I click on OK. Save the changes. So I expand them again and now everything also below is $19.95.
And if it’s not working, sometimes you need to do it the second time. So set the regular prices, go and then again paste it and the second time it should be fine. So in my case, it worked the first time. So what else? We can manage the stock and I think it’s perfectly fine. So what I want to do, a few more things. I want to add T-Shirts and merchandise to the category. I want to add white t-shirt summer mode 2020. Add it. Then I want to add a product image over here – the white front. And then I want to click on these images and this one is white, so I select the white front and the black front. I don’t know it’s black, it’s quite dark, I can take a look over here it’s front, white, white, black, white, and black, white, black. Okay. I’m looking forward to show you how it looks now. I click on publish, and now if I hold CMD when I click over here I can see the product over here.
So what we have over here is a t-shirt and great thing is you have to choose an option, so you cannot say I did not choose the size because the size was by default small and the color white. Now you need to choose it yourself. So I want to have a large T-Shirt in black, and when I do that I select black, this image will be shown. I can add it to the cart and then I can say, I also want to have an XL and add it to do cart. Now if I take a look at the cart, you see this t-shirt “L Black T-Shirt, XL Black”.
I go back to the shop, I click on the T-Shirt. Now what I want to do, I want to make the XL t-shirt a little bit more expensive. So I can go back to variations, expand them all or I go to excel, click over here and then I say this one is $24.95. Same goes for the black one – XL $24.95. Save the changes, refresh the page and now you see, it is between $19.95 and $24.95. So if I choose M in black, men in black, it is $19.95, but if I choose XL it is $24.95. So in that way you can use variations in your products.
Okay. I want to create my third product. I hover our new product and this time it is a service. So I can say “zoom session with Ferdy.” I skip the long description, I go to product data. It’s a simple product but this time it’s virtual and it’s not downloadable. So when it is virtual and not downloadable, it’s often a service like a Skype session or a coaching session and then we can set the price – let’s say $299. And by the way, I do not offer the service in real life. I want to focus on creating tutorials. Inventory: there’s no inventory, because it’s a virtual product. Link products: no. Attributes: no. Advanced > Purchased note: I can say, “I will get in touch with you to make an appointment.” Enable reviews — maybe people want to say how great it was to have a Skype session with me and then here there’s a short description. I would like to say, “Ask me anything in a one-hour zoom session.” Then I want to add a product category which is services. I can have tags — zoom, Ferdy, coaching. And then a product image. I’ll do this one. This is still me from six years ago, smaller version of myself. I still like this image. Okay. If I publish it. I can take a look — zoom session with Ferdy. Let’s change it to a “one-hour zoom session.”
I copy the title and then I go to permalink. Right now, it’s ferdykorp.com/product/zoom-session-with-ferdy. I edit it and I changed it to “one-hour-zoom-session-with-ferdy.”
So I go to the shop, then I go to the “one-hour-zoom-session-with-Ferdy” and then this is how it looks. And I want to say that you can only have one. So I don’t want people to say, I want to have a five-hour Skype or zoom session with you. So, I go to inventory > sold individually — update. I go to the shop, then I go to the zoom session and then it’s add to cart. So let’s talk about categories again. I go to the shop, I close this and now if I go to the hoodie, I can see we are here at merchandise hoodies. If I click on hoodie or hoodies, I only see one hoodie because there’s only one product that has the category hoodies. But if I click on merchandise which is also a category, I see two. Why? Because t-shirts also has the category merchandise. So if I would go to the shop and I say that my Skype sessions should have the category “hoodies”, I added hoodies, update, I think you know what will happen now. When I view the product, and I click on hoodies, guess what? I will see two products. So that’s how it works. If you have a big store with a lot of products, categories are really important. Uncheck this, update and now I want to create a new product. New product. And this time I want to add a downloadable product. It can be an e-book it can be a ticket for something and in my case, it is an e-book. E-book: How to Become an Online Entrepreneur. Okay. So this time it’s a simple product but it is virtual and it’s downloadable. So the price is $19.95, or you know what — it’s $9.95, and then the downloadable file. So when people buy it, what should they download since it’s a downloadable file. I click on add file and I can have the URL over here, so I will find a URL. So I can paste the URL over here and then I want to copy the title – how to become an online entrepreneur – over here. I can also have more files. I can say download limit, like people can only download it 10 times and after 365 days the download can expire. I can leave it blank to have unlimited downloads. Short description — learn how to become an online entrepreneur. That’s my son if you can hear him, he’s playing in the garden. I’m sitting in my shack over here. We are going to move in two months and then I will have a beautiful office. Right now, I’m sitting here between my bicycle and the fridge and a few lamps. I don’t know. I’m not that good in writing text.
So there’s a product image and it is this one. It looks more appealing when you have a cover like that and then we go to categories > add a new category > ebooks > new category — awesome.
One more thing, one more thing I want to show you, I can also say it should become active from next week on. So from that day on, then you can buy it and they can send email to your email list if you have one, like okay, from the 28 on I will sell my new eBook blah blah blah.
I publish it, I view the product and that is a eBook “How to Become an Online Entrepreneur,” for this price. Add to Cart and again I only want people to buy one. So I click on add a product and add inventory. I check it. Okay. So far so good.
Let’s take a look at another product. It’s called an affiliate product. What is an affiliate product? It’s that you sell something on your website and when people click on the link to buy it, they go to an external website with your affiliate link, and when people buy that product on that website through your link, you get a commission. So I will show you how you can create it.
I go to new product, and I call this one Elementor Pro. It’s a beautiful page builder — a pro version. We will use a free version and the regular price is $49 I think. There’s no sale and I change the product data from simple to an external product. The product URL is https://ferdykorp.com/elementor. The button text is “more information.” Here’s the price. I can have an image. Elementor. Actually, it should say Elementor Pro and there can be a category — plug-ins or tools or software. Okay. Publish. I view the product and now when people click over here they go to Elementor Pro or to Elementor, and then I go to pricing and when they buy it, I get my commission.
So I go back to my website, and if I take a look at the shop, I would like to say so far so good.
There’s one more different product you can create and we’re going to create it right now. I hover over new. I click on product I call this USB stick. I scroll down and I want to change this from a simple product to a grouped product. I can have SKU over here, let me say 0006; okay that’s it. I scroll down. I go to the product image and I choose USB stick. Awesome. Here I can say choose a size for your USB stick. Over here, I can say electronica. Ok. Publish. And if I view the product, look at this. Choose a size for USB stick and there’s nothing. So now we need to create three individual products that will be shown over here. So I’m going to create the first one new product and I call this one USB stick 32-gigabyte. Then I go to catalog visibility > edit, and I say “hidden.”
So I hide the product itself from the shop, but it will be shown in this product over here. So that’s how I will do that and I can have the image over here, which is also the USB stick. Then I want to publish it over here. What I can do now, I can copy it to a new draft, so I will do that and that’s my second product which is 64 gigabyte. I copy it, edit, paste it; okay. Publish. Oh, I need to create a category; update. Then I copy to a new draft and this time I say 128 gigabytes. Copy it; paste it; ok. Publish. Awesome.
Now I go to the USB stick. I click on edit product. I close this, I scroll down and I go to linked products and then here it says grouped products. I search for 32 G, then for 64 G, and then for a USB and that should pop three things up. I choose the third one. Okay. Update. Now if I view the product it says “Read More,” so I can click over here. So I go to this individual product, I click on edit product and I say this one is $19.95 — update. View the product and I go to the shop, there it is. Then I click on those two, copy them, open them in the new top. I totally forgot the price. Edit, CMD tap, CTRL tab open or edit, sometimes I say things wrong and then I just continue. So this one is $29.95 — update, and the third one 128 G is $39.95. I know it’s expensive but it’s just to illustrate a point. Close it. Close it. Refresh the page and now I can say I want to have three of these or two five of these and two of these. I click on Add to Cart. View the cart and there they are: 32, 64 and 128.
So if I take a look at the shop now we have created six different products — a simple product, a variable product, a service product, a downloadable product, an external affiliate product, and a grouped product.
So with those six things you can create almost any product you have in mind and in that way you can fill up your store with a lot of beautiful products. So now we have six products. I want to do something. I want to talk about upsells and cross-sells.
So I go to the first product the hoodie and I click on edit product. I scroll down and go to the product data and then I want to go to linked products. I can do two things. I can do an upsell and I can do a cross-sell. Upsell is showing a product on the same page as the product that people are looking for and then suggesting other products. So if I would say USB, I can grab this one as an upsell and I can go for the t-shirt. And if I update it and I view the product in a new tab holding command or control on the PC, here below, I will see this. You may also like and those two products. If I go to t-shirt, I see related products, it sets automatically. But you can also decide what you want to show over here by doing upsells.
Then there’s cross-sells. If I want to go to the checkout. So I want to grab this, add to the cart, view the cart. I can also show something over here. So if I would go to the products and I go to a T-Shirt. I can say at the checkout, I want to have a cross sell which is Elementor. Update. And now if I refresh it, since the T-Shirt is over here. If I remove this and I go again to the shop and then to the checkout, or to the cart and I remove the other t-shirts, the black ones; it’s still there. But if I go to the shop now and again to the cart, it is not there. Why? Because I have no t-shirt over here. So based on what you have in your cart, you can show cross-sells. Well, I personally do not like to use it but if I go to the hoodie, it gives you a little bit more control about what you want to show over here. So you can do upsells like that. Okay, if I take a look at the shop, it’s quite a big shop like this; the images are big and I like to have a sidebar over here at the right. So how can I do that? I close this and I go to the customizer. We use Estra theme. If you use a different theme there are different ways to adjust this. But in the Estra theme you can go to the sidebar and by default, there’s no sidebar. But I can say on a WooCommerce website or on the WooCommerce pages, WooCommerce, I want to have a right sidebar and at a single product I want to have the default one, which is this one and that is no sidebar.
So right here, I see some space but there’s nothing, why? We need to add some widgets. So I click on publish, then I close this and then it looks like this. Now, I want to add a few widgets. How can I do that? I go over here and then I can go to widgets, or I go to the dashboard and then at appearance, I can go to widgets. A widget is an area in your website in the sidebar that gives your website more functionalities. So you can have an active product filter, you can have archives, audio, the cart, custom HTML — you can filter products, you can have a gallery and all those things over here. So what I can do; I can take a look at the main sidebar but there’s also a WooCommerce sidebar. If I open this, I can drag widgets into the sidebar. So let me see. What I like is filtered products. I don’t see the whole text. So let me drag this over here to see it — filter products by price. I like that one. It’s automatically saved. So if I go to the website now, I can go to the shop and there it is — filter by price. What does it mean? I can say I want to search for a product that is between $0 and $50, if I click on filter, this will update and only the products within zero and fifty dollars will be shown over here.
So if I would say between $50 and $300, it will update and you only see this one because this one is $300. If I make this a little bit cheaper and I filter, it there’s no product, and in that way you can filter products by price.
What else? If I take a look over here, you can take a look at product categories. I can click over here and I can select the WooCommerce sidebar, and add the widget. Then I can configure it. I can say categories you can order them by name or category, you can show them as a drop-down product accounts, how many products there are per category. You can show hierarchy like the subcategories and if I save it, and I take a look, I refresh the page, it looks like this — categories and it looks really beautiful, really clean. I really like Estra.
If you want to see it a different way or you don’t see it this way, you can click on customize, go to Global > Container, and if you take a look at the WooCommerce layout, you can say make it Boxed or Content Boxed, and then there’s no box any more over here. Or Full Width/Contained like everything is right now, or Full Width/Stretched. What does it mean? It means that everything from the shops totally from the left to the right of the screen. So if I make the screen smaller, it is still totally from the left to the right. Well, I don’t like that.
I prefer the default one which is in this case Boxed. So I like this. I have not changed anything, so I’ll leave it as it is. I close it without saving. So like that, then there’s another one; you can have the cart. Let me see Cart, cart where are you, the cart. I can also drag it again. I can also change the order. So if I collapse everything, I can change the order like that and I want to bring the cart down. So if I open it, there are few options — height if it’s empty, so I click on save, refresh the page and if I scroll down, there it is – our cart. It looks beautiful. Only the check out looks a little bit weird. And if I make it empty, by closing things over here it will be hidden.
So if I go to the shop, it is gone. But if I add something, I go to hoodie and I add it to the cart, and I go to the shop then it appears.So that’s how it works. There’s another thing you can do. We can show a few featured products. So if I go to the widgets, I can search CMD+F or CTRL + F on PC, featured. I don’t see them. Okay, that’s not working.
So I can search for products by rating, or products. If I say products and I select WooCommerce sidebar, let me see. All products. Okay, here I can say featured products; show three and I want to show the featured products. Order by: date, or price, or random. I do random. Descending or ascending, it doesn’t matter when it’s random. I can hide free products and I can show hidden products. I want to hide hidden products. Save it, and what you will see now is exactly nothing. Why? We don’t have featured products yet.
So what I can do, I can go to the back end, then I go to products, all products, what you see over here is a star and it says featured. So I can select the three featured products, the ebook for instance, the one-hour zoom session, and, of course, the hoodie. So now if I go to the shop, we see the featured products. So you can feature a product or you can say “on sale products.” So if I select that, you see all the products that are on sale. In this case, it’s only the hoodie. So I can delete it and if I refresh it, it’s gone. So that’s how it works.
You can also add more widgets by going to plugins > add new and then for instance, I have a Facebook like box it’s not configured but at the shop page I want to focus on shop related widgets. Later, we can take a look over here; if we want to, we can add more widgets over here. But actually, I like it the way it is right now. The question is is it necessary because you can also see it over here. But I’ll leave that up to you. Now, I want to take a look at the rest of the page. How can I configure this? I click on customize, I close this, then I want to go to WooCommerce and go through these settings. Store notice, do we want to show that it is a demo store? Then you see this over here. I’ll check it. I go back then that’s the product catalog, shop page display. Show the products or do we prefer to show the categories. So if you click on ebooks then you’ll see all the ebooks. You can also do both — the products and the categories but I prefer to have only products.
Category display: show products in that category. So if someone clicks on a category, for instance, over here, how should it be displayed? Well then I want to show the products or I can show the subcategories.
So if I would go to merchandise, you would see hoodies and t-shirts which are subcategories of merchandise. I prefer products default product ordering. It’s custom ordering. So if I go back to the shop, it’s a custom. So I can say average rating, or based on the most recent one. So this was the first product we created and this was the last one. Sort by price ascending or descending, so this is the cheapest one and this is the most expensive one. I can change that.
I say, you know what, default sorting. You can also change it over here as a customer. Change it by popularity, average rating, the latest, low to high, high to low. And you can change the width to something smaller. I see no reason why I should do that. Then you can see the amount of shop columns right now is 3, I can say 4 and if I publish it, and I close it, my page becomes a little bit bigger and then it looks like that. So if you prefer that, you can do that. I click on customize again. I want to bring it back to 3. So I go to the WooCommerce settings, product catalog and I bring this to 3. Then products per page, I want to show nine. You can also say 12, and then you need to go to the second page. Then the shop-product structure. Right now, we see an image, we see the category, we see the title, the review and the price. I can put a price on top if I want to and then you see it over here. So you can change it. I like to have the title on top, then the category, the rating, and the price.
I can also show a short description if I have one, and add to the cart like that. And then you can add it to the cart immediately without clicking first on the item. Well, that’s up to you, I prefer to turn it off, but I’m in a good mood, I want to turn it on so let’s keep that way.
I go back, then to the single product, disable the Breadcrumb, I go to the single product and then over here you see Breadcrumb — Home/Services/ and then the service. If you go to shop and you go to the hoodie, you also see the subcategory, you see the category merchandise / hoodies / hoodie.
If you want to disable to click over here. I think if you have a big webshop, turn it on. Disable it if you have a small webshop. You can disable it. This is handy for navigating through the website. So you think hey, this is nice hoodie but I think there’s a better one. You can click on hoodies and see all the other hoodies. Go back. Product images. Actually, I leave it as this. I think the quality is great. You can make it bigger but for this, it looks perfect. You can say 500 and then the quality becomes a bit better.
Then there’s the thumbnail cropping. Right now, it’s a square. You can also say I want that to be a custom 4 x 3 and then you see real-time update. I like 16×9, but for the images of the store, I don’t like it because then things will be cropped and it looks a little bit weird. So I can also say uncropped and that means that one image is bigger than the other depending on how I cropped it before I uploaded it. So I prefer a 1×1 and I go back. I go to the cart, and when you click over here, I go to the cart. Let me see, I need to add something. Add it to the cart. Now it is added. Click over here and it’s a bit smaller, that’s why those buttons interfere with each other. Enable cross-selling — this is over here. I can turn it off. Go back. Go to the checkout and then you go to the checkout page, also a little bit smaller than normal because of this area. Company name fields, do you want that? If you sell to companies, business-to-business, you can say it’s required. So you need to have a business in order to buy things over here. You can also hide it and then this area is gone. Well, I like it to keep it optional.
Address line 2 field, well, street address and the second one, I like to hide it. Just leave your complete address over here. A phone field, right now, it is required and when it’s required, you see am asterisk behind it. I can say optional. So it’s optional over here. Highlight required fields with an Asterisks. I like that. So when you need to fill this in, you see this Asterisks.
So, then you can change this text if you want to. I like it. I click on publish and then it looks like this. If I go to the checkout, I don’t like this area over here and I don’t like this space. So how can I change this page individually. Edit the page and then here at the right, I want to have no sidebar, and I want to have a disable transparent header. Update, preview it, and now we have a normal area over here with space and this looks beautiful. Same goes for the… let me see, yeah this area, it also looks weird. So I click on edit page and I want to do the same. No sidebar and disable the transparent header. Preview. So that looks better.
So if I take a look at what we have so far, we have a beautiful shop. I can filter things. I can buy them; add them to the cart. Here I can click on select options, so I want to have an S in white. I want to have 3 add them to the cart. If I view the cart here or over here, or just here, it looks like this. Beautiful. And if I change something then I can update the cart and then the price will be updated and then we can proceed to the checkout, and then we can fill this in. I think this looks beautiful and we’re working with free tools. I really like this.
So talking about how I like it, I can also change the colors. Let me show you how you can do that. I close this and I close this. If I go to the customizer, I can change the logo, I can change the colors of the website and change the look and feel. How can I do that? I can go to the header, to site identity, right now we have this logo. I can also change the logo and then I can click on upload files > select files and I can go to one of my folders, let me see 6, and I can use this logo for instance. I can also use a Retina one or I can choose let me see FerdyKorpMediaLogoRetina. I use this one I can optimize it, remove the dashes. Copy it; paste it; select it. I skip the cropping and it looks like that. It has beautiful color. If I want to check that color, I use a color picker. I have tutorial about it, or I go to my folder, to folder 6, FKMedia, to the colors and then there’s the first code. I copy it and then I can change it. Okay. I’ve copied it. I will paste it later.
First, I want to add my retina logo which is actually the same. I can change the width, you can make it bigger or smaller, and I can have a site icon over here. Right now, we see WordPress. If I click here on select site icon, upload files, it needs to be square file and the best is when it is a png.
So here it’s 200×200, FerdyKorp. I open it; select; skip cropping and now we have a beautiful area over here. If you have a lot of pages that are open, and once you can see you’re on the FK media website, so that’s what I like. So we still have the color. Paste it. I click on publish. I want to go back, back and then I go to global > colors > base colors and right now it’s an orange color – the theme color. I want to paste this color over here which is more purple. You don’t see it everywhere yet but I can also paste it over here, the link color and everything that’s a link now is purple.
Also over here this area and then there’s the link hover. I would like to use a different color for that. Copy, that one and then the heading color can also be this one. Publish. Close it and now the color orange is gone. Oh no. Also here when you change, I can click on customize again, but with a few configurations you can change the look and feel or colors of your website.
So let me see. I go to global again. Buttons > colors. I click on colors and then the background is this one. When I hover over it, it can be this one but a bit darker for instance. Ok. Publish. Ok then I go to the menu over here. I want to make it capitals. I prefer that and I can do that by going to menus over here, main menu. I click on home and by the way home, I can remove it because if I click on the logo over here, I go to the home page same with Apple. You go to a certain page, you want to go back, there’s no home, click on the logo and go to the home page. So I remove this one by clicking here and then remove, then at About, I want to make capitals here at the Navigation Label by clicking here and then change it to About. Shop capitals, Contact and publish. Close it. So this is the shop page and everything is in the color of our theme of what we want.
One more thing over here. I want to change the logo. How can I do that? I can hover over here and I can edit the footer. This is Elementor. I’ve complete tutorials about Elementor. If you go to YouTube, you can search for “Elementor Ferdy” and I have ton of tutorials about this subject. it’s a beautiful page builder and you can learn a lot about it. If you want to know which video is the right one, go to FerdyKorp.com and then two tutorials, how to make a website for free, and then this video. That’s the most up-to-date one.
Right now, I click here. I want to change the image > upload files > select files and I like to have a white logos of everything I have. So if I say space, it’s the white logo, same logo but now in white, and I insert it and I make it a bit bigger, and create a bit more space. Advanced : uncheck, button: increase, like that. Update.
Over here I can add my Instagram and same for those other ones, I have no LinkedIn, no Twitter. Update. Okay. Take a look at the changes, then you only see the footer. So I need to click over here and I need to click over there. Again, and now I can go to the shop again. So far, so good. I like it.
So guys, ladies, are you still having fun? I hope so. Let’s go to the next subject – we’re going to talk about the settings of WooCommerce. So we go to the dashboard, then we go to WooCommerce, reports — no, just kidding — we go to settings. No. It’s not even funny. You need to leave your address over here, I think it’s mandatory in a lot of countries. So I fill in the address and then there’s the question where do you want to sell to. Do you want to sell to all countries or a specific counter or to all countries except for Burkina Faso in South Africa. I’ve been to both countries. I love them. I love Africa. So that’s why I thought about that country. I can also say I want to sell to specific countries and I would like to say the United States of America and Canada. The shipping locations well, I would like to say ship to all countries you sell to. Who will ship to all countries if you do not sell to all countries. So default customer location, you can say based on the shop base address or geo-locate, or geo-locate with page caching support. I would like to say geo-locate so they see automatically if somebody comes from Canada or from United States.
Enable tax rates, we will talk about tax later, so I’ll leave it as this. Enable coupons, we will also talk about coupons later. Then the currency, we’ve talked about it already. I leave it as it is. Save all the changes and then we need to configure geo-locate. So what I will do. I hold commands and I click over here. So I can go to the documentation of it and I can generate 25 license keys. Well, why not do it? MaxMind GeoLocation. Okay. Sign up for GEOLIGHT2. I’ll leave my company, name, address — all that stuff. Choose one, the industry, eCommerce, Netherlands. Well, for me it falls on their language location and I can leave my email address, my phone and then I agree and I say continue. Thank you for signing up. You will receive an email with instructions then you grab the API key. I need to create a password and I copy the token and I click on reset password. Okay. I paste the code over here and now GeoLocate works.
It says it’s not active but if I just created it, it needs to take a while. So I go to general again and that’s fine. I go to products, I close this, I close this and the shop page which one is it? Well it’s already shop page. You don’t need to change this. Add to cart behavior: Redirect to the cart page after successful addition. If you have a one product page or website you can say that when people buy something, they add it to the cart here at shop. If I say I add this to the cart, I immediately will be redirected to the checkout. I prefer to leave it unchecked. So when people add something to the cart, they stay on the page and they can buy more stuff. Enable AJAX add to Cart buttons on archives: yes. Just leave that on. Placeholder image. Leave it as it is. The weight, you can change it. O leave it as it is. Enable reviews: yes. Show “verified owner” label on customer reviews. That means that if somebody bought something and they will become a customer when they buy something, and they leave a review, they are a “verified owner.” You can check that. Reviews can only be left by verified owners — that’s up to you. If you don’t want strangers to leave a review, maybe they are competitors and say negative things, you can check this, so that only people who bought your stuff they can leave a review. I think that’s a good thing.
Product ratings. Enable star ratings on reviews. If I take a look at the hoodie, you see star ratings. You can check that and star ratings should be required, not optional. Yes. I like it to be required. I save the changes and then we can go to inventory. Enable stock management, hold stock for 60 minutes. What does it mean? If I have over here 50 hoodies in stock and I say I want to add 10 to the cart. I go to the cart and I change this to 10, update the cart. It is actually now reserved. So if a different customer comes now and he wants to buy 41 hoodies. It will say sorry we only have 40 left, and the question is how long should somebody have the first right to buy those. So I would like to say 10 minutes. That means that if somebody put them in the basket, he has ten minutes, the first right to buy those hoodies. If someone else comes and wants to buy 41 then it will say sorry, that’s not possible. But after ten minutes, if he’s still shopping, then he loses the right and somebody else can buy 41. So that’s how it works. I like to say ten minutes because I think in 10 minutes people can buy things on the Internet.
Notifications – Enable stock notifications: yes. Enable out of stock notifications: yes. You get an email when you have a low stock for product and when you have no stock anymore for a product. That email goes to this email address so you can choose one. Low stock threshold: I would like to say 20, depending on where you things. If you buy things from China it takes four weeks before they arrive. Then you can say you know what, I have 50 left. So depending on how much you sell. If you sell five products per day, that means you have ten days left to get new ones. So in that way, so in that case, I would like to say 300, if you have 300 left. It totally depends on what you sell and how fast you can get new ones. Out of stock thresholds: yeah that’s zero.
Hide out of stock items from the catalog. So if I’ve no stock for a certain product, I can hide it from the catalog, but I I like to leave it into the catalog. Stock display: always display. So right now, it says there are 50 or only show quantity remaining in stock. Only this much less in stock instead of in stock. So a small difference, this is the difference — only 50 left in stock or just 50 in stock. So you can change the text there, or never show the quantity remaining in stock. So I save the changes and it says nothing. It just says in stock, not how much. Well I like this first one; save the changes and then I go to the third one — downloadable products. File download method, so it will be forced download so when people buy it, then immediately the file will be downloaded. Does a download require a login: no. When people buy something, they can immediately download the thing they bought. Grant access to downloadable products after payment: yes, of course. First I want them to pay and then they can immediately download it. File name: append a unique string to filename for security. Do this otherwise people can, by reason maybe figure out to where the download pages are. So if they see there’s an e-book that’s called “make money online,” again try ferdykorpwp.com/make-money-online.pdf and if you add a string then it will probably be called something like this. So, yeah, turn it on. Save the changes. And then we can skip shipping because we will talk about it later. We can skip payments and we can go to accounts and privacy. I skip payments because we’re going to talk about it later.
Accounts and privacy — allow customers to place orders without an account: no. I want everybody to be to get an account. Allow customers to log in an existing accounts during checkout. So they go to the checkout and they can leave older details, but if they already are a member they can log in over here and then there is all this information that will be filled in already because we contain that information, because we have that information already that’s linked to the account. So I turn it on; save the changes; refresh the page. You don’t see it over here because I’m logged in already so then you don’t see that. But if someone is not logged in they can log in over here. So I turn it on.
Account creation: allow customers to create an account during the checkout – yes, of course. So while you’re here for the first time, you can create an account by filling in these details and then you can create an account. Allow customers to create an account on the “my account” page: no. Only when people buy something, they can create an account. When creating an account, automatically generate an account username for the customer based on the name, surname or email — yes. They cannot use their own account name, we are creating it for them. When creating an account automatically, generate an account password, yes and then I will show you later how you can change that.
Then I can say I want to remove certain inactive accounts after a few months or a few days. I leave it all as it is. I save the changes. Then I go to emails. Those are the emails I get when there’s a new order. I get an email on my personal email account when an order is cancelled. I get an email from that when the order is filled, I can email about it and this is all for the customer. When the order is on hold, when we’re processing the order, when the order is completed and the great thing is that we can change some things. So if I click on completed order, I can click on manage, I can change the subject, I can change the email heading — “thanks for shopping with us,” I can say “thanks for shopping at FerdyKorpWP.com” so people recognize where it’s from.
Additional content: thank you for shopping with us, if you have any question feel free to reach out to us. We are happy to help you. Save the changes and if you want to take it to the next level, you can change the custom PHP and in that way change the order. I do not have much knowledge about PHP. I would ask someone else to do it for me.
So we scroll down, all those emails from, from who is it? You can say it’s from PS5 tools, chargers and stickers or you can just say it’s from ferdy korpershoek and then PS5 shop. From the address email@example.com. The header image, so right now if I save this and I scroll down again. I can take a look at the preview of an email template. Right now, it looks like this. Well, it screams WooCommerce standard. So how can we make this a little bit better. I close this and I want to go to media library. I hold command, I click and then there’s this image over here. I want to copy the link. Copy; and I want to paste it over here.
Then there’s the footer text. I want to say, “Thank you for your trust in us,” and then there’s the base color. So I go back to the colors, copy and paste it. Then we can change those colors and I like it the way it is. So right now, if I take a look, it is a bit more personalized. It’s also a little bit big, so I can grab a different image, media library, grab the smaller one, copy and paste it. And if it’s still a little bit big, what we can do, refresh (that’s the same one). Okay, what I can do now, I can go to the library, I can click on add new > select files. I upload it again. This one, this time the normal one. I can click over here. I can click on edit image and I can change it to 250 pixels and click on scale and I think that should do the trick. Close it. Click on library again to refresh it and then over here, it is made smaller. I can copy the link and I can paste it over here. Save it and then refresh this and now this looks better. FK Media — different color, and the text will be created based on what kind of email they will get.
I can also click here, then you see text over here. You can change it. Okay. That was it about emails.
Then there is something about integration but we are not going to integrate something. Of course, only the MaxMind license key. I had it in my email so I should paste it over there and then I should go to advanced, the cart page. Well this is all already okay. Terms and conditions, choose the right page for that and you can change the checkout endpoint URLs. So right now, if people want to pay, this they go to ferdykorp.com/order-pay. If you have a different language, you can change this to a different language and over here it says what it’s about. So you can change those and also those. I’ll leave it as it is. I save the changes and then I go to REST API. I will do nothing with that. Webhooks: no. Legacy API: no. WooCommerce, if you want to, you can allow them to get to know better how people are working with WooCommerce and then they can make their product better. I leave it as it is. I save it.
Now I want to take a look at coupon codes. So over here at WooCommerce, I can go to coupons, it’s a little bit hard to pronounce but I know that you know what I mean. So here I want to add my first coupon code, so I click over here or if you’re in a really good mood, you can click over here and it will bring you to the same page. Here we can enter the coupon code and keep in mind that this is the code that people need to fill in in order to get discount. So I can say 10% without capitals. I can give a description — you applied 10% discount on your complete order. Then I scroll down a bit, coupon data. We have three tabs and the first one is general.
The discount type — we can have fixed discount. For instance, a fixed amount of money. We can have percentage or a fixed product discount for a certain product. I say percentage and the amount is 10. If you want to know more about all these options, you can hover over here. Value of the coupon. We can allow free shipping. So I also can say Free Shipping and then remove this area over here, remove this and just check this and when people enter this free shipping, they get free shipping. I will use a percentage of then and I say over here 10%. But that’s what you also can do. I can also say that this will be valid until the 31st of May 2020, and after that it’s not valid anymore.
So I can send email to my email list, until the 31st you can have 10% discount on my awesome webshop, where you can buy zoom sessions and stuff. Usage restriction, the second tab, the minimum spend. I can say this coupon can only be applied when people spend a minimum of twenty dollars. Let’s make it 10 or a maximum of $500. So when they buy something for $600, they cannot apply the coupon code and when they buy something below $10, they can also not apply this. If you want this coupon code to be the only coupon code that can be active at the same time, you can check this. Because when you check this, visitors cannot apply three different coupon codes for this website and get a lot of discount. So you can only use this one, not in combination with another coupon code.
Excludes sale items, so if I go to my website and I go to the shop, I see I have one item for sale. I can say it will not be applied for the product that is for sale. We could also say apply this for only one product, for instance, the t-shirt or exclude a product for instance the t-shirt, or different products. We can do the same with categories. You can say it is only for a certain category or we excluded only for a certain category, and I can also say, you know, some people that have bought for thousands of dollars on my website, I can track their email addresses and then I can put them over here so WooCommerce knows only people with this email address, those users can apply this coupon code. So I can say to people that bought for thousands of dollars, we want to thank you for everything you’ve bought, we give you extra discount. So that is what you can do and then there’s a third tab usage limits. Usage limits per coupon. I can say this coupon code is only valid for 25 times. Limit usage to x amount of items. I can say the discount will only be applied to the first three items. You can do that. I leave it to unlimited and I can say use this limit per user. So over here I can say everybody can only use it one time. So the first 25 people before the 31st of May can use this coupon code.
You need to spend a minimum of ten dollars and a maximum of $500. You cannot use it in conjunction with other coupon codes. You cannot use it for sale items and that’s it. So I click on publish and now I want to test it. So what I want to do, first I want to show you how not to use it. I go over here and I remove everything, and then I go to the shop, I scroll down and here I see the sale. So if I add this to the cart and I want to view the cart, and I say 10% it will not be applied, why? This coupon is not applicable to select products, and why because it is a sale. So okay, next option, shop. I go for this ebook. It will also not be applied, why? Because it’s below $10, the minimum spend. Okay. I think it’s clear. Let’s do something that is applicable — the USB stick. So I want to have a few of those, add them to the cart, view the cart and now if I say 10%, apply it and now it says coupon code applied successfully.
So here I see 10% of the subtotal is being subtracted and total amount is still 90% left. Awesome. So that’s how it works we can do something else. I can add a new coupon code and this time I say $20 — get a discount off $20. Okay. Discount type – fixed. Coupon amount – $20. It will be available for an unlimited time. There’s no minimum spend, no maximum spend. Well the minimum should be $20 at least, otherwise people can buy things for free. So let’s say minimum is $50, no maximum. Individual use, so it cannot be used in conjunction with other coupon codes, and it’s for all products, it’s for unlimited usage per coupon and per user, I publish it. I think I need to refresh the page and then I say $20, apply the coupon — coupon code applied successfully. Now the other one is gone. So you see it cannot be used in conjunction with others. If I would turn it off, over here update, then let’s see, 10percent, apply and then again $20, apply. It says “Sorry, coupon code 10percent already has been applied it cannot be used in conjunction with other coupons.”
Okay. So if I would go to all the coupons, I hope I pronounced it right. So over here 10percent, I turn this on-off, refresh and out there is 10percent and there is $20 and I can use them both. Okay. What else? Ok, the third one, I say, or everything small capitals, ebook, get $5 discount or off for the e-book, I don’t know if that’s correct English, Grammarly, is it? It seems to be. I can check fixed product discount, how much: $5, for: the e-book.
Okay. I publish it. I refresh this page. The e-book is over here, so if I say ebook, I apply the coupon. Coupon code successfully applied. There it is. But if I remove this, it says, “Sorry, it seems the coupon ebook is invalid, it has not been removed from your order.” Why? Because it’s only applicable to the e-book. So that’s how we can play around with discounts and discounts are a beautiful way to attract visitors. You can send an email to your email list, you can even go to Facebook, do advertising and say, “Hey, get 20% discount only for the first 25 people.” In that way you can get more clients, get more sales, get more money and give that money away to people that need it or do other things with it. So that’s what you can do with discounts.
So now let’s talk about my favorite subject – NOT. Let’s talk about taxes. So I go to the backend, and I’m not talking about the state Texas, I’m talking about taxes — paying tax to the government. So let’s go to WooCommerce > Settings and in general, I scroll down and it asks me enable taxes, do you want to enable taxes? Yes, I want to. When I do that and I save it, there appears a new tab over here which is called tax. Prices entered with tax, do you want that? And here you see explanation what it means. When you add taxes, that means that when something is $20, then the taxes will be added and it will be something like $26. Well, I prefer not to do that. So I say, no, I will enter prices exclusive of Tax.
The question is do you want to have prices with tax? If you are focusing on people that want to buy things for the personal life, I would like to say include taxes in the total price and then still keep the item $20 and then you will subtract the taxes from your profit. So I will say yes. If you sell to businesses, I would say, no enter prices exclusive of tax. Calculate the tax based on the customer shipping address, customer billing address or the shop base. While I do the customer shipping address.
Shipping classes — you can a standard, reduced or zero and I say shipping tax class based on the cart items, why? Because every item can have its own taxes, like standard, reduced or zero.
Rounding — round tax at subtotal level instead of rounding per line. Well if I go to the website, I go to the shop or over here view to Cart, do I want to show the taxes over here per item or only here at the total? So I say only at the total. You can add more tax classes. Right now, we have the standard one which is always there, then reduced and then zero. And if you add some over here, it will be added over here and you can assign products to your own made taxes rate, right. Those two are enough for me. I will talk about it later. Display prices in the shop excluding talks or including? Well it depends again, do you sell to people that buy it for personal use or for their business? I like to talk about including tax. Okay, you know what? I will do as if I will sell to business so here I say no. I will enter prices exclusive of tax and then here display prices in shop excluding tax, because businesses can always subtract that and get their money back from the government. So they don’t have to pay for that. Of course, they pay it at the moment itself but they get it back from government.
Display prices different cart and check out — well, then I say include tax. So at the checkout, they can see the amount of tax. Price display — I can say this is ex. VAT, that it means it’s without the VAT. And if I save this and I go to the shop, everywhere I see price, I see this is the amount ex. VAT. So let’s leave it like that. I will show you a few things and then I will also show you a way to do it on automation. But first, I want to show you how to do it manually. So I like the settings, what we will do now, we can go to the different rates and if I go to standard for instance, as I told you I sell to the United States and to Canada. Well, per state there are different taxes for different kind of products. So if I go to taxjar.com/states, I can see per state what the taxes are. So I click over here and Oregon does not have sales tax. California 7.25% and in that way you can see per state what the amount of taxes people have to pay.
I will show you how it works. For instance, I want to go for the United States, so I type United States and there it is. I select it, I can say for the state California, I can even narrow it down by choosing a zip or a city and the rate is let’s say %7.25 as far as I know. The tax name — I leave it as it is. The priority is okay and I want to also add Taxes over the shipping costs. So everybody that enters my shop from California has a rate of %7.25 of taxes. So I click on insert row and I can say United States and I can say Florida, and there it’s maybe 10%.
I can create something for Canada and for the whole country Canada, there will be 15 percent of taxes. If I think this is perfect, I can save the changes and excuse me I need to use a point. So I say 15, 7.25 not a comma and here is 10. Yes. Save it like that. So when somebody comes to my website from Florida, they pay 10% taxes on everything. California 7.25% and from Canada, 15 percent. Then for different products I have a reduced rate. So again I can say from the United States, California, there is only 5%. For instance, for books in the Netherlands when people buy books they only pay 9% taxes instead of 21%, which is the regular taxes. So I save it and then there’s also the zero rate, inserts and that is zero. Let’s say for the whole world and also here. Wait, let me save it. For the whole world, let’s say nothing over here so the whole world that enters my website pays 5% reduced rate and the whole world pays 10%, and I select this one and I remove this one. So the whole world pays 10% for the normal rate, 5% for the reduced rate and 0% for the zero rate.
What I can do now, I can go to my shop and what I know is that digital products have no taxes. So I click over here. It’s not in every country. I want to edit this product, so I scroll down and now over here, I can go to the tax status and I can change the class to zero, because it’s a digital product. So everything is profit which I really like. In Netherlands, it’s not the case I pay a lot of taxes for the courses I sell. So then I go to a different product. For instance, the hoodie — where are you — I click over here and this falls in the category of standard. So it’s a 10 percent. Okay. And let’s say I go to another product — the zoom session, that one is reduced. Just for the sake of the illustration. So if I go and view the product and I go to the shop, let me see there’s a few things over here I want to remove everything. Okay. If I add this to the cart I pay no taxes at all. If I buy this one I pay the full taxes and if I select an option over here, here it is $19.95 and if I go to the shop, view the cart, you see all the prices are included in the tax. So from the $32.95 there’s a small part that is taxes. And we see that over here $3.46 are taxes.
Okay. I want to change it. What I want to do? I want to go over here, I want to say price is entered with tax — yes, and then over here I can say display prices during cart excluding tax. Save the changes. I can also remove this over here and now if I, refresh there’s zero percent of taxes so it’s the original price. Here, you see it’s cheaper now. The taxes amount is subtracted and then here you see the taxes added. So you can play around with these settings. I am going to my son. He is crying. It’s a 12 o’clock at night. I will be back with you in a few minutes.
So the question is do you want to show your prices exclusive taxes or inclusive taxes on your website, and where do you want to display the taxes and do the taxes come upon on top of this price or will the taxes be subtract this from the total amount like over here. Like it says $27.23, but it is $29.95 actually. And then here you see how much taxes there are. You can decide that based on this setting and then this ending and this setting. Also, this one. So let me show you a better way. I go to plugins > add new and I search for WooCommerce services. There it is, I click on install now > activate and now we need to connect jetpack to activate WooCommerce services. So I will do that. Install jetpack and connect. I want to show you every step of the way. It will save you a ton of time when your taxes are automated. It’s a little bit hard to enter all the taxes of all the places in the world, it will show everything correct. Use my email address? Yes. It seems that I have an account already. You can create a new account. It’s authorizing my connection and again you need to create a new account below if you don’t have an account already, and it says you’re all set! Okay. Got it. Thanks.
Now, if I go to WooCommerce settings, I go to tax. I can select automated taxes and I can say enable. Save the changes. Your settings have been saved. So I can do nothing over here, because it’s all on autopilot. So now we will take care of this.
So let’s talk about shipping. this next step over here. I close this and now we can add shipping, what I can do? I can add a shipping zone over here. Let’s start simple. The zone name, I will call this the Netherlands, because that’s where I come from. The website sees where I come from so I will choose a different name and say the Netherlands and then I need to save it because I’m not shopping. I’m not delivering in the Netherlands or selling to the Netherlands. So I can go to WooCommerce > Settings and I can go to General, leave this, and then I can say I also sell to the Netherlands. Save it. I go back to shipping > edit. I select the Netherlands. Okay. I save it and I add a shipping method. There’s a flat rate, the free shipping and the local pickup. I will choose a flat rate and what I can say, it’s really simple. I can edit it over here and I can say it’s not taxable. The costs are ten dollars when I sell something. So no matter what I sell, how much people will buy, it will always be ten dollars. So over here I go to the checkout or I view the cart, I scroll down and it says: flat rate ten dollars, shipping to the Netherlands. I can change the address over here. If you don’t see that yet, you can change the address and then based on that it will say how much it will cost. Update. But what I also can do, I can say to people, if their sub total amount is more than $50, I can give them free shipping. So I can add a shipping method, flat rate, free shipping > add the shipping method, and then I click on edit > free shipping requires a minimum order amount of $50. Apply the minimum order rule before the coupon discounts. So when somebody buys for $60 and they get $20 discount then it’s $40, they still should pay for shipping. So apply the minimum order rule before the coupon discount – no, after. Save the changes, refresh. So now it should be free. They can select free shipping now because they have a total amount of more than $50. So if I would remove this one, it is $49.40, they still need to pay for the shipping because it’s below $50, even though it’s just ten cents. So if I were them, I would buy something extra — a nice t-shirt or something like that. But, there’s a better way.
In order to get that, let’s go to the plugins add new, leave this, and then I search for table rate from jem. There it is, updated a month ago, a lot of likes. And I click on Install Now > Activate. Then I go to WooCommerce > Settings > Shipping. I remove the Netherlands, Delete and I click on add the shipping Zone and this time, I call the Netherlands again and you can also add Canada and United States — all the places you ship to and also here I select the Netherlands. I want to save it first and I add a shipping method, and this time as on the flat rate but here it is table rate. Interesting I click on add shipping method it is to plug in we just installed and then here I click on edit and I can go to the pro version or I can get discount for a pro version. I don’t use the pro version. I can add a new list of shipping methods. I enable this one. I call this one PostNL or UPS because I use those to deliver my orders, and then I can do it based on the weight or on the price.
Before I do that, I don’t want to disable the tax. So I want to say total price. So when the total amount that people buy is between $0 and $20 or $19.99, I want a shipping rate of ten dollars. Then I want to add a new one. When people buy a total amount between $20 $49.99, I want it to be $15. From $50 until $99.99, I want it to be 20 and when people buy for more than $100, I want it to be free. So I say $0. I save the changes and now let’s take a look what happens.
I go to shop and I go back to the cart. The subtotal is now $49.90, so what will it be? $15, why? Because between $20 and $49, it is $15. If I would make this $20 now, I save the changes and I refresh the page and it is $20. So I say $15 over here. What does it mean? If I buy something that is below $20, I pay $10. So let me see if I can do that. Only the t-shirt, now I pay $10. If I have a few more let’s say 4, then I pay $20 because it’s now a subtotal of around $80 and that is still between $50 and $99.99 which is $20. If I buy one more than I exceed, excuse me, two more, now my total or subtotal is above $100 so there is free shipping. So that’s how it works. You can also do it based on weights. So over here, and then you need to go to your products for instance the t-shirt, edit the product and then you can say, at shipping, the total weight — how heavy this is. Or when you have variations, let me see, variations > add a variation, and then you can go to, let me see, the weight. Go and say it’s 0.6, click on okay. If you expand it the weight is everywhere the same now. So you can save it here below. It’s already saved. Well, you can update it and then based on the weight, if you would apply that, you can decide how much things will cost. I prefer the pricing but it’s up to you.
If you want to make it more complicated or add different things you can search for WooCommerce best shipping plugin and you can also say premium because then you get better tools than the free ones. So that’s what you can do.
So how are you doing so far? The fact that you are here at this time stamp in the video, says that you are series in making a website. So congratulations with that. You’re really doing a great job and when I say a website, I mean a webshop. So now we’re going to talk about a nice subject. I like the subject really much about stripe. For me, it took years to figure out how it worked. That doesn’t mean that I worked for it many years, but I postponed it for years because I thought it was so complicated. And then I find out found out how it worked and actually it’s quite simple. It’s not applicable in every country. You can pay from anywhere in the world with stripe, but to set up an account with stripe that is not possible in every country. So let me show you a list with all the supported countries and check the list online because the list is growing. Australia, Austria, Belgium, Canada, Denmark, Finland, France, Germany, Hong Kong, Ireland, Japan, Luxembourg, Netherlands, the Netherlands, New Zealand, Norway, Singapore, Spain, Sweden, Switzerland, United Kingdom, United States, Italy, Portugal, Portugal, okay, that was weird, and Switzerland.
So if your country is not on the list, there are workarounds but this video is not talking about that. I’m from Netherlands and I will show you how I got my stripe account activated and I will also show you how you can use it with WooCommerce.
So the first thing we need to do, we need to go to stripe. stripe.com and it says, “The new standards in online payments,” it is. You can start now. So I click there and I can create a stripe account over here. My email is firstname.lastname@example.org. My full name is Ferdy Korpershoek, I create a password, I confirm my password and then I click on create account, and there I am.
Well, thank you for watching this tutorial… no. We’re going to talk about more things of course. So now I need to configure a few things. Welcome Ferdy, follow these steps to get started. Find the right integration for your business. Browse our docs. Okay. No, I will skip that. I need to verify my email. So I go to my gmail account, there it is. Stripe. Verify email to start. I click on verify email address, and then I can fill in my password, continue. Another robot. Okay, I want to activate my stripe account, so I click over here. Before starting to process payments tell us a few details about you and products or services you’re selling. Start now. I’m from the Netherlands. My business website is https://ferdykorpershoek.com. Business description: I sell digital products — other digital goods. Describe what you want to sell? I sell a course where I teach people how to make money online through affiliate marketing.
What kind of business? Well this is Dutch. It is a cooperation. The name of my company is Ferdy and Anna Media. So you need to fill in the details of your business over here. I scroll down. My legal name is Ferdinand Korpershoek. Do you own more than 25% of the business. Yes. What percentage do I own — 50. Job title, I am CEO. My birthday. This is optional so I leave that. Again, address, my company name again — Ferdy and Anna Media. Support phone number and then the bank details. How to make use of the two-step thing. Go to the text messages. I confirm my phone number. I fill in the code I receive on my phone. I want to copy this code somewhere on my phone. Okay, done that. Submit application. Right now, it’s being reviewed. Thanks for submitting, we’re verifying your details which should take just a few moments. This is where you can see how much you can or you have earned.
So I got an email thank you for submitting. They will review everything and they said to me: “Unfortunately we were unable to verify some of your personal information.” So I needed to fill in some more things. Proof of my identity, so I send an image of my passport and proof of my home address. Well what I needed to do, I used a bank statement with my complete name on it. So you need to get a file that shows your complete name. It can be from a bank, utility bill, bank statement, a letter from a government institution as long as it has your complete name. So I found the document, I uploaded it and then I got access. So since my account is active, I want to integrate it with my WooCommerce website, so that people can pay through stripe using their credit card or Paypal or something else.
So maybe your account is activated already, maybe not. What you can do, you can test it out. So we can go to developers over here, when you’re on the dashboard, and then we can go to API keys. Then click on a view test data and then we can use this publish book key, copy it now go to your website. I will go to mine. To the backend, then I will go to plugins. Add new and I search for “WooCommerce stripe.” I click over here on Install Now. Activate it. It’s by WooCommerce by the way. Then I go to WooCommerce > Settings > Payments and there are all those options now over here from stripe. So I can add credit card, I can add Ideal if I’m from the Netherlands, but I will uncheck this now, because we’re going to test with credit card. But, there are a lot of options over here. I click on Save Changes, then I scroll down I want to manage this. I can remove Stripe over here, so this is what people will see – pay with your credit card, pay with your credit card via Stripe. Then we need to enable the test mode and this is somehow weird. So I will remove this and then there’s the publish book key. I copied it. Then we can review the test key token, copy it and I paste it over here and then we need to have a test webhook secret. How can we get it? We go over here to web hooks below API keys. I create a new endpoint and then the endpoint URL, go to your website you can find it over here. Copy it. Paste it. Description – optional. Use the most recent version and then events to send, I want to go for charge because I want to charge people when they buy things. I add the endpoint and then I can click here to review the token. The signing secret and I can paste it here. Then I scroll down. I can have a statement description, FerdyKorpWP shop for instance, capture charge immediately — of course, enable payment request buttons, Apple pay, chrome payment request API by using Apple pay — yes, and then I click on Save the Changes. Okay ladies and gentlemen. Let’s take a look. I click over here. I go to my shop or you know what, I go to cart. I click on proceed to checkout. I fill in all my details over here and then over here, it says I can pay with credit card. Since it’s the only option is already selected. If there are more options, you can select credit card or PayPal or something else.
Well it’s in test mode, so I copy this over here. This is my credit card, my test credit card and I can paste it here and paste it here, and then I check this and I can place the order. [Drum roll] And… yes! It works. Thank you, your order has been received. So it’s working. This is amazing. What that means, is that right now if your account is active, we can go to API keys, we can then turn off the test data, we can get a publishable key. We can create it over here, then the secret key, then we create a web hook and then we can use it for real and people can buy things. So when people buy things, what will happen?
Well I’m the customer with this email address so I should receive an email, and there it is, From Ferdy Korpershoek PS5 shop, your PS5 tools, chargers, stickers order has been received. My logo — thank you for your order. Hi Ferdy, just to let you know — we received your order, with the order number, is being processed; the date; what we bought; the free shipping; paid with credit card; the amount; the shipping address so this is all amazing.
What we can do now? I as a website owner. I get a message too, both in my inbox and over here. At WooCommerce, it says orders, and there it is. It says processing. If I click over here. Maybe I have all my stuff at home, so I’m making ready the order. I send it to the post office and then I send it to the people. What I can do then, if that’s the case, I can change the status from processing to completed and then I click on update. Now I as a customer get a new email. Here it is and right now it says: “Your order is complete. We have finished processing your order. Thanks for shopping ferdykorpWP. Thanks for shopping with us. If you have any question feel free to reach out to us. We’re happy to help you. Thank you for your trust in us.” So that’s how it works.
Now if I go to stripe, go to home, no money is added because it’s a test payment. But if we which to the real API key, then the amount of money will be sent to me and then every week depending on what you choose, Stripe will pay the money to your bank account. So I will go to the website, maybe here the audio is different right now. I have a new audio interface which should make the sound better, so I hope you like it more. Sorry for the inconvenience. So let’s continue.
What I want to do, I want to adjust this page. I want to show a few products and our most loved products. So what I want to do first, I go to the backend and if I scroll down to products, all products, it’s not the case for everyone but if you installed the pre-made website from Estra before then you should have a few extra products in the trash, and I want to bring them back. So I want to click over here, bulk actions > restore > apply. The only thing is now if I go to all, they are not published. Let me see, uncategorized. So if I grab everything, filter it by uncategorized, filter. I can do it two ways. I can click over here, quick edit and then select a category over here, Electronica and update it. Or what I prefer? I open all these products holding command or control on the PC, then I say control tap on the Mac or just go to the next step on your PC. I select t-shirts over here.
Or what I prefer, I open this in a new tab, it’s a mug. So I copy this; I go to categories > mug and I add a new category. Scroll up, update it. Now I want to open all these mugs holding command or control on a PC, then control tab on a Mac or just the next step on PC, and then I select mug and I uncheck this. Next one, uncheck, check; update. Uncheck, check, update.
For me, that’s the most efficient way to work. It’s not actually. Let me show you a better way. I close these all. So over here is t-shirts. What I want to do select all these t-shirts over here, scroll up, Bulk actions > edit > apply. Now I can choose a lot of things and I can give them all a category over here — t-shirts. I can change everything else and I click on update. Now all the t-shirts will have the category t-shirts, but also uncategorized. So what I can do I hold command or control on PC, I open them all, holding command or control on the PC. Control + tab on PC. I scroll down. I scroll down to Uncategorized control tab, scroll down control tab, scroll down. Looks a little bit weird and it can slow down your computer. For me, it’s the most efficient way to work. So now uncheck, uncheck, uncheck, cmd tab, uncheck and then update.
I know I am asking a lot from my computer. I’m also recording so it starts to… the fans start to heat it. And now if I refresh the page, uncategorized is gone. So I say Cmd+w or Ctrl+W to close all these steps. Now, if I go to the website, to the shop I have more products.
So I want to go to the home page. I want to make it look better and I can do that with Elementor. So I click over here I close this. What I want to do? I want to add a few featured products over here and there is a code over here. You can use this code. We can also use an element within Elementor. So what I want to do now over here right mouse click, Delete. Then over here I want to search for products, then you see widgets, so we want to skip those and take a look over here but they cost money. They are locked and if you click on that you can buy the pro version. I want to work with a free version and free plugins. I click on update. I click over here to preview the changes. I go to the backend, to plugins > add new and then I search for elementor add-ons. And I go for essential add-ons for elementor. Look how many installations, a lot of five stars, updated three days ago so that’s really good. I click on install now. it’s a free plug-in with a pro version, but we’re going to make use of the free version. I activate it and now we have extra elements within Elementor. That’s how easy it is. I say no thanks over here and then I go to the website again. I close this, I click on edit with Elementor, I scroll down and now over here I can drag something. So I can search for products, I scroll down over here you see product grid. I drag it over here and there it is. Now I can configure this. Filter by, featured products, you can add a star to a product. Let me show you in a minute and then it can be featured. Columns: 4; I like it. Products count: also 4, you can also say eight. If more products over here, I like to say 4.
You can also select a certain category. Style presentation simple or reveal style. When you hover over it, you can add it to the cart or the overlay style. I like to keep the simple style and we can show the product rating or hide it. Then there’s a load more button, we’ll not use it. I go to the style and you can change the content background. I have a border over here. What I want to do, I want to change the color of the rating over here. I can paste the color of our logo and if I click on the plus I add a new color. If I don’t want to use this color, I drag it over here, so in that way I can use only the colors I want to use. So there it is.
Now, over here, it looks like that. I can do the same for the Add to Cart button, Add to Cart button styles, this one, and when people hover over it, I can make it a bit darker like that. Right mouse click, copy, I scroll down, most loved products over here, right mouse click, paste. That’s how easy it is. I click over here and this time most loved products, so I say top-rated products or best-selling products. Let’s say best-selling products and it’s nice the way it is. So update, let’s take a look over here and I have a complete tutorial about Elementor where I will show you step by step how to create a page using Elementor. I want to do a few more things. First I go to the settings over here. I click on references and I enable editing handles, normally when I hover over here, I have more options. I need to click over here in order to see more options. So if I turn it on, I only have to hover over things and then I see more options. I like that. Update. Over here, I can just click here, change the text, change the style. I can change the color, bring it back, CMD+Z. I can change the typography. There are a lot of settings over here. So I just click somewhere and then I edit it, and I can go over here and then I can take a look at all beautiful elements. I can drag those over here where I want to when it appears to be blue and I release it. It will be placed over there and then I can change the content, style and advanced options like padding, margin, motion effects.
So if I would say bring it in from the left or from the left, it goes like that. I remove it I can duplicate things. Again, if you want to know more about that I have a complete tutorial about it you can find it over here. Update. When I update it, I see the result immediately. So I see our featured products and I see our most loved products. If I take a look at the website now, this is what we have made.
So ladies and gentlemen, this is the website we have made. We imported this with the Estra starter template. Here we see our featured products with a free plugin that’s an extension on Elementor that we use. Here we see our most loved product. We have the about page but we created a shop over here. I’ve shown you how to create a simple product. How to create a variable product; a service product; a downloadable digital product; an external product and a grouped product. We can add them to the cart and when you do that, you see a widget over here that shows everything you have in your cart. You can view the cart or you can go to the checkout. You can do the same over here. We can filter things by price, we created the categories widgets and the products on sale and here we can go to the cart. We talked about taxes included in the price or excluded. We talked about coupon codes, about shipping and shipping costs and then we can go to the checkout and here we talked about setting up this page. We use payment methods. At this moment, they are deactivated and I talked about what will happen when people place an order.
We change the colors in the website and the logo. We change the settings of the shop and of the pages in the shop. So you can start to sell your products online and of course there are so much more tutorials if I go to YouTube and I search for SEO Ferdy. I say Ferdy to make sure I’m on top. Not this one but I would use rank math. In our tutorial or convertkit. How to build an email list, also less than an hour, you can also of course take a look at my YouTube channel; search for Ferdy Korpershoek and there I’ve tutorials. Every week I upload a few tutorials.
Feel free to subscribe and then I would like to thank you for watching this video.
Wow! you reached until the end. Congratulations! Well done and thank you. I hope you learned a ton of stuff and you’re now able to create your web shop and sell things to the world and make money with it, and with the money you can help other people have a good life and that is beautiful. Good luck with your business. Good luck with everything you do.
Feel free to subscribe. Right now, I have a few followers on Instagram. Probably now there will be more. But if you take a look over here 142,000. I hope by now when you see this there are more.
Feel free to join the crew, the team, the family, the subscribers and then you see new videos when I upload them and in that way you support me. That’s what motivates me. More subscribers, that’s what I’m going for. That’s why I wanted to create the best tutorials. I would say thank you. Good luck with everything and see you in the next video. Bye-bye.