完整的WooCommerce教程|電子商務教程2020。 (Complete WooCommerce Tutorial | eCommerce Tutorial 2020)

Subtitles section Play video

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 ferdykorp@gmail.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.
What you can do now? You confirm that you've read and agreed to the Siteground Terms of
Service and Privacy Policy and you can check this if you want to receive Siteground news
and special offers by email. When you get there through webhosting124.com, you don't
pay more, but you get the 70 percent discount and I get credit for it. So it's a win-win
situation and it helps me to make those tutorials. So thank you for that. I click on 'Pay Now'
and now ladies and gentlemen, you have a domain name and web hosting --- congratulations.
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 ferdykorp@gmail.com 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, ferdykorp@gmail.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: ferdykorp@gmail.com,
I will have an image over here. Well, I have an account already at info@ferdykorpershoek.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 bernardlovesjustinbieber@hotmail.com. 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 16x9, 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 1x1 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.
The privacy policy page, well the privacy policy page -- you need to create one. Let
me show you real quick. Publish it. Close it. So I can create a page. I can call this
Privacy policy. Publish; publish, and you can find privacy policy examples. Privacy
policy examples. You can also hire someone to do it for you, but that's how you can do
that and then I go back. I go and add a new page and I call this one Terms of Service.
I can also fill in the text over here or let someone else do it. I go to the WordPress,
logo, to the website, to the shop, I go to the customizer, WooCommerce then I go to the
checkout. Then here at privacy policy, I can select privacy policy, terms and conditions,
Terms of Service or terms of conditions, and then there's this area over here which will
be shown here below. You can click here to go to privacy policy page and you can agree
to the terms and conditions.
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 200x200, 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.
Account erasure projects: remove personal data from orders on request - yes. When people
want to remove all the data, we should honor that. Remove access to downloads on requests
- yes. Allow personal data removal: allow personal data to be removed in bulk from orders.
I'll check this because I to keep the data as long as people don't want me to erase that
data. Then there is the privacy policy, we've talked about it already in the customizer.
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 ferdykorp@gmail.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 info@ferdykorpershoek.nl. 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.