Complete WooCommerce Tutorial For Beginners | eCommerce Tutorial

Do you want to learn how to create your own webshop and start selling products on the internet? If that's the case you're at the right place. My name is Ferdy and in this video I will show you step by step how to create your own webshop with wordpress and WooCommerce. Let me show you what we will cover in this tutorial. If you start from scratch, I will show you how to get your own domain name and web hosting, how to install WordPress and how to install WooCommerce. An amazing free plugin that will turn your website into a webshop and enables you to sell products on the internet. Then we will create six different kinds of products. We start with a simple product. A product with no options. In this case a black hoodie. It can also be a cap in one color or sunglasses. And the only thing that people can do is add it to the cart. Next we will create a variable product. A product that can have multiple sizes, multiple colors, so I can select them over here. I want to change to a black color image also changes what i see this is $19.95 but for every specific variation I can change the stock and i can change the price so if i would say excel you see that the price changes next we'll create a virtual product it can be a coaching call or a digital service you offer the fourth product we will create is a digital downloadable product like an ebook or an image or any digital file that you want to sell we will create an affiliate product and with affiliate marketing you can promote other people's products and when people buy those products to your unique affiliate link you get a commission unless we will create a grouped product it gives visitors the opportunity to select multiple products on one page it can be an iphone with different sizes or a whole set of clothes that will fit nicely together for each product we will create we'll talk about configuration options like the price discount schedule discount for a certain time inventory categories and subcategories we're gonna talk about tags images the short and the long description of your product and after we have created six different kinds of products we will configure our webshop change the amount of products to show change the look of few of the products decide what and what not to display we can even change all the colors in our website with a few clicks or change our complete website into a dark website with everything you learn in this tutorial you can have an end result like this or like this one or this one we can also use a sidebar with widgets that will help visitors to browse through your products for instance visitors can search for products they can filter your products by price browse through your categories and subcategories we can highlight certain products and when visitors add something to the card they will see a widget with their current card status visitors can browse through your products add products to the card then they can view the card and here they see an overview of everything they have in their cart we will show a message that when they spend 80 dollars more they get free shipping and this can really boost your sales right now they pay 40.95 but when they increase the products spend 80 extra they get free shipping i'll show you how to add coupon codes we can apply it over here and now we get 20 discounts and coupon codes are also a great way to boost your sales for new visitors and returning visitors you can create coupon codes with free shipping discounts in dollars or in your particular currency in percentage and also set limitations like spending at least 35 dollars for a coupon code to work or create a coupon code for a specific product or make sure that the coupon code can only be used one time we will dive deep into that subject we'll also automate the whole shipping process based on the total weight of the order or based on the price based on where people live and everything will be automated for instance right now i pay 40.95 shipping costs but when i spend at least 200 i will get free shipping we'll talk about taxes and not the state taxes but about calculating taxes for your buyers and i'll show you how you can set it up manually for each country for a certain state normal taxes rates reduced rates and i will show you how to automate the whole process so woocommerce will take care of it for you and then we will talk about payment methods so the people on your website can pay using credit card paypal clarinet after pay you name it so when people go from a card to the checkout page they can fill in their details pay with their preferred payment method and when everything is automated visitors can buy products on your website and money goes to your bank account and it's your job to send the right products to the right address and woocommerce will take care of everything else we'll talk about handling incoming orders and how to adjust the order confirmation emails your buyers will get when you apply everything i teach you in this tutorial you are able to sell products on the internet and the great thing is you only have to focus on sending the right products to the right address everything else will be taken care of automatically by woocommerce and that is what i will show you in this tutorial when i go to fast for you you can go to the settings of the youtube video and change the playback speed to a slower one or you can click on the left arrow on your keyboard and go back 5 seconds in the video in the description of the video i have timestamps so if you want to go to a certain part of the video you can click on one of the timestamps and you go directly to that part of the video if you like what you're seeing so far or like what you're going to see or going to learn please like this video that would help me out a lot and it would mean a lot to me and if you want to learn more about woocommerce e-commerce wordpress affiliate marketing then feel free to subscribe to this youtube channel i make tutorials about all those subjects and if you have any questions feel free to leave a comment and then i wish you the best of luck and i want to show you right now for who this tutorial is this tutorial is for anyone who doesn't want to spend a lot of money on their webshop for anyone who doesn't have a lot of time and wants to do it within a few hours it is for anyone who has never made a website or a webshop it's for complete beginners it's for anyone who wants to adjust and edit their websites themselves instead of waiting for an expensive web developer to do it for them it is for anyone who wants to learn how to sell products on the internet and it's for anyone who wants to add a webshop to their current wordpress website if you do not fit in one of the categories for whom this tutorial is sorry this tutorial is not for you please shut it down and go home just kidding this tutorial is for everybody that wants to create a webshop so having said that let me show you the four steps we'll take in order to create a beautiful web shop so there are four things we need to do if you don't have it yet i will show you how you can get your own domain name and web hosting and i can give you 70 discount after that we will install wordpress then we will install woocommerce and when we have done that we will create our amazing webshop if you already have a domain name and web hosting you have already installed wordpress then i'll show you on the screen where you need to go in order to install woocommerce and follow along in this tutorial and now it's really time to get started the first things we need are a domain name web hosting let me tell you what a domain name is and what web posting is a domain name is the address of your website so if i would go to facebook.com facebook.com is the domain and everything you see on this website is the web hosting web hosting is a really fast computer that is turned on 24 7 with all the information on your website you can rent it for a few dollars per month it's like having a house if you want people to visit you you need to give them your address and your domain name is the address of your website so your domain name is the address of your website and everything you see over here is the web hosting if facebook would have no domain name it would look something like this and that can be quite a challenge to remember by heart and that's why we need a domain name and when we have a domain name we want to display things on our website and that's why we need web hosting if you have that already that's great then you can skip this part if you don't have it go to webhosting1414.com hit enter and then you can click on the link go to siteground i love siteground scigirl is in my opinion the best web hosting provider there is and i'm not the only one with that opinion in a facebook web hosting group with more than 5000 members siteground is mentioned most when it comes to the best web hosting provider and i agree with them i scroll down a bit and there are three plans you can choose and the best value for your money is to grow big plan what is the difference between the grow big plan and the startup plan here with the grow brick plane you can have unlimited websites look at this unlimited websites with the startup plan you only have one website and all the time people are upgrading from startup to grow big because they want to create more websites so i suggest rubric and you can always upgrade later if you want to over here you can have unlimited websites 20 gigabyte of web space well most websites are 200 megabytes so you can have up to 100 websites with this plan you can have up to 100 000 visits per month and i hope you'll get that because that will mean a lot of business for you and then if you have that you can always upgrade to the go geek plan and then you will have 40 gigabyte of web space and you can have up to 400 000 visits per month this is the plan i have right now because i have a lot of websites and a lot of visitors but keep in mind you can always upgrade later so i will start with the grow big plan and more great things about is you can have free ssl so your website will be secured with some web hosting providers that cost money here it is free you have daily backups that's amazing if you somehow mess things up sideground got you covered you will have a backup of the day before and after day before that free cdn that means that your website will be fast throughout the whole world no matter where the visitors come from your website will be blazing fast you can have unlimited free email accounts and really important this is great for e-commerce we're gonna create a webshop in this tutorial so that's great and if you somehow really don't like it you have a 30-day money-back guarantee so there's no risk for you so i will choose to grow big plan by clicking here now we need to choose a domain name if i would say facebook.com i want to buy facebook.com i click on proceed of course it will say you've chosen an invalid domain name because it's already taken so you need to choose a domain name that is still available what i would advise everybody in the world to do is get your own domain name with your first name and last name i hope it's still available for you otherwise you can use a company name or a custom name and if you offer local services you can place your hometown in domain for instance web design must slash the great thing is that you can choose a lot of different extensions.com.net.org i always suggest use.com or the local one from your country so i will choose the guard or rope and then 24 because my guard rope shop will be open 24 7 because it's a webshop so let's see if it's still available i click on proceed yes it says congratulations domain guard aerobi 24 is available for registration with your hosting account let me make this a little bit bigger for you now i can leave some details over here first my email address jk24co gmail.com i need to create a password and i need to confirm my password and then over here i need to say from which country i am from the netherlands and i will fill in my details ferdi or pursue ferdi and anna media if you have a company fill your name over here in your vet text id if you fill in your text id you don't have to pay taxes for this order it's okay great siteground gives feedback at once which is nice i'm from this city this street my zip code if i would say wrong it will correct me it will say hey you need to remove the space and then over here i need to fill in my phone number and it's really important that it's the correct number so say plus three one six and then your phone number really important to have this over here the the country code i scroll down and depending on where you come from that can be local payment providers so if i would enter this website from the netherlands i would see idle over here you will maybe see paypal i will use credit cards so i will fill in my details and then we go to the purchase information we go for the grow big plan and the data center we can choose a few depending on where you want to focus on if you want to focus on people from the united states keeping in the united states if you want to focus on people from the netherlands or somewhere near the netherlands choose germany or the netherlands i want to go for four people worldwide so i choose the usa and the period is 12 months we pay 6.69 per month and then we can have unlimited websites on our grow big account which is amazing and then if we scroll down i highly urge you to get domain privacy it will cost you 12 per year but it will save you so much spam because if you don't turn this on a lot of companies can see that there's a new domain name with your personal information with your phone number your address your email account your email address and then they can send you spam emails like hey i can make a logo for you i can do seo for you you don't want that so for twelve dollars you don't have that then i scroll down and i will pay a total amount of 110 dollars and 27 cents it can be a little bit more or less with you depending on where you come from and with this amount you have a domain name or web hosting for a complete year and you can add more domains to your account and create multiple websites and they're all blazing fast and there's a great support if you get stuck somewhere i confirm that i've read the terms service and i agree with them and i would like to receive news updates from siteground if you got this through webhosting12.com you don't pay more because you get amazing discount and i do get credit for it so it's a win-win situation and then i click on pay now and then the great thing is that our website will be live immediately we don't have to wait for 24 hours it will be live at once if everything goes right you should see this right now and that's amazing and then i want to congratulate you with a domain name and web hosting if you don't see that it can be that you see something like this if that's the case fill in the confirmation number you get in the text message and then you should be able to proceed and in some cases siteground will put an amount on your credit card account and you need to fill in that number so they know for sure it is your credit card account you can do that by going to your account or your credit card account or by calling your credit card company i had to call them i want to check everything so you know exactly what to do in every situation i hope both of those confirmations do not appear for you but now you know what to do when you see those two screens so let's continue and my account was successfully created how great is that i can proceed to the customer area and i login with jk24co at gmail.com i click on next my password which i just created i click on login really nice this is awesome so we can set up our site but what i prefer to do we will verify it later i will go to websites then over here regard robie.com it says pending but if i click on complete we go to the next screen we use an existing domain we already selected it and i click on continue if you don't see it you can select it over here i click on continue now to skip and create an empty site so i click on that button and then i finish it i don't need to have the cyclone scanner it will take a few minutes to set us up most of the time it's shorter a few seconds and there we are we can view our site so if i go to my website it is live we are live right now which is amazing we can also go to the site tools and that's what i prefer so i go to the site tools because we want to make our website secure in order to do that we need to go to security here at the left personally i really like this layout and structure it's really intuitive security ssl manager we're going to make our website secure like this then i select the domain name i select ssl it's called let's encrypt and then i click on get this can take a minute so be patient or not and then have a hard time right now okay there it is now i need to go to manage ssl and then here at the right at actions i click on the three dots i click on enforce https and then i turn it on yes now we are ready to install wordpress we go to wordpress install and manage or install manage and i know we're going to work with woocommerce but i rather select wordpress i like to start from scratch with a wordpress website i want to install everything myself so i select the domain the language and i can also decide to go for a subfolder for instance guardarobi24.com forward slash new or test but i want to start in the main folder garderrobe24.com i want to create a username i want to create a password and i want to fill in my email address jk24 co gmail.com i scroll down i don't need to have the wordpress starter i click on install now wordpress is being installed on our brand new secured domain congratulations wordpress is installed and now we can view the site and this is the front end this is what people will see when they enter your website your website is secure and then this is the back end of our website here we can configure a lot of things so we have a live website everybody that goes to this domain at this moment we'll see this over here so i will close this now we have the back end and the front and this is what people will see when they enter your website and this is what you will see when you log into your wordpress website and over here we can give our website a title we can update themes and plugins we can create new blog posts we can add media like pdf files images word documents zip files movie files and more here we can create pages like the home page the about page the shop page people can leave comments on our website on blog posts or on pages if we want to on products here we can change the look and view of our website we can add new plugins if i click on it i click on add new i go to the popular ones you can add a contact form you can optimize your website for the search engines you can use the elementor page builder protect your website woocommerce we're going to add woocommerce course so we can sell products on our website we can add multiple users and give them some levels of accessibility so they can create new blog posts for us or adjust products whatever we want them to do then we have extra tools we have the main settings and then we have plugins installed they will be placed over here you can configure those plugins and work with them if i want to switch between the back end and the front end i can do it like that or i can go to this area edit profile make sure the toolbar is turned on when viewing the site now when i click over here i go to the front and i see this bar this bar is only visible because i am logged into my website okay if you take a look at your website right now it does not look that impressive not at all we're going to make it look so much better but first i want to clean up a few things and configure a few things within our wordpress website in order to clean up our website i go to the back end and the first thing i want to do i want to dismiss this message over here and i want to collapse all those areas if i want to get rid of them i don't want to see this i go to the screen options over here i uncheck everything so that looks better already then i want to go to the posts and then i can see all the posts there's an example post i want to view that one what i see over here got a robe 24.com forward slash hello world this is exactly what i want to see i don't see something like the question mark one two three because that is ugly so if you want to make sure everything looks great here it's your url or you see something else go to the back end to settings permalinks make sure post name is selected if you use plain you save it you go to the posts and view the post then it looks like that that's not what you want you want it to be post name permalinks post name save the changes i go back to the post and i want to bring this to the trash go to the trash and empty the trash the same goes for pages i have a few pages i want to select them all by clicking here then i select them all build actions move to the trash apply i go to the trash and i empty the trash then we go to appearance themes and the theme decides to look a few of your website we're gonna talk about it later but right now i want to get rid of all the themes i do not use which is this one then i click on theme details delete ok theme details delete okay now i want to go to the plugins you see i use two plugins siteground optimizer and siteground security i select them both by clicking here build actions deactivate apply select them again and since they are deactivated i can remove them by clicking here delete apply are you really sure yes okay then i go to my profile here or at users profile and over here i can change the look of view or the colors of my back end and i use the default one and we scroll down i can leave my first name over here and my last name over here right now when i place something on my website it will say written by 30 corp that's my name i want to change that to my first name and last name i can do that over here at display name publicity as 30 corpora and now it looks like that that's better okay then i see my email over here and my website i can place some information about myself so if i write a blog post the text will appear below the blog post if i want to and i can change my profile picture and that is linked to a gravatar account which is free i open this in a new tab what you need to do the email address you use over here you need to use it to sign up or sign in or create my gravitator and then when i do that and i upload an image that image will be linked to my wordpress website well i have an account at infoad30 corpus hook dot com that's already linked with gravatar so i click on update then i need to confirm my email address so i will do that there it is and now i see my image why i have a gravitator account with info at thirtycorps.com which is this image so now when i place a blog post and my image will appear over here i can create a new password i can update my profile so the front end which looks ugly and the back end and the back end looks better right now i want to do one more thing go to settings general we're going to create a create a site title later attack line i want to create an s or an s over here and if i do that i probably need to log in again then i want to scroll down i want to change the time zone depending on where you live i live in the netherlands so i choose amsterdam find the city nearby sure time zone will be changed automatically and then the date format may 10 2022 you can also change it in some place in the world is displayed different in the time format i like to use the capitals pm and a m and then i click on save the changes okay let's take a look at the site title depending on what your website is about if we go to google and we search for nike shoes i skip all the ads like just do it okay like online buying so what you see i searched for a knight that's the first word and what i also see in the search result nike is almost every time the first word nike nike nike so it's really important to have some keywords at the left of your site title so if your company name is carterrope 24 people that are searching for clothes or clothing are not searching for garter roby or carter rope 24 because they don't know my company what they're searching for is summer clothes clothes hard work got a rope closed why did i choose this subject in my website i don't know if i search for this look at this there are a few adds holiday outfits summer clothing holiday dresses summer outfits holiday clothes so you see it's totally at the left so it's really important to have some great keywords and there are keyword tools keyword tools to find what people are searching for so i can search for clothing and people are searching for clothing almost 2 million per month clothing stores near me if i click over here and then over here this can give me inspiration for the right search term that's really or the right keyword it's really important to put putting your entire title keywords that you want to be found on so maybe summer clothing is better and then after that you can say carter rope 24 you're the title for ladies i don't know something like that something like that and over here i can say high quality clothes for a great price it's really important to have a good title with good keywords clothes ladies or women save i close this and if we go to the front end now i also see this title over here and i see it over here one important thing you need to do you need to confirm your website so if we log in at siteground and we log in over here jk24 what i see over here i need to verify my domain cardrobii24.com if i don't do that it can disappear so i click on view domain i need to go to my gmail account over here and confirm it so i go to my gmail account sideground verification required it's already the the second email or the third i don't know i click here scroll down and click on approve and i'm okay with this information and i verify the information if i did not do that let me see within seven days from this day on my website would be offline and i don't want it because i'm already selling products so really important to him to approve your domain now when you come back in a few days or maybe immediately it is now 20 minutes later and this message is gone so it means her domain name is confirmed since i'm here at my siteground i want to show you something really important let's go to websites i go to the site tools i've got aerobic 24 then i want to go to speed caching side ground is all about speed so they have an amazing super cache that will make your website super fast but the thing is when you're adjusting your website it can be that those adjustments will not be displayed at once while when you make a website that's a big thing because we want to see the results that we adjusted so in order to see the results of everything you configure in your website you need to go to dynamic cache and over here flush the cache but it's not a fun process to flush the cache all the time when you change something in your website so for now i want to go to this tab and i want to turn the super cacher off over here and now when we adjust things in our website we see the results immediately and then when you're finished with your website go back to this place and turn it back on we want to create a professional webshop and in order to do that we need to have the best wordpress thing what is a wordpress theme a theme besides the look and feel of a website so you have the content the title of your website all the content blog posts products that's all the same but when you change the theme it will change the look and feel of how all that content is displayed and i've been searching for the best theme and i found it it's the bloxy theme at this moment it's free we're gonna use it and let me show you how we can install that theme in order to change the look of view of our website we go to 30corp.com forward slash block c hit enter then we can go for the free download we can download it over here i close this and i close this then i go to the back end of our website by clicking here i go to appearance themes i can click on add new upload theme and then i can choose a file or i can drag this one over here or i go to appearance themes add new and search for block c they're also there i click on install and then i want to activate it and now we have a different theme and every theme gives a different look and feel so if i would go to the website right now holding command or control while clicking so it opens in a new tab it looks different now so that's what i mean with the look and feel of our website that can be changed by the theme we use but not only that every theme also has their own functionalities and the bloxy theme has a lot of extra functionalities which makes it in my opinion the best free theme out there at this moment when we installed the bloxy theme we also need to install the bloxy companion which gives our website more functionalities and then i want to skip this and what do i mean with extra functionalities if i go to starter sites i can import a complete website i can view it over here this website it looks amazing really clean it's a web shop this can be installed for free with a few clicks look at this it sticks with us and what you need to do is adjust the information this this is crazy that we can do this these days so another one you can choose between a lot of really nice starter sites and then we have extensions for instance the cookie consent really nice that we have it within our wordpress theme i just have to activate it and then when i go to the website when people visit the website for the first time we need to accept it and it's mandatory in a lot of places in the world and we don't need to have an extra plugin for that it's included in the block theme how great is that block c extensions later we're gonna talk about more extensions why is this all for free well they want to sell you their pro version which you can find over here and then you have even more additions but we're going to work with the free version in this tutorial over here you can see free versus pro you see a lot of things are included in the free version and for me that's enough so it still doesn't look that great but it looks a little bit better step by step we're gonna make something beautiful okay before we're gonna install woocommerce and create products i want to change a few things because we have to look at it all the time right now we see a wordpress icon over here and i see this as logo i see that i don't have a menu yet here it says ready to publish your first post get started here so i want to do a few things and the first thing i want to go to the customizer and upload a logo if you want to use the same images i use in this tutorial you can go to 30corp.com forward slash images pay me 50 and they are yours that funny no it was not funny you download the images over here and i personally prefer to break them bring them to the desktop and over here you can choose at number six a few fave icons a few logos and for this tutorial i created this if you don't like the color oh maybe you're good and it's um photoshop you can change the color i will use this logo and why if i take a look at summer dresses 2022 and i click on a few images what do i what kind of logos do i see h and m naked without and the a is quite kind of funny here a word hm shine capitals so i got my inspiration and i created the simple logo for my shop in order to upload my logo i click over here and i click on select logo select files and now i can select a logo from my computer first let me go to the desktop images tutorial number six guard robo24 and i want to go for the colored logo and i created this google in photoshop then i always copy the title paste in the alt text and in the description and then i select that logo then i want to turn off the title here below i want to make the logo height smaller until i'm satisfied 26 okay then i go back over here i go back one more time and i scroll down all the way then i see site identity now to change this fave icon to one i have created upload files select one and i go for fave i can why this color when i think about summer i think about these colors and this is a ladies bag or dresses they can buy in my web shop i skipped the the cropping now it looks like that and it's not that good because you hardly can see it's 24 so maybe i should change that and that's how i roll i keep on learning while i'm creating tutorials but right now i'm happy with this logo uh when we install woocommerce we can create a menu over here and when we install woocommerce we can make the shop our homepage so we'll do that later i close this and then it is time to install woocommerce guys are still having fun and ladies i hope so we're going to install woocommerce what is woocommerce woocommerce is a plugin and extension that will turn your website into a webshop well it can be that you already have a website and you want to extend it with a webshop it can also be that you're following this tutorial from scratch in both cases i got you covered i will show you how to add a webshop to your current website and i will also show you how to create a website from scratch around your website shop shop and um i don't want to record this part again so i will leave it in it's fine and um woocommerce is amazing and help you to create a lot of products it helps you to create to automate a lot of stuff payment providers shipping costs coupon codes and with the bloxy theme everything will be displayed beautiful instead of talking about it let me show you how to install woocommerce in order to install woocommerce we need to go to the back end of our website so i go to the back to plugins add new and then over here i search for woo commerce there it is more than five million installations and five is the max so maybe it's 50 million already it's updated 4 weeks ago and it's compatible with the current version of wordpress i click on install now it's installed i click on activate now we see a setup over here so we need to fill in a few details you can skip this but you need to add your address to your website so i will fill in mine logan strat number 36 in the netherlands and the city post code postal code and my email address will be this one i don't need tips i turn this off and i click on continue and do we want to build a better woocommerce well i think it's so great already so i say no thanks okay what do i want to sell we're going to create a few different kind of products but the the main thing i want to sell is clothing so fashion i turn it on i click on continue i want to sell physical products and downloadable products i click and i don't do anything with this it's just a little bit of advertisement i don't want that continue i plan to sell between 11 and 100 products and i do not sell anywhere else if you set this up for client store you can turn this on i click on continue i turn this off and then i click on continue and i want to continue with my active theme which is the bloxy theme so i click here okay now we have set up woocommerce i need to update two things if you want that you need to click here or go to dashboard updates and bloxy companion has an update great and on the other one bloxy theme update theme okay let's take a look at our website we have our logo and now look at this we have those four areas over here we have the card when people put things in their basket they can see it over here when they are ready to go to the checkout they go to this page they cannot go there because that card is empty they have your own account when people buy something they can see what they've bought if they've bought a physical downloadable product they can find it over here they can see their account details so they can log out and then they have the shop well there are no products here yet if you click on the logo you go to the home page and then it says ready to publish your first post but over here i want to show my webshop so when people come to my website i want to show them my shop in order to configure that i go to the customizer i scroll down then i go to home page settings and i change this from our latest post that will display to a static page and then i select the shop page i publish it so right now on the homepage of godorop24.com people will see the products but i don't have products yet okay people it is time to start creating our first product we're gonna create six different products and we're gonna start with a simple product and let me show you how it's done and personally i think this is the nice part of tutorial now it's getting really fun we're going to create our own product and through this tutorial you'll learn how to create a various amount of products different kind of products but let's start with the first one a simple product wow okay let's get started in order to create our first product we can hover over new and then create a product or we go to the back end by clicking here then can go wait let's hide that we can go to products add new or all products and create a product well it depends on how you feel if you want to go through this way that way or this way well i feel like going to the front end and then to new products as i said we are going to create six different kind of products and i want to start with the simplest one and show you how you can configure create a product first we need to have a name for the product well if we go to the internet and we search for nike shoes let's see how they are called this one is called the nike go fly ease so the brand and then the title of the shoe so if you have a brand in something you sell you can say a nike hoodie well for me it's just a hoodie so i give this a title hoodie what you also see if you search for t-shirts you see t-shirt and then you see the fabrics t-shirt with short sleeves t-shirt create your own so you can call this you can call it t-shirt or you can say t-shirt with a cotton or t-shirt with crew neck or t-shirt with big logo i call this one a simple hoodie then we can have a description and in order to create a description i go for dummy text so i search for dummy text generator go for the first one and grab this text i copy it i use dummy text because if i would just copy and paste text from the internet somewhere i can get into trouble because then i use text that's maybe copyrighted so with this text you're sure you are safe and then you can fill up your website with content and you can see how it will look what i want to do i want to click on publish then i want to hold command or control while clicking here so i open this in a new tab then i go to the homepage and over here i see our first product wow no image a title and we can read more if i click over here i see the product no image no category only a title that's it not even a price but here here below you see the description keep in mind the description can be really handy for the search results because if you talk more about this hoodie about what it is how it how it feels what's so special about this hoodie and people search for that on the internet a hoodie with this specialty they can find your product because you have written about it in the long description there's also a short description over here below so i can say when you wear this hoodie your life will change friends become friendlier and you will become popular wherever you go now if i update it this short description will appear below the title so if i refresh the page on a mac command r on the pc f5 you'll see it over here so step by step we're gonna build this into a beautiful product with a lot of information about the product so people know if they want to buy this or not but if people see this for they're not gonna buy it because they don't even see what it is so that's what we're doing here we're making this product better right now we work with euros i don't want that so in order to change that we go to woocommerce settings and then the first step general we scroll down i want to change the currency to united states dollars and i think with dollars you have the two comma club that means you have one million in sales so a thousand separators should be a comma otherwise it's the two dots club and then the decimal separator is a point and of course the number of decimals should be 2. so now if i go back to the website to the product i can click over here on edit product or you go to the back end to products all products you see it over here you can edit it and then you see the price in dollars well the regular price for this hoodie is 49 dot if i update it it will look like that you'll see that and now people can add this to the card let me show you this this is what woocommerce does for us i click on add to the card now i can go and view the card here's the card with the subtotal and the total now i can proceed to the checkout i can fill in my details there's no payment option yet but if there was i could place my order and look how beautiful everything looks woocommerce is creating all this stuff and then the bloxy theme is styling it all in a beautiful way and makes this float and stuff i really like the combination of woocommerce and the black city theme so i go back to the homepage to the hoodie and i want to give this a discount how can i do that i scroll down again to the product data general by the way if you don't see this or you don't see something else go to the screen options and there you should be able to turn it on so you can see it the seal price i can say you know it's on sale for 39.95 maybe you're at the end of the summer you want to sell a few extra addresses or hoodies or whatever they can say you know there's a sale price and you in that way you can increase the sales especially when you have an email list you can build an email list by giving people discount and then in exchange for their email address they get discount so you build your email list and then you say hey there's a big discount on this hoodie you send it to 20 000 people and a lot of people can buy it and then you can make profit i can also say this will only be available from today until the 31st may 2022 if i update it i refresh the page you see it's discounted and if i go to the shop it'll say seal then there are more tabs over here i did not tell you before but it's a simple product but it's a simple product it only has one size and one color there are no variations this is what you get so that will be great if you sell a cap in one color one size it's not virtual it's not downloadable it's a physical product so i don't check these here in general we discussed the price the sale and the amount of time for the sale then we can go to inventory there's the sku number well if you would sell a specific branded product for instance a nike hoodie if you would sell exact this exact product then you can scroll down over here and search for the sku this one that means that if you are here at nike.com and nike says hey sorry we are out of stock and people are smart and they think okay they're out of stock i search based on this sku number i paste over here to see where else i can buy it as you see it's everywhere almost everywhere the same so when they cannot find it on nike your website can appear over here when you use this sku number so definitely when you use when you sell a nike branded when you sell branded products always try to find the sku number if you don't have it you can create your own one it can be anything it can be a g d b forgot a rope 24 and then zero whatever and then when people have questions about a certain product and they send the email they can fill in the sku number and you know hey it's about this particular product i will keep it really simple for the sake of the tutorial i will call this one g b0001 do i want to enable stock management yes so i can say right now i just bought 20 of these hoodies so people can buy 20. if i update it and i refresh the page what it will say there are 20 in stock so when somebody buys one it will say they are only 19 in stock realize inventory do we want to allow back orders you can say do not allow when you say do not allow and i want to buy 21 it will say value must be less or equal to 20. but if i say you not allow but notify the customer people can order as much as they want but when they order more than i have in stock then i will have a warning on my website saying hey keep in mind that i don't have these in stock but they will go to you as fast as possible i personally do not like that so if i would refresh the page now it says they can be back ordered so i can order 50 add them to the card if i view the card i have 51 and they are available on back order and i personally don't like it because then people don't know when they will arrive it can be three weeks and people don't want to wait so i personally don't like to use that option i can also allow it and do not even notify the customer and then if i go to the product it will say 20 in stock but if i say i want to buy 60 it says you have added 60 but then you have a problem if somebody buys 111 this looks nice of course but they need to deliver them and maybe uh they don't have them in stock at the place where you buy them and then get me in trouble so i personally would not use those two options back orders do not allow what you can do at the low stock threshold you can say if i have five left i want to receive an email from my website saying hey ferdi there are only five left or if you have a different name your name will be called in the email automatically and it depends it depends on the product because maybe you have a product that sells five pieces per day well then you will be out of stock in four days so then you can say let me know when i only have 18 left so i can also do this by default so low stock threshold if i would update this either go to woocommerce settings and then i go to products i go to the second tab over here inventory inventor inventory low stock threshold i can bring this to eight so if i have only eight products left of a certain product or a certain size or a certain color i will get a notification and then i can order the same product again so i will always have it available in my store so i go to the webshop again edit product and now by default it will say eight so i can change it over here if i know this is being sold 15 times per day then i need to have a warning when i only have 60 left in store so that's it about inventory shipping we're gonna take a look later at shipping right now i want to say in kilograms you can change the weight and based on the weight you can decide how much people need to pay for the shipping cost well maybe you're not familiar with kilogram if you want to fix that we go to woocommerce settings products again and over here at the weight unit we can change it to ounce set ounce lbs and we can also change this to inch i have to say i'm not that familiar with it i think in kilograms and in centimeters and meters but that's where you can change that let's go back to the product edit the product we're still having fun i hope so this should be the fun part of the tutorial so if this is not fun for you uh i hope somehow i will become incredibly funny so it's easier for you to go through this tutorial you can do this so now it's lbs and i can change the weight and then based on the weight of what people sell or of our people buy they need to pay a certain amount of shipping cost so i will leave it as this linked products that's for later upsells cross sales because i only have one product so i cannot have an upsell and then this is something for another time only at advance i want to show you if people purchase this hoodie i can give a personal note or a note that is attached to this hoodie you bought this hoodie i know this will change your life for the good forever and here's the menu order so if i buy 10 different products which one should be on top you can create a custom order order at the card so if you have three different products which one should be on top i'll leave this empty then let's talk about reviews when i go to this hoodie i have the description the long description but i also have reviews and since i'm logged in i can give this rating of five and i say this hoodie changed my life i was cold and had no friends now i am warm and i have too many friends submit much many i still don't know when you should say which one so now we have a review and since i'm the ms traders edit immediately and now when i go to the home page i see the five stars so when somebody else will give four stars i will see four and a half start over here so that's it about reviews then i can go to the right i can say that this product should not be published pending so i can let someone else create all these products put them on pending i will check them if they have created them the right way and then um i can say okay it's okay publish it visibility same thing i can make it puzzle protected or private i can say it will be published from a certain day so maybe you're selling a video game that will be released on a certain day and on that day you want it to be in store so that the 15th of may something new will be um in store from 9 a.m and then you can schedule it like that and if i would change this to 15 okay it will say schedule instead of publish i bring it back to 10. do i want this to be in the in the visible in the catalog this is the catalog and if i say search and results only okay update it will not be in the catalog but if people search for it hoodie it will be found over here we'll talk about this later because then there's a nice way how you can use it and sell more products so right now i say show it in the shop and the search results and i can also make this a featured product update then let's talk about categories if i go to the nike website i'm sorry it's a dutch website but what i see over here is new releases man ladies kids seal and collections all those titles are categories and everything you see over here are subcategories that's a way to give structure to your website especially when you sell a lot of products so that's what we're also gonna do we're gonna create structure in our website by using categories right now everything is uncategorized if i go to the home page it does just does not look appealing when i click over here i see uncategorized so hoodie is for this can be for men so i can say men and then i can create a subcategory i don't want this to be a category i can say hoodies and hoodies can be a subcategory of man then i add this category and now i have a subcategory if i would update it which i will and i refresh the page home man this is great this gives structure and now when people want to go to hoodies they will see a catalog with all the hoodies in my website so as soon as i give a product the category hoodie it will appear over here and that way you can create a beautiful structure in your website also in the menu like man like they did over here gentlemen and then featured shoes clothes sport and then subcategories and then if i would go for soccer i only see all the products that have soccer as a category the same is with text but with text there's less structure so i can say black because it's a black hoodie and if i say comma then i can say something else attack hoodie cotton cotton polyester and if i click on add i have three tags and based on those tags i can also bring on a bit structure in my website so if i view the product i go over here to the text and i click on black i will see all the products with the tag called black so with categories and with text you can create structure in your website and then really important of course we need to have an image over here otherwise who will buy this if they don't see what they are buying so make appealing images don't make crappy images product image set product image i click on upload files select files and if you are following along with the images i use you can go to images tutorial woocommerce and then there's the hoodie side and the front i hold shift up up so i select three images at the same time i click on open i can select only one as a featured image and that is this one the front then i create a space over here copy this paste it in the alt text and paste it in the description same i can do with this one hoodie site and back hoodie back and then i select the front set the product image and now it starts to look really nice if i refresh the page yes nice if i click on it i see it over here i can zoom like that i think okay i like it what else i can do here below the featured image i can have the product gallery so i can add those other products over there and when i do that woocommerce and the bloxy theme will create something amazing for us refresh now i can navigate through the images also here hello i have to say they'll like that so those are the basic settings of creating a product as i said we're going to create multiple products different products but right now this is what we have our first product it's on sale from 49.95 to 39.95 we see an image short description inventory how many do i want to add to the card now we cannot do it because there is no more back ordering the sku the categories and the tags and then over here we have the long description and the reviews if i would open this website in a new tab as an incognito person so i'm not logged in no cookies okay i scroll down i see the product let's say i bought it i'm so happy with it that i want to leave a review i can click over here and i say wow thing about becoming popular it's so true i thought it was a joke i have great friends now thank you source i select a rating of five of course submit shares then heymelon gmail.com i can save my details for the next time i submit it and it's awaiting approval so if i refresh the website or i go to the back end i see a comment i can bring it to the trash or to the spam i can approve it i can reply great to hear that short reply and i want to edit it because i made an error great to hear that update now when i go to the product there are two reviews and one reaction great there can be a third tab if i edit the product i go to inventory and i say let's say 0.4 kilograms to lbs 0 comma 88 so i can say 0 or let's say 1. update i view the product and now i see a third tab in the center additional information and then the weight is 1lbs okay what i don't like is that the screen is really big the website is really big so if i want to make this smaller i can go to the customizer hover over here so you see the image then i go to woocommerce single product i want to use a smaller width like that i can also make it boxed which i also like a lot we're going to take a look at those settings later but right now i like this more so i click on publish close this i think it's also for you easier on the eye to display things like this so that was our first product so let's create a second product and this time it will be a variable product i'll explain to you what i mean i go to new product and this time i want to sell a t-shirt with multiple sizes multiple colors so first i will talk about the name t-shirt we talked about the long description and the short description i want to go to product data and i want to change the simple product to a variable product because we want to have more variables sku gdb something like that i want to enable stock management but i want to do that based on every size and every color so i will go to attributes and now we can add attributes a custom product attribute i click on add and i can give this a name what i want to have is the attribute called size and over here i can enter the value so size i want to have xs or s then i need to use this symbol to separate them m l and xl i can also say small medium etc or 36 38 40 etc i will use s m l and xl then i need to check this i want to use this for variations i save the attributes and then i want to create a second attribute clicking on add and this time it is color i want to have two colors black and white so i check this again i save the attributes and now i want to combine those attributes i can do that at variations so i click on add variation and then i say create variations from all attributes go are you sure yes and it says eight variations are added that means people can buy a black t-shirt that is a has a size s a white t-shirt with a size s black t-shirt with xl etc so there are eight variations it seems to get stuck so i publish it let me view the product and it seems not to work yet so i go back and add a product before i will update everything over here select this update plugins okay then i go to the update icon again and update the blockchain theme great i go back to the website to the t-shirt and edit the product and then i go to the variations again and yes it works okay what i want to do it says the eight variations do not have prizes variations and the attributes that do not have prices will not be shown in your store so that's the reason why i see nothing over here so i can expand all those variations and then i can place a price over here and then copy it and paste it or scroll up and i click on let's see set regular prices if i click on go it will set the regular price for all the eight variations this will save me time so i say 19 okay update let's see what happens okay and now it says we can choose size s and we can choose black we don't see images how can we add images scroll down to the variations expand them all and here per variation i want to edit the images so i click here i want to have a black t-shirt so i upload files select files and in my folder you will find those four images about the t-shirt then i click over here i'm searching for black front yes okay then i scroll down white black you only have to do this once so uh i'm okay to do this i just think hey i'm building my webshop webshop i'm gonna sell things and the more effort i put in it the more rewarding it feels probably when i start to sell things although it would also be great to not put a lot of effort in it and still make a lot of money that's what we probably all want but uh this is okay update when i refresh the page i will not see an image over here but when i choose the option m and black now an image appears why because at the variations every different variation has an image but if i go to the right hand area product image there is no product image yet so i will set one which is the white t-shirt and then the front and then at the gallery i want to have the other three images so we're getting there step by step so by default there's a white t-shirt i can click here see the back to the front of the black t-shirt and the back those images are way too dark i don't see what the front is in the back so now if i say s black i see black image if i choose white i see the white image so that's what i really like and if i add this to the card i will have the size s and the color white that's what i will see so if i view the card t-shirt as white let me remove this if i go back to the product and i go for size xl and black and i add it to the card and i view the card i have twice the same product but one is size s and white and the other one is excel and black so i have one product and multiple variations and people can buy those what else can i do if i go to the product i can go to variations and i can say that i want to enable the stock toggle manage stock so if i say go now the stock is toggled so here we see manage stock checked and also over here everywhere so now we need to have stock because right now we don't have stock and i think since we manage stock it's now all out of stock yes out of stock so i can buy 10 products of every variation so i will have 80 t-shirts 10 small white 10 xl black etc and if i want to set that i go to stock go and i say 10 that means that i say that the stock for every product is 10 but maybe you know that size black will be sold less than l black so i can also say that for the all the small sizes i only have five in stock also here five be careful i want to update it over here but first i need to update it over here on otherwise i can lose information and changes so i need to scroll down all the way save the changes here and then update now if i refresh the page size s and white five in stock but size m and white i have ten in stock and if i buy one of course it will become nine so on automatic pilot i go back to variations and i expand them all and maybe i'm like yeah but the xl version the excel version of both over here there are more they are they need to be a little bit more expensive so those are not 1995 but 24 95 the same goes for the white version okay let's test it if i don't save it here but i do update it here i refresh the page okay it seems to work so you don't have to uh save it there below because now if i go to excel this is 24.95 if i go for an l it's 1995. that's the great thing about all those variations we can all give them specific prices stock we can put those on sale so for every individual variation we can change things over here the size the weight the size dimensions the low stock threshold so that gives you a lot of flexibility and don't we all like flexibility especially when it comes to i don't know so a few more things i can create a small description all these t-shirts have been worn by 30 corpus hook and they have not been washed so you can easily sell those on the internet for ten thousand dollars but first buy them them here wow something like that and um also here categories i don't want to have the category on categorized i click on new category and it has the parent men and i say t-shirts add the new subcategory men and t-shirts also here t-shirt comma black white cotton i add them all i can add a review whoa they smell great update let's take a look there's the text so now if i go to the shop i see two products one is on sale one is not over here i can add it to the cart over here i can select the options why here there's only one version and here there are multiple options and then we can choose a size add them to the card view the card okay then i go to the shop again i also want to buy that hoodie view the card i can proceed to the checkout and all looks beautiful we can place our order and that's the way the cookie crumbles now i can create a third product by going to new products this product is a coaching call with 30. i go to the short description and i say ask me anything about my expertise expertise so that they're a good word for instance about affiliate marketing or becoming a world wide known male model i know a lot about a lot about those subjects especially male modeling it's a hard world you know it's it's sometimes people ask me how is it for you to be so good looking and um people are shocked but with what i say i say uh i'm not that good looking no for no you are yeah those are the i i have with people conversations weird okay this is a simple product there's only one version of it it's a virtual product it's not a downloadable product it's a service i offer you can also sell tickets this way so people can buy a virtual ticket it's not it's not downloadable so the product is a coaching call with me the session is about 90 minutes minutes and i charge 299 dollars i do not give any discount inventory there's no none g d b i don't need stock but what i do want to have i want to sell this individually so people cannot buy this five times so i have to talk with them for five times 90 minutes now i only want to sell this as one single product okay then i go to the categories coaching new category i have product tags for the coaching call google meat product image i have an image of myself from 2013 this one there was the i think three weeks after i uploaded my first video and then i did not follow through and six months later i decided to give youtube another shot to really go for it and now i can do this for a living only one product i publish it let's see how it looks review the product coaching code 30 i can add it to the cards i cannot buy 10 of it only one the categories sku tags reviews and uh talking about tags if i go to the shop and i go to t-shirts and i click on men i see all the products that have the category man so we're getting our structure that we want especially when you have a lot of products in your website so um yeah this is it short description over here no reviews yet if i don't want reviews i can also edit the product and let's see if i can do that over here um i don't know what i can do i can go to all products quick edit there i can turn off enable reviews that's always how i do it so i don't even know how to do it on the big screen on the big editing page maybe somewhere over here yeah i think so somewhere here advanced yeah of course i was just no kidding not funny and again i can give some purchase or maybe again maybe not again i did not tell you yet but i think so but i can say over here thank you for investing in yourself as soon as we receive your payment we will reach out for you or to you and make an appointment or just give them a calendly link and then they can book an appointment with me update by the way coaching man that business is amazing last year i did something interesting i paid 37 000 for a coach coach in the netherlands he was gonna help me selling my affiliate marketing course and i said that to him i want to do it in a way that is how do you say that um in integrity like i want to sell with integrity not sell people by pushing all their emotional buttons and i want to sell a lot because i think the course is really great i still have that course and he said i know i can help you and then i need to do a lot of weird things like buy an expensive watch put it on instagram uh hire a lamborghini and put it on instagram and buy expensive clothes and and come across like a very wealthy person i was like oh that's so not me so uh i asked a refund he could keep a little bit of money a lot of money i got a lot of money back so uh but the coaching er core industry the coaching industry is a big industry but be careful for people that just want to make sales because you can sell anything if you learn how to do that and people know how to trigger you so you will buy things so that's a free a free addition to this free tutorial be careful with what you buy on the internet because you can get burned very hard i'm happy i got my money back 75 percent the rest i said to him you can have it i'm already happy that i get my money back because i need it for other things so that was my frustration we created a beautiful coaching call product and now it's time to create another product i click on new products we're gonna create a digital downloadable product and i have an e-book e-book called how to become an online entrepreneur it is a simple product it's a virtual product and it's a downloadable product and i sell it to you for just 14 and normally i sell this for free so please don't buy this by the way this whole shop is fake it's not real i don't give coaching calls there's no seal and over here i want to add the fell and choose a file upload select files i go to my desktop there it is just 254 kilobytes so you can sell digital stuff it's amazing it's amazing i copy the url and i give this a title uh how to become an online untranslated paste the code how many times can people download it after they buy it well unlimited times when does the download expire i can say after 10 days but also for me never then i click on product image upload files i have a another digital product bought it this will turn my image into a book layout it's called uh house called a mock-up and also there's a digital product that people can sell so you can sell digital stuff on your website if you go to themeforest.net wordpress popular themes this one is sixty dollars in the last week or maybe month but i think week it's sold two thousand times that's a lot of money and then themeforest gets a bit but this is all digital all code all fails so uh it's an interesting world the world of digital products and if you take a look at adobe either we premiere adobe after effects photoshop all digital stuff when you can create a tool a plug-in something you can sell unlimited times that's very interesting so i can create a category ebooks ebook entrepreneur i can edit and then i'm satisfied maybe also go to inventory sold individually update view the product there it is add it to the cart and you're good to go what else also really interesting world to the world of affiliate marketing if you want to learn more about that search for affiliate marketing 30 six hour course also this one's six hours and not that much fuse i don't get it but um hey it's up to people if they want to watch it or not more tutorials about that and how to start with affiliate marketing so what i can do i can sell elementor pro and this time it is a external affiliate product and the product url i need to have an affiliate link for that so i go to my affiliate network and i copy my link and i paste my affiliate link i say get elementor as a button text the regular price is 49 i think product image upload files select files and here it is elementor open so there's also something you can do you can um publish you can promote other people's products and when people buy that through your unique affiliate link you make money so new category plugins uncheck uncategorized elementor wordpress page builder i add them so let's see how that looks view the product elementor pro plugins get element pro i click on it and when people buy this now so they go to plug-in they buy this one or maybe this one i get a commission and i make money how great is that i think it's pretty great pretty great so one more product we are going to create let me take a look at the shop we already have five different products now we're gonna create one more product we're gonna create a grouped product so in this grouped product i will create a parent product and within that product i want to show you three different products and i will show you how amazing that will look so the parent product is a usb stick and this can be anything it can be an iphone it can be anything that is one product but that has multiple sizes or actually it can be anything you can have five totally different products and line them up in one product and then people can choose how much they want to have of every product so in this example it's an usb stick so i scroll down to the product data and i change this to a grouped product and the sku is g d b five or six i create a new category which is alec tronics i can have a subcategory sticks and the parent one is electronics i can have text usb stick it's okay i also have an image product image upload files and i search for the usb copy paste paste set the product image okay publish now i might go to the website we see it over here there's nothing in it so that's what we're going to create right now i hover over new product this one i call 128 gigabyte usb stick i don't use product categories for this one i do use an image now to select a price so i call this one or i say it's 1995 and then over here really important at publish i need to go to the catalog visibility and i change this to hidden publish and then i click on copy to a new draft this one is 256 kilo kilobyte no gigabyte i paste it over here and i change the price to 24.95 publish and then the third one copy to a new draft 512 usb stick copy paste publish let's do one more 1024 gigabyte usb stick copy edit paste okay publish okay if i click on the homepage i go over here and i see nothing i want to line up those products so i click on edit product i scroll down and over here since it's a group product i can go to linked products and here i can select them if i say usb i see those products usb again usb and the latest one usb okay update view the product and now i see them lining up like that so we don't see all the individual products of the usb sticks but over here we see the grouped product and i can select a few of all of them if i add them to the card view the card i have selected all those products over here so if i take a look at the shop i see we created six different products a simple product just one size one piece one color that's it then variable products with multiple sizes multiple colors and we can give each variable different information for instance the price or the stock then the coaching call that's the service product add to the cart and the downloadable products add to the cart and the affiliate products if people click on get elementor they go to my affiliate link when they buy it i get money and then the group's product great and now if you create a lot of those products your webshop will grow that's the best sentence i've used if you create more products your webshop will grow simple as that before we do that i want to take a look at the look and feel of our webshop congratulations you created six different kind of products and those are actually all the kind of products you can place on your website but now we have our website over here but i want to make the look and feel better and that's why we need the bloxy theme so let me show you how to customize the bloxy theme in a way that our website becomes even better so in order to change the look of view of our webshop i can go to the customizer and then i can scroll down all the way to woocommerce and there are three areas and this what we have over here when you see multiple products that means that this is a product archive page so if i click over here product archives i can adjust information on this page for instance this area if i don't want that i turn it off and it's gone that's how easy it is if i turn it on and i click on the arrow i can configure it so i can select type one and look like that type two i can say i want to show the bread crumbs change the alignment change the container with i can add an image to the background if i go to design i can change the font color i can make it bold i can make it capitals i can change the margin and the padding so there's a lot you can do i go back and i go back and i turn it off then what i see over here i have an image below that there's a title below that the price and add to cart that's type 1 of this card if i change it to type 2 it looks more like one area one big card i personally prefer it above this one but hey you can choose i choose this one and then i see four columns so four products in a row i want to change that to three so they become a bit bigger but later we'll we'll talk about the sidebar so it will become a bit smaller again and then the number of rows i decide to have three so i can have a total of nine products per page then we can go to the card options this is a card and what i see is that the quality of the image could be better so if i click over here i can change the image size to 600 and when i do that the quality is better so that's what i prefer i can also change the aspect ratio the image ratio ratio to 16 by nine i can change it but i prefer to have a square image make sure that when you do that that everything looks great okay image hover effect swipe images that's what i prefer so when i've this area and i hover over it you see a different image when you have a second image or zoom in and the fourth free theme man this is so amazing i emailed those guys last week hey guys i'm making a new tutorial man i'm so happy with your theme it's so amazing i've i've always been dreaming of a theme like this and now it's there i can show the categories over here and i prefer to do that and i don't want to have the add to cart button so i turn that off and then it's gone and automatically this will align to the center the cards gap i like to make 20 if i say 50 you see there's a bigger gap and i like 20 pixels so for me this looks amazing then we can go to design change the colors and change the font for now i leave it as it is only the radius of the border of the card i can make it 50 and then you see what i mean and i like to bring it to zero so it will be square publish i go back and then over here do i want to show this area where people can short based on popularity or latest and if i don't want that i can just turn it off before i had to use css code codes uh work with php and stuff now it's just one simple click on a button shop results counts over here no if i remove them both there's less space over here which i really like if i have a small shop i don't use the sorting if i have a bigger one i use it you know i'll use it then i want to have a sidebar it will be over here we'll talk about it later and then over here i can bring it to the left or to the right i prefer the right because that's what everybody has and i want my webshop to be intuitive and pagination if there are more products i see pagination over here and i can configure it facility options whether i want to display over here i can also only display categories that brings me to the following i can give all the categories a certain image i'll do that i can also show categories and products but i prefer to only show products by default what kind of ordering do i want to have i use the default one and you can change it so if you say sort by price ascending the cheapest one will be here most expense one will be over here i use the default sorting i go back and i go back and that's it for the archive page if i go to an individual product this one a single product and i can go to the single product if you don't see the image you just need to hover over here and then you will see it i can remove this upper area by turning this off or i turn it on and i configure it and i can change it like this show it like this then i can add a title extra pose meta and then bring it back to something like that and then you see all that information but i don't want to show that i only want to show the breadcrumbs so i turn this off and i want to bring it to the center container bottom spacing how much space do i want to have over here i think 32 is perfect beyond perfect design those colors we'll talk about colors later but you can also change the font or click over here and then you see all the options so now it looks like that but i will bring it back to the default one we'll talk about it later let's click here one more time make it a little bit more bold great i can display it in the white way what i did before or with the right sidebar or with the left sidebar well i don't want that for my product page i just want a narrow width so we can really focus on the product instead of a sidebar and i can make it box i can make it white i like the box version and i can remove the space over here but i like it so if you want to you can do something else you can also play around with the gallery options so i can make the gallery smaller or bigger i like 50. thumbnail spacing so the the spacing between the thumbnails then thumbnails i could also make them vertical so they won't line over here and then again take a look but i use the horizontal one i prefer that one also here i can change this to uh 16 by 9 etc i use one by one and then the image size perfect i want to have a light box that means that if i click on the image or if i click on this icon over here i can see the image in its full width full blurry and a zoom effect if i hover over it do i want to see this zoom effect you can turn it off you can turn that on those colors you can change them and as i said when we talk about colors i'll talk about it later okay we're not there yet i can decide what i want to display over here so the product title and then over here i have extra options product price add to cart and if i click over here i can go to design change the colors the sales batch if i turn it off it will be gone i want to display the star rating and the product meta information over here we have three tabs i can turn them off they're gone but i like the way it is and i can also change the style to type 2 but i'm ok with this do i want to have a sticky gallery yes look at this if i turn it on and i scroll down it sticks with us or a sticky summary so they can that can also stick with you but since the uh text is bigger i stick them both and right now when i add something to the card let me see if i can do that from the customizer no if i close the customizer i go to this product and i add it to the card over here i will see who has been added to your card and i can view the card what i also can do i can go to the single products area where i was before and then the add to cart i can turn this on if i publish it and i close it instead of appearing over here look at this it will appear over here so whatever your preference is you can do that i like it so i keep it then there's the other tab the third one general and if i click on this product or maybe better the the hoodie because the hoodie has a star rating first messages and what color should they arrive well they're all fine star rating what color should it be i can change the color when the quantity input over here i can turn it off so people need to manually fill in a number over here and if you use a plus you can also use type one and then change the design i like type 2 or i prefer type 1. seals and stock batches how do i want to showcase it i can make it a circle right now it says seal i can change the text i can also use a percentage so it will show how many percentage the the discount is so if i publish it and i use this i go to the shop and to the hoodie it will say 20 of discounts so that can also be interesting for you general seals and stock batch i use the default one nodes i'll use the custom one and when it's out of stock i can also display it over here then the account page let's go to the account page i can use an avatar i can use a username and login log out but since people can also do that over here i don't need to do that check out page for that we need to go to the checkout page do i want to have a coupon coupon form so people can can fill in if they have a coupon code but that's already the case um at the cart page there they can use their coupon code so i don't use it on the checkout page let's go back to the checkout page highlight required fields so it will look a little bit different i don't need that and over here i want to have a clean checkout this is a lot of information so maybe you're only selling to maybe you're not selling two companies so you can get rid of this company name field you can say make it required or hidden the second address line i want to hide it zip code town phone maybe i don't need the phone right now it's required i can also hide it then we need to select a privacy policy page and a terms and conditions page so i publish this over here close this page i create a page called privacy policy okay add new because i also want to add the terms and conditions page publish publish we'll talk about it later terms and conditions privacy policy returning stuff policy so i go to the website to the customizer general checkout then i go to the checkout page and over here i select the privacy policy page and here i select the terms and conditions page you can change this text and you will see it over here your personal data will be used i have read and agreed to the terms and conditions and you can change the text over here change this text and select the right pages so store notice if you're a fake store like this one you can make a notice people say this is demo store for testing purposes no order shall be fulfilled so if you want to do that you can turn that on so that's it for the settings and now our website looks great and of course we're going to take a look at the sidebar right now i'm really happy since we have multiple images i can talk about upsells and cross cells so if i go to the hoodie what i see is related products over here but i can also play some custom upsells so i edit the product i scroll down to product data linked products and here i can place an upsell so let's say if people buy a hoodie they definitely should buy a t-shirt let's say a white lt shirt and if i update it i take a look at the product i will see that upsell you may also like and then this one or add a link products t-shirt l black or elementor update refresh and now it says you may also like one of those three products so that's an upsell so depending on the product this time at hoodie i can create some upsells over here but i can also create a cross cell what is that if i say elementor let's not save it yet if i add this to the card and i view the card i see nothing over here but if i have a cross-sell with elementor pro and i update it that means that when people have the hoodie in their cart here below look at this a cross cell will appear so that's how it works and when i get the hoodie out of my card it will also not be there anymore so those are upsells and cross sales and that's a nice way to increase your sales before we're gonna talk about sidebar and widgets i want to take a look at my menu because right now there are a lot of pages and i don't like the way it looks so i go to the customizer and then i go to the menu over here and i can create one and i have no menu yet so i click on create new and i can call this one the main menu i choose header footer header menu 1 so everything i will add over here will be displayed over here so i can add an item for instance the shop and what else let's do the checkout and the card and my account for now that's fine i can change the order publish so it looks cleaner and later we're going to take a deeper look into menus it is time to take a look at the sidebar and widgets i don't have anything else to say about it so let's continue with that okay let's take a look at the sidebar over here and widgets so in order to add widgets i go to the customizer i scroll down all the way and there i see widgets i want to go to the woocommerce sidebar then i need to say i got it i can add a block over here if i click on browse all i have a better overview everything you see over here can be added to the sidebar of the website well since we have woocommerce we also have woocommerce related widgets so we have a sidebar that is the whole area here at the site and in those sidebar we can have widgets so i like filter products by price so i click over here and then there appears a widget so let me publish it and close it what it does it shows my cheapest product and my most expensive one and then i can use filters to narrow the price range down so if i have only 90 to spend i click on filter and i see everything that is within that price range if i bring this to 30 you'll see a few products will be gone and everything you see over here is between ten dollars and thirty dollars so especially when you have a big website it can be really handy to have price filters and other filters talking about filters there are not that much filters in woocommerce but if you would go to youtube and search for groco block filter 30 i have this tutorial create filters that's me okay i don't see the example so if you would go to corp.com cb for croco block and go to solution ecommerce shop and i click on view demo the zoldan demo i go to shop i can have product category filters i can have a search filter length size so if i would say s i only see the products that contain the size s i can say i only want to buy black clothes and everything that is black so look at this all those filters so if you want to take that to the next level this is a great way to do that and i have tutorials about a lot of these features you can find them at 30corp.com and then tutorials croco blog and then i have 10 hours of tutorials for instance this one only almost eight hours so um i need to work on it because i don't have tutorials about everything yet but i will work on it so those are filters what else if i go to the customizer i scroll down i can go to widgets sidebar i can add a new one by clicking on the plus and i can search for cart if i click on it i can configure it a little bit further i can hide it if it's empty so right now there are no products in the card so it can be hidden i want to bring it on top like that so if i publish it and i close it i don't see it but if i go to t-shirts i choose m black add it to the card and i view the card and i go back to the shop now i see this card that is a nice feature filled by price and the card what else customize scroll down widgets woocommerce sidebar click on the plus i want to play some featured images featured product i can select one coaching call with 30 done and then it will be displayed like this i can click over here show more settings i can show the description or not i can change the opacity of the background i can change the focal point change the colors of the text not the background if i publish it and i close it i knew it i knew that the button will be in the center so that's something you can do and what you also can do go to google search for best free woocommerce widgets or even better go to youtube and search for those and actually i should have a video i don't my best friend daryl wilson he's not my best friend but he's a friend i'm in touch with him nice guy oh he has quite a few tutorials about it that's great so uh the 15 best plugins that will make you money don't we all want to make money so you can watch this one let's uh screw this up to three views per hour screw is that the right word no i don't think so let's bring it up turn it up i don't know so those are a few widgets and actually i don't like the way they are displayed over here so i can change that by going to the customizer then i go to the sidebar and there are a few options i think they are really big so i want to make them a bit smaller using type 2. now they have a nice white background but what i prefer is to split all the widgets in separate islands with nice white backgrounds to show what i mean let me go to the area separate widgets i turn it on and now there's a nice separation for all the widgets and i can also make the sidebar sticky that means that it can stick with us i'll show you in a minute how that will look let me publish it close this get rid of this refresh the page now if i scroll down it will stick with us okay we're going to add one more widget widgets sidebar click on the plus and then let me see categories product category list okay then i can click over here show more settings and i can show the product count make it a drop down like that i can show the category images but i don't have them yet show hierarchy or not and i want to do not show the empty categories so also a nice way to show some categories publish close i think it looks beautiful fantastic so i scroll down and if i go to men i see all the products that have the category man so i can click here add it to the card view the card change the amount update the card we're gonna talk in a minute about coupon codes we can proceed to the checkout everything looks clean this sticks with us it looks great what i want to do i want to add an area over here that will show how many products we have in our basket in order to do that let's go to the customizer then i go to the header really simple over here i see the card i drag it over here next to search click on it it looks like this i can configure it so i can choose one which i like the most well i like the type one and then a design we can change those colors background make it lighter okay no maybe it's okay as it was or like this and then i can change all the colors what else we can do we can change the size of the icon i can batch how many products there are in the basket i can change this and i can also turn this off that means that if you hover over here that this will be gone great and then i want to get rid of the search area publish great let's go to the homepage have you ever bought something online and then became a client in that store you left her your address and your email account and then you got posts or messages from them saying hey there's a special discount well i have a lot of times and then i think hey you know what if i get discount let me buy something in that store because i get discount well that's a great way to make more sales by giving your customers coupon codes so let me show you in the next part how to create a different kind of coupon codes so you can make more sales on your website for new visitors and for returning customers in order to create coupon codes we need to go to the backend so i hold command or control on the pc and i click drag this to the left and then i go to marketing coupons i want to create my first coupon coupon cubeco gopal so you can give this a name or you can generate a code and when somebody fills in this code over here at the card you can apply certain coupon discount settings so the first one let's say that the discount type is a fixed card discount of 10 dollars if i publish it and i grab this code and i paste it here and i apply it look at this we go from 159 to 149 but also when people buy something relative cheap relatively cheap so let's get rid of this one and go to the shop and somebody buys this ebook add to the card view the card it only is 4.95 so 10 of discount for a 15 product i think it's a little bit too much so what i can say in the description is get 10 discount or off when you spend at least 35 how can i do that now i need to go to the usage restriction and i say the minimum amount that needs to be spent is 35 update so now when i try to apply the coupon code it will say the minimum spent for this coupon is 35 so now people need to buy more now the coupon code can be applied as you see over here so the minimum amount that needs to be spent is 35 dollars i want to change the code to guard or rope guard or rope then and then i go back to general so it's a fixed amount fixed amount in dollars the amount is 10 i can also say that when people apply this coupon code they get free shipping no matter how much the shipping would be i turn it off and i can also say this is only available until the latest day of this month so i can send an email to my email list hey get 10 of this count for the rest of this month and then we can go to the user's restrictions i can say a maximum of 200 and after that the code would not be applied but i see no reason why i should do that i turn this on if i want this code to be a single code that cannot be used in conjunction with other codes so if somebody has a code card a rope 10 and also a code a 10 of discount if i check this it makes sure that they cannot apply two codes at the same time so they get double discount so i turn this on and i can also say this code is not applicable to sealed products so if i update it guard a rope then i remove this one and i paste the code it will say this coupon is not valid for sale items even if you buy other items as long as you have seal item over here it will not work so i will turn that off and i can also say it's only for a certain product only for the hoodie update so if i remove this i remove that and i go to the shop and i go for the coaching call even though it's more than 35 dollars if i apply the code it will say this coupon code is not applicable to select products i can also exclude products so i can say it's for all products except for the coaching call or product categories exclude categories or only for people that have a gmail account oh if you want to take it that far be my guest then i want to go to the usage limits i can say that this coupon can only be applied or can only be used by 50 people and only be applied one time per person so i can send an email to my email list from cardo robbie 24 hey the next 50 people get 10 of this count when people when you spend at least 35 and when that would happen that would mean or let's say 100 100. and all the people will use this that will mean that you'll make 35 hundred dollars and they can have a lot of profit so let's update it so every person on my website can use it only once over here and there are only 100 people that can make use of this coupon code so that's our first coupon code let's create another one second one with percentage so i can say 10 percent get 10 percent of discount on your complete order let's say let's get ten percent of discount plus free shipping on your complete order so this time percentage ten percent and it grants free shipping it's uh for an unlimited time available minimum spent no maximum spent no it's not for all the products it's available for unlimited usage and one time per user i can also say it's for only the first three items in the basket so let's see what happens if i publish this 10 percent not a lot of restrictions so over here i get it but now when i create a add a second product and a third product a fourth okay look at this what i see is that this is not 10 of this y because 10 is only applied to the first three products so if i add more the the discount will remain the same so let's try that add to the card a few more view the card so it's not working on all products probably on the three cheapest products so what i can do over here no usage nothing update refresh and now it's exactly 10 of the total amount i have to pay okay remove it let's create two more coupon codes free shipping get free shipping and then only check this you can use it for certain amount of people i use for everybody and then i can go over here and i say free shipping and when you add that it's a free shipping coupon so you don't have to pay for the shipping and then the latest one it can be for a certain product so i can say um coaching coaching madness coaching madness get 50 off on your first coaching goal with 30. it can be used only one time per user and it's restricted to only the coaching call that's it publish so um if i would remove this i say oh wait a minute view the card coaching madness i think it should be 1d it will say sorry this coupon is not applicable to select products but when i add the coaching call i view the card i say coaching madness i get no discount i forgot to fill in the number it's fifty dollars update refresh now it's fifty dollars if i would remove the coaching call my discount will also disappear so that is how you can create coupons and coupons are a great way to get more sales you can send coupons to people in your email list to everybody that bought something in the past well it's black friday and you have your email list send it to all the people in the list you can get a lot of sales in a short amount of time i've done this and it's great see how much money you can make in one day when you apply those principles so everybody that buys this should actually be put on your email list and you can send it i have a different tutorial about that growing your email list so if you would go and search for convertkit tutorial i hope that mine will be first no six months ago only 12 000 views and look how amazing it is two and a half hours 4k captions and then you can learn how to build a list and they say the money is in the list and it is really true if you can help people at the same time it's a win-win situation so that's it about coupon codes when you sell physical products you have to deal with shipping costs so that's what we're gonna talk about right now so in order to add shipping methods let's go to the back end of our website we're gonna add a plugin for that plugins add new i search for table rate i'm searching for the one from wp desk that is this one more than 100 000 installations a lot of good reviews updated 17 hours ago so it's a great plugin and it's free i click on install now and it has a pro version so you'll see some advertisements for that but i will use a free version in this tutorial it's doing the job perfectly i activate it okay let me close this and then i want to go to woocommerce settings and then a general i want to sell to two specific countries one is united states of america the other one is canada okay then i go to shipping and over here i want to add a shipping zone the first one is united states and the region is also the united states you can also specify this due to states and then i want to add a shipping method and then i select flexible shipping add shipping method i click on it now i can configure this and i call this one ups because that's the carrier or i already that's the company i use to ship my stuff you can configure this if you want to you can also give this a description but i don't do that because then you see twice ups and ups do i want to let people pay taxes over the shipping i can say none and i want to give people free shipping when they spend more than 200 and then the free shipping label is free you can change that then we scroll down close this then here i want to decide when people should pay a certain amount of shipping cost it can be based on the price it can also be based the weight so you can select over here based on the weight and then at the singular products open this in a new tab let's go to the hoodie product data shipping i can give everything a certain weight and then based on the total amount of weight people can pay a certain amount of money for the shipping so i choose price and i can say when the price is minimum of zero dollars and a maximum of 19.99 then the costs are 6.95 dollars then i want to add a new rule for the price when it is from 20 to 49.99 then people pay 12.95 from 50 to 199.99 people need to pay 14.95 and then i said from 200 on over here the shipping will be free so i scroll down i create one more rule j rule not just kidding from 200 until the max it will cost nothing save the changes so let's check it out right now i've spent more than 200 so if i view the card and then it's free why because we pay more than 200 if i close this i do not buy it anymore then it's 14.95 because we're between 50 and 199 so if i would be below 50 let's change this to one it's 6.95 and when i would buy a lot of them i'm over 200 let's buy one more a little more so now it's 14.95 because i'm still below 200 and if i update it i can only buy 10 so i go to shop t-shirts different size white add it to the card view the card now it will say it is free let's say i'm below 200 dollars then i need to pay those costs but what i can do let me go to the back end to woocommerce settings then to shipping united states ups what i can say over here display the notice with the amount of price left for free shipping that's really nice if i see that on websites i sometimes buy something extra to get free shipping so what it says now you only need to have 120 more to get free shipping so i buy one more and you'll say i only need 100 more to spend so when people are may only have to spend 20 more you probably will buy something else in order to get free shipping so that's a great way to make more sales that's what we want don't we so that was the first one i can create a second shipping zone for canada do the same thing also ups free shipping from three hundred dollars and over here i can do the same thing i can say from zero until 99.99 you pay 9.95 add a rule from 100 to 199.99 you pay 19.95 and everything above is free and then if you go to the checkout you select your country it's still free shipping so if i would go to the view the card bring it back okay for canada i need to pay 9.95 so let's add one more so now it's 1995. proceeded to check out and if i'm from the united states look at this right now we see 1995. if i'm from the united states the shipping is 14.95 so in that way you can calculate the based on the address where people are purchasing from and you can all put this on autopilot i really like it and i actually hope you do too let's talk about my favorite subject let's talk about texas and i'm not meaning the state taxes i'm talking about paying the government money you earned it's oh man it makes me so happy we have to talk about it it's not my favorite subject not at all but um on the other hand the more taxes you pay the more you make so i think it's a good thing to want to pay more taxes think about that so let's talk about taxes okay texas in order to do taxes manually we can go to the back end then we go to woocommerce settings and then i need to scroll down at the general tab until i see enable access i turn it on and when i say the changes i see a new tab tags i click on it and as i said we can do two ways we can do it manually and if you're from the united states you can do it automatically well here in the netherlands we have one taxes rate in the whole country not in every state a different one that's 21 percent and that's the standard rate 21 so if i have a company and my company sells a service for 100 i actually charge one 121.21 is taxes whoo don't we all love taxes but there's also a reduced rate for books for instance i only have to pay nine percent of taxes instead of twenty one so i have standard rates and reduced rates i can see them over here there's also a zero rate i don't use a zero rate that's there's no such thing in the netherlands and also maybe not in the united states so i remove that over here at additional tax classes okay and i like to save it so we have two rates the standard rate and the reduced rate so if i take a look at my website this is 299 dollars when i buy this at the end of the day when i want to pay let me remove everything else if i proceed to the checkout it is 299 total so no taxes nothing but if i go to standard rates i can insert a row and i can say for instance that in the united states us selected there is a tax rate of 20 the tax name is tax taxes or like that not for the shipping that means do you also want to calculate text over shipping i don't so i uncheck this if i would save those changes and i refresh the page that means that i will also pay around sixty dollars of taxes so the total amount will be this not 299 why why because at the tax options the left area over here i said that all the prices i end there should be exclusive of tax so if i create a product one hundred dollars by one hundred dollars and the price is one hundred dollars i publish it and i view the product this is 100 i add it to the card i view the card but then if i remove this what i see is that i paid 20 of taxes so that's what i mean with the setting no i will enter prices exclusive of tax so if you're only doing business to business so everybody that buys something from you is a company then i would place it like this people pay 100 and then at the checkout 20 of taxes will be calculated i can also say that i want to include the taxes in the price so if i say yes over here and i sell something that's 100 and the taxes is 20 it will state it will still say it's 100 but then if you go and view the card let me bring it back to one it will not add it up it will say out of this 100 20 is texas so right now it's x vet if you turn this on it will be inclusive of that so if you sell to companies i would say exfat if it's not to companies i would turn this one on yes okay calculate tax based on shipping address or billing address or the shop base address so your shop i like to say customer shipping address and for every situation it can be different so definitely google it if you're selling from a certain country check it how it is with the settings of your country in the netherlands is based on the shipping address so where the people buys from based on that address the taxes will be calculated and in the shipping tax class i leave it as it is i have the reduced rate so if i would go let me save it first i go to reduce rate and then again i can say united states and there it is 10 save it let me go back to canada or the standard rates and then i can insert a row canada there i can say the taxes is 15 or vet over here i can say canada is eight those are not the real numbers so check that for yourself depending on the country where you sell things to or sell things from don't calculate over the shipping so people that buy from canada will pay 15 of texas and people from the united states 20 unless they buy something that has a reduced rate so for instance there's a product all products and that is the ebook well it's an e-book for some digital products there's no taxes so let's say this is not the ebook it's a real book then i could say over here at general the text status is taxable but the tax class is reduced so i don't pay 20 in this case but i paid 10 so if i view the product i added to the card i do not pay three dollars let me check this i do not pay three dollars which is 20 but i paid 10 which is 1.50 so that's the reduced rate well if you're from the united states you can go to tax jar.com for states and then you see the taxes so in california it's 7.25 so what i can do i can go to the back end to woocommerce settings text standard rates and over here i can say the state code which is say ca ca and then i can say 7.25 and then the next one by the way this is canada so that's the wrong one i should do it over here ca 7.25 it's a lot of work us next one nevada 6.85 nv 6.85 well there is a better way and in that lens if i sell to the netherlands and belgium it's really simple i have the netherlands over here in belgium over here tax rate over here of the netherlands and tax rate over here the same with the reduced rates but if you would fill this in all manually it will be a lot if you live in the united states so what i will do instead i will go to plugins add new and then i say woocommerce text is from the same makers of woocommerce some people like it some don't it's doing the job for me so i click on install now activate i need to install jetpack and connect so that's what i will do and if you don't have it you need to create an account you can also automate shipping with it i can continue with google i can continue with apple let's continue with this email address i click on login okay i'm linked it's authorizing my connection great i will dismiss this now got it thanks i like to keep things clean as you know by now i don't want all this stuff now i go to woocommerce settings text and i see a new option automated texas and i enable it so that's better and i click on save now everything will be done for me which is way better in my opinion let me get rid of this one it's a little bit weird to buy 100 for 100 especially when there's shipping cost involved if i want to remove it move to the trash then i go to the trash over here i empty the trash i go back to my website and that looks better another amazing subject let's talk about the privacy policy disclaimers terms of service uh we're gonna dive really deep into that i will just show you the basics and then i will make another tutorial where i will dive deeper into the subject because it's a big subject so let's talk about that in order to sell things on our website in order to sell things on our website we need to have privacy policy disclaimers and stuff so uh let's talk about that let's create a few pages by going to the customizer then i scroll down to menus i create a new menu and i call this one legal i don't want to place it anywhere in the website so i click on next add items and then here i click on add new page and i type the first one privacy policy add now that page is created the second one terms and conditions with a capital if you don't use a capital here man you'll be sued like crazy i don't know but i think it's better cookie cookies or cookie policy then the return return policy if you make use of physical products what's the policy on that when people don't like the stuff a general disclaimer okay then i click on publish i go back i go back and then i want to go to woocommerce general and i want to go to the checkout page make sure that the privacy policy page is selected the terms and conditions page is selected great publish close this now i want to go to the footer i want to add those pages over there so i go to the backend holding command or control on the pc i go to first i close this screen uncheck sets my jetpack then i go to pages all pages based on the date so i see the most recent ones first over here i want to edit the disclaimer in the footer so i click on view copy the link backslash then over here i want to go to the customizer to the footer select the copyright area remove copyright current year after that i want to have a pipe say disclaimer then terms and conditions the return return policy so i go to disclaimer command or control k and i paste the link and i apply it then the next one let me see terms and conditions hold command in a new tab copy the link command k ctrl k paste enter the return policy view copy paste it okay then let me see the results okay i want to bring this to the center publish close it okay disclaimer terms and conditions return policy uh if you want me to make a video about this subject it's a little bit complicated but let me know i will do my best to create one what i also advise hire someone is in into legal stuff to make this for you and you will pay for it and then they will do a perfect job for you you can do it yourself google it now how to create privacy policy for a web shop and there's a free policy generator so you can use that one so that's how you can go through it uh let me know i can make a video about it but i don't want this video to be uh six hours i will leave it up to you to make this or create a separate tutorial for it hello people are you still having fun i hope so thank you for being here at this point in the tutorial that means that you're taking this really serious i hope uh you'll sell a lot of things as long as you sell things that are okay not really bad things and we're gonna talk about something really interesting and this is what i love when this works we're gonna talk about payment providers so when i made websites in 2005 i had to do so many things in order to make a website work with payment providers linking things encrypting things making things so it was so hard i i even cried once because it wasn't working i was having a deadline i was oh but these days it's quite simple to put a payment provider on your website what does it mean people can pay with credit card with with a lot of different with paypal with a lot of different payment providers or with a lot of different payment methods and when they pay you get an email like someone with somebody paid and you can ship products and if you sell digital products it will all be an automatic pilot so let me show you how to implement payment providers into your website or i mean payment methods if you want to know how to sign up for a payment provider you can go to 30corp.com forceless stripe okay you can sign up if you want to learn how i have a separate tutorial about it search for stripe 30. there it is it's two years old so the layout looks a little bit different but i talk about it how you can sign up so i can sign in already and i'll walk you through the steps but signing up is something you need to do yourself i need to confirm this with a number on my phone and text message and now i will be signing in okay my biggest sale sale day selling day was april the 19th 2020 great day my latest payment was last week because i sold my affiliate marketing course but what i want to do i want to go to developers i want to start with an api key then i want to use test data and then i want to use this publishable key click to copy then i go to summer clothing to the back end with summer clothing i do my website i mean my website with summer clothing i mean my bookcommerce website and then i go to plugins add new stripe woocommerce and i want to go for the one that is from woocommerce install now and then i activate it okay then i go to woocommerce settings i go to payments look at this all those options over here generated with stripe so let's go for credit card or is it stripe credit card turn it on now i need to connect my stripe account so i click over here but i prefer to enter my account keys so i click on advanced and there's the live publishable key that is this one i copy it and we're still in test data so i need to go to the test area i paste it then i copy the secret key i paste it here and then i need to create a web hook how can i do that well i need to add the following endpoint this one to my stripe account settings let me show you how i go to web hooks i add an endpoint i paste it and i need to select an event which is charge i select them all add events add an end point there it is then i have this key over here i copy it and i paste the secret over here i click on save test keys okay great now i can give this a name i enable stripe try just say credit card without stripe pay with your credit card via stripe which is pay with your credit card maybe stripe gives people some trust and this old test mode and seems to be working and on the bank statement what should it say ferdinand media or something else and i click on save changes great now i go to the website i go to the checkouts and i can pay with credit cards so let's fill in the details over here i can also pay with google pay let's fill in my details okay okay i can pay with credit card and i need to fill in those details over here and then i agree and i click on place order and if it works with the test version it will would also work with the live version your order has been received so it works that is great so now if i go over here now go to the home page i see today i made money it's um let's see today 15 31 15 31 so it worked and keep in mind this is the test mode so if i turn this off i don't see it so the test mode worked we paid money so now i can turn off the test mode go to developers api keys copy the publish publishable key go to the back end woocommerce settings payments and then again with stripe credit card i manage it i go to the settings i turn off test mode and i need to edit the account keys maybe i should first save it and it says the live keys are no longer valid i know because i need to edit them so i do that over here so the live publishable key is this one i paste it the secret key i paste it here and then again i need to go to the web hooks create a new one grab this code or this url paste it select events charge select them all add the event add the endpoint and i grab this key it's copied now i paste it and i save the live keys now you can accept payments with bank content credit card debt card eps jiro pay ideal price and other things i save it now ladies and gentlemen when we go to the website we buy something i add it to the card i view the card i proceed to the checkout i can pay with google pay i can fill in my details although they are already there and now there's no test information this is real stuff if i would pay with my credit card right now it will be subtracted from my credit card account and it will be added to my stripe account over here and it will be paid out a few days later so that's how you can activate payment methods on your brand new woocommerce website so how about we test it i go in an incognito window to the home page so this website is just a few days old i accept this stuff i click over here i want to buy this ebook as a brand new customer i add this to the card i view the card i proceed to the checkout i will fill in my details birdie i'm from canada now you know what united states a street address i've been to the united states twice it was amazing my email address will be 30 corp at gmail or or hook gmail.com okay and i want to pay with a real credit card and then i want to agree to everything place the order your order has been received now i can download the ebook that's the way the cookie crumbles and uh uh for me this this moment is crazy why this over here is a digital product i created this using indesign i got some knowledge it this is definitely not worth 14.95 it's a free ebook but if you create something with your information you make sure you get a nice layout and you use you create something valuable that is digital you can sell this an unlimited times and it's all on autopilot so i download this because i bought it but you can create something which is even better you can create a wordpress theme you can create a song that people can buy as a license to use in their videos you can create anything digital on the internet in the world and then sell it and that is crazy it's an amazing time we live in where we can do things like these make a living out of it that's what i really love about the internet so it works i'm happy i hope you are too and if we would go to stripe stripe where did i really close my stripe account yes i close everything i remember i go to my dashboard and look at this this is not the test mode but i just made 14 euros and 11 cents because i bought something and i ex i can expect it in 10 days so imagine you would start making advertisements right now for your amazing ebook or the thing you promote and you pay ten dollars in advertisements and for every ten dollars one person buys it and you have no shipping costs and stuff then you can have five dollars of profit for every 10 dollar you invest and then you can play around with optimizing your return on investment and that's why you see so many advertisements because people are trying this all the time but as long as you focus on helping other people i think you're worthy to do ads and i also want to do this i have a course if i go to furthercorp.com i'm just not good in marketing let's be honest i have the passive income with youtube thing i also made a tutorial on how to make this people leave their name involve the rest and they see video sales letter then i ask them to buy my course which is 997 dollars and what i want to do i want to optimize it not like not to the point that i'm pushing emotional buttons but to the point that i really convince people that what i offer in my course that it is amazing and it is and as i said somebody bought it a few weeks ago nine hundred dollars paid to my bank account may four days ago and then i get access to this and then i can learn how to make money online through affiliate marketing but what i can do i'm not doing that right now i could make advertisements for this and then automate everything and the great thing is when i find out how it works and i have a really great return on investment and i could potentially make millions of dollars with it then i will also make a tutorial about it because i'm i don't like it that people sell things for a lot of money and then they don't give really a real value so i want to put it on the internet for free except for my affiliate marketing course that cost money so i hope this was all clear for you let's go back to a guarder rope 24 and see what else we can do when people buy something on your website they get a confirmation email that email looks a little bit basic you see at once this is a woocommerce website so in the next part we're gonna make it look a little bit better in order to change the layout and the content of emails that people get when they buy something on your website i want to go to the back end first i want to change the payment method so i go to woocommerce settings payments now to turn off stripe credit card and turn on cash on delivery so i can buy a lot of things on the website test a few things without having to pay every time so i go to the website again and now i want to buy something i go to the checkout my details are still there and i pay cash on delivery so i place an order and then i need to check this first of course place the order i will get two emails one as a client and one as the administrator so this for me as an administrator so as a webshop owner i get this email you received the following order from ferdie corporshuk then this is the order the way it is paid where should it go and congratulations on the sale if i want to change the look a few i can do that i can go to the website to the back end then i go to woocommerce settings emails over here this step and then there are a lot of emails that can be sent when there are new orders cancelled orders filled orders and what you see over here the first three are for me as an administrator so i get an email called new order and that is this email new order order 100. and below are the emails that customers can get so as a customer i filled in my email address info at 30 corporate which is the same as an administrator so i got another email over here as the buyer so this one is for me as the administrator this one is for me as the buyer and then it says thank you for your order then we see the colors we see this text we can change all that and i will show you how first let's go to this one before gonna take a look at this one and this one i scroll down and there are a few basic settings the from name right now in both cases it is from summer clothing clothes for women guard road 24. i can change that to summer clothing gutter rope 24 or like discard a rope 24 summer clothing the from address i want to change it to info at 30 or perch or even better info at guardarobi 24.com if you want to learn how to create an email account all that stuff you can go to youtube and search for siteground tutorial 30. and there it is there i show you 37 awesome features so let's say for the corpushook.com my header image i can go to media in the new tab i have this one over here but it's really big 1617 in pixels so i can do i can copy the url paste it save it got aerobie 24 logo 300 then i go to the media library i close this i drag it over here so it's exactly the same one as this one so i click on it i want to edit the image bring it to 300 in width 302 scale close click copy url to the clipboard and then i pasted that did i go too fast i'm sorry if that's the case they can watch it again then there's the footer text so there's the footer text some are closing closed for woman got a roby built with woocommerce i can change that i can say thank you for shopping with us or at us at cardo rope 24 i'll also get it as an administrator but i don't care about that it's okay the base colors we have not talked about colors yet colors are really important if i go to cool blue data now it's a dutch website one of the most popular it's kind of dutch amazon you see those colors you see them come back everywhere so if i click here the title is blue this title is blue blue everything is blue and orange in the same style so what kind of color what are the colors you want to have in your website really important you can take a look at this colors for brands images i like this one then you see all those brands over here all those logos what colors they are and what they say friendly excitement creative trust then you can choose color so what i can do i can use the color pick eyedropper i can grab this blue color copy it then i go to the woocommerce settings and i paste it over here and now this is blue everything else i'm okay with that i save the changes so we we configured a few basic settings over here so let's make let's do a new order i want to get the ebook again add to the card view the card proceed to the checkout check this and i place the order again i can we'll get two emails so let's see how they will look now so there it is and now it is with a logo it is blue thank you for your order so the style is changed in here it says thank you for shopping at guardrope24 over here this is what the buyer gets okay so now it looks better in my opinion right now i don't see the logo i have weird colors and i see this text and it's from summer clothing and now it's from ferdi korpsuk that is because i already have my email address over here but if i would not have this in my account you would see this name over here logo different color and then a different text and for the buyer i see my logo thank you for ordering nice colors thank you for your order it's unhauled and it will confirm payment has been received great we look forward to follow to fulfilling your order soon and this is because i changed the payment method to cash on delivery so let me go back i don't want to make this too complicated you have all those emails over here that with customer order is on hold processing order completed order and when you have an order that should be paid at once so people need to pay with credit card or stripe or whatever paypal edit this page and then they go to the thank you page then they will get the processing order email if you click over here you can adjust even more things so right now since we are working with this email your order is on hold i will adjust that one order on hold but keep in mind when people pay at once you need to adjust this email i will do this one i want to enable this if i don't enable this uh that confirmation email will not be sent and then the subject your order has been received and that's what we see your website name order has been received so what i prefer is thank you for your order at carterrow24 then the email heading i like to paste it thank you for your order and then remove this additional content we look forward to fulfilling your order soon look at this we look forward to fulfilling your order soon i can change it to good luck with your normal text no capitals with your order kind regards 30. if i save the changes and i go to the checkout again i have nothing there so i return to the shop i buy this over here add it to the card and i go to the checkout and i place the order look at this right now it says thank you for your order we look forward to fulfilling your order soon and now it says thank you for your order so again blah blah blah blah blah and it says thank you for your order thank you for order logo colors good luck with your order kind regards 30. so you can change that you can take it a step further this is for me you can take a step further by going to the woocommerce settings and then let me go back to settings so you see where i am at emails and then order on hold click on it now i can make a copy of my current template which is at the woocommerce area if i copy this file to the theme that means i can overwrite some things for instance me see this text so let me show you i have a tutorial about it but hey i will include it in this one so why not copy fell to the theme what i don't like is that the tutorial is getting longer and longer i hope it will not would hold people from watching it so i created a copy bloxy woocommerce emails customer on hold order i saved the changes now let's go to the let's go to the next level stuff appearance themes and then here we see the theme fill editor i click on it i get a big warning and i understand it like hey if you mess codes up you can totally wreck your website but i'll show you exactly what to do i scroll down i search for woocommerce over here and emails and then customer on hold order.php i click on it and now i see all those codes please do not be careful what i am searching for is this copy command f or ctrl f and there it is okay it says thanks for your order it's on hold all this text so i can change the text so i can say thank you for your order i want to inform you that this website is not real and that i have your money i guess you did not see that one coming in the meantime there's here's a reminder of what you've ordered so keep in mind it but um it will not arrive because this webshop is fake i tricked you if i update this and i go to the shop and i buy this book i add it to the card i go to the checkout i check the checkout and i place the order look at this this was a text text in the last email and then over here thank you for your order i want to inform you that this website is not real and that i have your money so that's how you can change the adjust or no add the logo adjust the color change this text pick cache upon delivery good luck with your order and then text over here and then there are also ways to get even better woocommerce email layouts you can go to youtube for that i don't have to talk about it yet but you can search for woocommerce custom email layout tutorial wow minus first so your email builder so in that way you can optimize it even further and then there are so much more we can do but let's first go to the homepage so now we created better woocommerce email confirmations so what can you do when a new order comes in well let's talk about order management in woocommerce first you get an email so make sure that the email account that is linked to your website is active on your phone or on your computer so you see it when a new order comes in so it's 10 42 and a minute ago i received a new order and it's a hoodie brown cap and a black t-shirt here's the address so now i need to take action when we talk about order management we can do two things because also the buyer gets an email what i can send to the buyer is this let me show you i can go to woocommerce settings emails this is the email i just received but when somebody buys something and pays with credit card or paypal or klarna they do not get this email but they get processing order email so what i can do i can click over here and i can copy the file to the theme which we have done before i save the changes then i can go to appearance theme file editor then click on woocommerce emails customer processing order i scroll down and change this text to just let you know that you that we received your order and it's now been processed i can change it to we receive your order and it will be shipped to you within 24 hours if i save this this is what people will get when they order something on my website and for me then it's done i don't have to do anything in the management i just need to make sure that i send the products to the right address how can i do that i can go to woocommerce orders and i see there's new order and there is it's the status is processing so i click over here and then i see all the details i need to send this this and this and if you hear something it's my daughter she's laying here on the ground coupon was used over here i can refund it so somehow somebody says i don't like it or i want to cancel switch i can click on refund and the money will be refunded and when i made sure that i send those products to this address i can click over here at status i change it to completed click on update over here and now a new email will be sent so again let's go to settings emails completed order click over here and then this email will be sent and again i can copy this file to the theme save the changes and then you can adjust that information but i prefer the first way so i change the information of the processed order if you take a look at this website i made for a client they're all being processed but they're all already sent because when they order something i send an automatic email that's saying hey it will be shipped to you within 24 hours and then i don't have to take a look at this and i use my email account to see the address and then i send the package to the right address so you don't have to use it orders but if you want to learn how to do that i want to show you how you can do that in the confirmation email section of this tutorial i showed you a color i want to use in my website so i go to the backend and to woocommerce settings emails and then i have a color here below i want to copy that then i go to the website and we can take a look at the colors in our website which is quite exciting let me show you i go to the customizer what i see the website is kind of bluish everything everything's blue when hover over here this becomes blue this is blue when i click over here the button is blue this is blue when i hover over here everything is i'm blue okay let's keep that in it will give us a lot of new subscribers so here at the bloxy theme if i go to the colors you see this color everywhere but we can change this color so if i click over here look at this green green green green everything becomes green if i change it to this one everything becomes this color so that's a great way to change colors in your website because if you need to change all those colors on every single spot in the website it will take a lot of time when your client says hey i want to have a different color or when you yourself think hey i want to have a different color so i can choose a different palette look at this it will change it will chase everything wow of course this needs some adjustments but look at this you can make a dark website wow and if i would change this okay let's change it a little bit more to the greenish one look at that if i would change the logo to a light one in a short amount of time with just a lot so let me see how it looks on the single product wow and that's the power of the bloxy thing okay bring bring it back to palette one oh my eyes ouch what i can do now i can click on color one and i can use a color i just copy it so that's a blue one but the second one i can make it orange and it will become orange in my complete website so now when i hover over it it becomes orange when i hover over here becomes orange so i can change the look of view with a few clicks over here in the color palette i publish it so keep in mind that it is important to change certain colors in your website and now everything is changed that's what i really like what we're gonna do now we're gonna take a look at the menu the header of our website how can we make it look better well let me show you right now what else the menu i want to take a look at it we have taken a look at it but i want to take a little bit more look at it weird english let's go to the this area to menus and we have created our menu already if you don't have one you can create a new one by clicking here i want to go for main menu i select it now you see the shop car checkout in my account if i would go to nike.com which i am actually doing what i see is new releases new releases is a category we talked about woocommerce categories new releases is a category if i click on that i see a lot of products that have the category new releases and then you see subcategories like these so what i also see is men in subcategory shoes lifestyle running women kids seal if the goal of your website is to sell things we need to make sure that that is represented in the menu so the shop yes i want to leave it the card no check out no my account no so i want to add woocommerce categories but i don't see them over here so i need to go to the screen options and turn on product categories i turn them on and there they are so i want to add them all not all men coaching ebooks electronics add them to the menu and then i know that this is a subcategory of man so i bring this to the right to man then we have coaching ebooks electronics and here also okay what i actually should do right now i should go to products categories i should say woman add a new category and then choose and then the parent is woman what else tops woman okay i've done that now i can go back to appearance menus main menu okay now i can go to woocommerce or product categories and i can add let me go to view all women so i can drag this one here below men or why not first women shop women men clothing coaching ebooks etc so if i save the menu and i take a look people that go to my website see the shop page then women shoes tops men hoodies t-shirts coaching ebooks electronics and when you would get let's go to ferdycorp.com block c when you get would get the pro version you can get even better menus let's search for the advanced menu oh i cannot click on it i only know it is there multiple headers okay where is it it means that you can create something more like this which is great if you have a big website with a lot of stuff and i will make a tutorial about that so right now it looks like this let me go to the customizer then i can go to the header to the menu and then i scroll down until i see the drop down options so when i hover over it then i see the drop down and then i can change the style over here so i can change the item spacing so if i increase that it looks like that that's what i like the effect i can change it to something else i can change the width i want to go to the design the background color is this one if i want to make it lighter i can do that but then i don't see the color so i need to change the font color to blue and when i hover over it it becomes orange like that but then i have to click over here and make everything capitals maybe big thick bigger and thicker okay so that's how you can adjust it and then i want to go to general scroll up a bit go to design i think it's really bold maybe a little bit less 500 and maybe a bit bigger okay what i also can do i can bring this to the center but then it interferes with my logo then i go to my logo i can make it logo smaller let's see how that will look close this perfect don't you like this i really like it what i see is that this is um dark instead of blue so i can go to the customizer oh man i get so excited about this wow the header menu and then the sub menu sorry the first design the font color is this one i think it's this one i don't know but let's make it that one then i go back to general to the design of the drop down then i want to change the color also to that one so now yeah that looks better so style's really important personally i think even though i made this logo myself i think it looks great it looks classy and this text is a little bit smaller so i can go to the customizer go to the header select the menu go to design to the text and i changed it this to regular publish and then let's talk about the header let's go back all the way if i go to the header i can add things to logo menu i can even bring the logo over here to at the center and in that way change the whole look of few bring this many to the left there's so much you can do and it's all for for free i think that's crazy but i like it we're the big winners here because the three themes are getting better and better they're competing with each other if one person makes this free one theme and the other thing also has to go with that and now we're the big winners so right now we have the main row over here i can add a search icon so people can search throughout the website also that is displayed really nice so kudos to the bloxy theme even although i don't know exactly what gurus are but i think it's something good if you say that so i say it then we can add html over here at the left top and then i can click on it i can say sign up for wait sign up for the newsletter and receive 20 percent off and then when you do this when people sign up and this can be a link sign up for the newsletter hashtag there's a link sign up for the newsletter and receive 20 off or discount we can make it look better by going to the top row settings then design background change to this one and go to the html area design text white link color it look like that okay then i can go back and i can go for socials bring them to the right top click on it go to design make the text white when you hover over it orange if i don't like this i can click here go to design make the text smaller publish i can go to the top row change the row height the sky is the limit then if i scroll down not much is happening i can go back and over here headers i can make it sticky so just sticks with us i can make them both sticky so they both stick with us and i can even change the color and if you want to learn more about all these settings of the bloxy theme i have a tutorial about it youtube otherwise this tutorial will become so long bloxy tutorial 30. and there it is one and a half hours all about the bloxy theme in my opinion the best free theme i can use the main role so it sticks with us but i don't need it to be sticky so uh okay then let's take a look how it looks on how it looks on a different device that looks really weird so what i will do here at the on fed off canvas area i click on mobile menu and i select our main menu okay great then we can change a few things this toggle i can change it to something else as you see order plus i like the arrow down do i want to have a border around it no items vertical spacing do i want to have more space that can be done then i can go to design i think it's really bold so let's make it regular or over here bit smaller those colors are fine with me i'll drop down i need to go to the website to check that let me close it make this a bit smaller looks great customize then i go to the header and i take a look at the mobile menu and that also looks great and also in the tutorial i'll go dive deeper into that subject but i think we created something beautiful so let me go back publish it and let me do a some something summing up i said right word this is the website we created so far from scratch sign up for the newsletter i have tutorial on how to uh make this link with convertkit and so you can grow your email list make extra money because the money is in the list and always i want to say that always emphasize it as long as you help other people that is what you want to do you want to focus on helping others then some way the money will flow into your pocket don't ask me how it works so nice banner it's not sticky because we decided so a nice logo menu in the center we can search and we can see how much is in our basket we have all the different products we have created we talked a lot about it you can add it to the card you can change the style change the colors we can view the card we talked about coupon codes different kind of coupon codes with percentage with money depending on how much money you have spent a coupon code for a specific product a coupon code with free shipping we talked about ship shipping based on where people live when they buy this on your website and so we calculated automatically we set everything up automatically then we talked about cross sales and upsells we proceed to the checkout we can fill in our details uh remove fields over here make them mandatory or not ship it to different address and we talked about payment methods like stripe credit card paypal then when people pay they get a beautiful email really nicely designed and then we can make sure the order will be fulfilled and then we make money while sending the product to the customer and the great thing is if you sell digital products everything will be on autopilot so that's why we've created a beautiful header footer we talked a little bit about disclaimers terms and conditions and return policy and everything looks really nice in my opinion when you build a website it is amazing when siteground or a different web hosting provider makes backups for you but i want to show you how you can do it manually using two different plugins so when you start to make big improvements on your website you can always fall back on a backup you can fall back on a backup that has been done before so in order to do that we go to the back end to plugins add new this is my favorite plugin really simple all in one wp migration only thing i don't like is the name the rest of it is perfect more than film for my installations i click on install now and activate it there is only one wp migration and what i want to do i want to hover over export export to fell and that's it website is 100 megabytes i click on download and we have a backup well i like to be extra sure i don't have problems with uh uh on one wp migration but just to make things sure go to plugins add new oh for instance over here it may be dangerous i need to say keep it it's not so cygre is all about safety so i go to plugins add new and search for wp if it there is more than 100 000 installations installed now activate and then click here on this big button backup now great now i need to scroll down i need to go to backups there it is i download it and then i download it and there it goes so if i go to the website first let me go to the back end also here it is okay okay imagine i go to plugins add new and then i search over here for 30 corp.com for slash elementor i will install elementor elementor and i need to go for the plugin and i want to use a free version and they hide it somewhere so i decided to go to plugins add new search for elementor install now activate okay i want to skip everything over here okay now i can make a website okay so i click here you'd have to follow this really quick okay title blah blah blah i bring it to the center i go to the section you don't have to follow me with this hide hit screen i publish it then i go back to the home page then i click here i go to the website i go to the customizer i scroll down to the home page i changed the homepage to elementor123 the page we just created like that and somehow i think i totally messed up what i can do now i can go back in this case to wp vivid backup and restore i can go over here and i say restore my backup i made five minutes ago are you sure yes click on restore okay restore completed successfully so now if i go to the homepage i should see the shop and not the weird elementor page and that's the case i see the shop so my backup is placed back so that's a great way to put things back if you mess things up okay a big change is coming as i said before maybe you already have a website and you are extending it with a webshop or maybe you start from scratch and you don't have a website around your website yet if you already have a website well then this is actually kind of the end of the tutorial if you don't have a website yet let me show you how to import a starter template which makes your website professional at once and then i will show you how to adjust the information so your website is amazing i have also different tutorials on how to make websites so if you want to build something custom i will also show you how to do that in other tutorials and i will link them in the description and then i would like to say let's get started with importing a starter template are you ready to import a complete webshop different look a few new products but the same principles that we that i showed you until this point in woocommerce if you are say yes i am i can hear you okay it's also a weird joke you know the longer the video is the weirder the jokes become what i want you to do i want you to scroll down copy this area command c or control c i go to my notes i place it over here and now i want to go to the back end and make sure you have a backup with all in one wp migration and wp vivid then i can go to plugins i can select this one and this one deactivate them apply so i keep this a little bit clean okay then we need to do one more thing we need to go to pages and then remove the cart page the checkout page in my account page and see the shop page really important maybe it feels a little bit like are you sure yes i'm sure otherwise uh four of those pages will be added again and then things can become a mess build actions remove to the trash trash empty the trash great now we go to bloxy starter sites and i can import this one but it's only for gutenberg i can put this one and that's also for elementor and i want to import this one guard a rope click on import i'll to install a child theme and i check elementor next i already have woocommerce next clean install the star side is imported successfully so i view the site and now it looks like this of course we need to configure a few things but i'm really happy with the look of view and um there are new products as you see if i click on it you see there's a right sidebar now and depending on the theme you import or the starter template the look and feel will be different we have a different color right now i'm really happy this looks amazing but we need to configure it of course we need to change the information for instance this area so let me do that by going to the customizer and i go to my notes i copy this i go to the footer the copyright area then i hit enter and i paste it and then i grab the current year got it and i paste it here then i remove this publish it i scroll down this is exactly what i want to see and when it will be the january the 1st first it will automatically say 2023 because we said we need to show the current year okay if i click on shop what happens yes i go to the shop i don't see the pages why not i don't know let's keep it with this figure it out good luck okay so i go to the back end close this closes and remove them then i go to woocommerce to settings then here at products the shop page it's called products or i want it to be shop okay save the changes and now when i click on shop i see all the products this time the cyber is at the left if i want to change that go to the customizer and then you can go to woocommerce product archive sidebar click over here bring it to the right that's how you can change it publish then i want to go back go back over here to menus and i click here this is the main menu okay i want to change that so i close this go to the menus and yeah they are merged so i have one big menu over here so i do want to show the the shop page not the home page then there's women there's men and i remove the product page services about us services news contact and then this can all be sub items okay i can change this news can i can change it to block because i prefer that so it will be a news page when i enter the page but in the menu it will say block okay i don't see uh the logo so i go to the customizer nothing so i go to the header logo i select the logo logo i created myself let me see this is a small logo i will choose this one i can change this i think 20 is fine right now there seems to be an overlap but if i close the page or close the customizer yes okay and then the home page right now shows this page and that's exactly what i want and i can see the new arrivals i can change the titles over here so let me show you how i do that i want to change this page edit with elementor uh your site doesn't have a default kit so this exactly what i want why sometimes when you make websites you have problems so what i will do i will go to google and find out how i can find a solution okay i click on recreate kit i check them all three i save the changes go to the website edit with elementor now it's working so yeah that's how it works just figure it out go to youtube try a few things search for the solution and then continue and be happy because you'll learn something new so i can change this text brand new collection brand new summer collection because uh this is although this is uh looks really as something that's for the winter i can change this text i can change this icon i can change the color and talking about colors you can say command e dashboard then i can go to the website customize i can go to the colors those are different colors i go to palette one again i choose the orange color as the second one as i had before publish it close it and i go to the back end two woocommerce settings emails okay this color i wanted so sorry i copied this one then i go back to the website to the customizer to colors and then i change this one with a hashtag publish close so now this is blue when i hover over it nothing happens when i hover over here things do happen now this is blue the seal is blue instead of red so as i said before with a few clicks we changed the look of view of our website i edit the page with elementor again and now over here i can say when people hover over it at style hover background color background type classic color and choose this theme palette color like that over here new arrivals i can change the text i can change the font if i want to change the font in the whole website i go to elementor site settings global fonts change this one to open sounds okay then i go back to typography i can make all the headers real way for instance then i need to go buy them one by one and you see they change it's three normally i only use h1 and h2 realway okay update then i say close command e dashboard again then i go to the appearance customizer shortcut if you're in the back end you want to go to the customizer and then let's go to typography default let's say open sounds and heading railway h2 and probably this one will change when i say railway or no it's already the new font so now you see all the fonts are changed and i also do that over here publish then i can go back to woocommerce collections uh no no no bookmarks collections but woocommerce product archives and then i can change the card options let me see let me see here i can choose type 2. i can change the look of view okay i see it here here probably car options i want to bring this back to predefined one by one with size 600 is okay i don't see the text over here so we can take a look at that we're still at the so i need to go to cart options design title color and sometimes you just need to bring it again over there also here price color there it is button text color publish close it okay again let's go to elementor let me walk you through this homepage brand new summer collection okay i can change the text over here i can say click on it and then make it a 60 day return free delivery for all orders over 200 new arrivals i can change this to jackets or to someone something else popular products it will be displayed over here if i don't want to have popular products i can just remove it if i don't want to remove it bring it back command z or control z if i don't want to have a newsletter update i can remove it where you say subscribe to receive emails and get 20 off on your first order update okay and if we want to adjust that command e dashboard i go to appearance customize and i go to the footer scroll down i can change the information over here if i want to change the text over here i can click on widget area one and then here i can change the text and it will appear over here i can change the colors edit design background i can make it dark and then the font color i can make it white also the title color make it white i go to this area i don't want it so i can close this area okay then i go to the copyright area make the background even darker and the text i need to go to the copyright area design text should be white logos can be blue and when you hover over it it will be orange okay then i can say i want it to be less high vertical space 40 30 okay i want this to be light so but that's what you can do i go to the background i can also bring it back here in this area and then over here edit let's make it less dark something like that okay and um here you can see how it looks on a different device if you don't want to show this you can um go over here to the header and then decide not to show the html stuff and then mobile menu let's take a look again we can go to design change this back to 500 like that better and then a design drop down font i can make it a bit smaller that's a bit too small okay and then i can have dividers but um no thank you publish of course on the mobile okay this can be a bit bigger or maybe this smaller or maybe both okay that's okay publish close it and ladies and gentlemen this is the website we have if you want to learn more about elementor making pages with elementor i have a brand new tutorial right now is my most recent one search for how to make a website and then offshore of sort of course i mean enter 30 after that and the weird thing is yeah it is this one it's one month old 9 views per hour it could have more it should have more in my opinion it's in my opinion the best tutorial about how to make a website and and then you'll see how to start working with elementor i learned so much about it on how to create pages with elementor and then you can create the about page search page shop page etc okay i go to the back end to woocommerce settings payments and i turn off cache and deliver delivery and i turn on stripe save the changes and now i have a beautiful website over here i can adjust the content i can click over here buy a few add them to the card also go for a black t-shirt let's do two add them to the card view the card we can add coupon codes we can proceed to the checkout fill in our details and then pay with credit card or paypal whatever you want you can adjust that at stripe or pay with a google pay and then they will get a beautiful email you can send the products you will receive their money right into your stripe account and that will be sent to your bank account hello people thank you for watching this tutorial this is it i hope you'll learn a ton of stuff your website is up and running everything is working everything is on automatic pilots the only thing you need to do is make sure that when people buy something you ship it to the right place and yeah let me know what you think this tutorial feel free to leave a comment like this video subscribe for more upcoming videos and i've also different tutorials so what you can do now you can optimize your website for all the the search engines i have to talk about that i have tutorials on how to build an email list and that's a great way to combine with with your webshop so when people sign up for the newsletter or for a discount they come to your email list and then you can send them emails with new discounts and stuff or new products and then you can sell a lot in a short amount of time because you sent an email out to a lot of people in a short amount of time a great way to make money in a short amount of time have i told you already this you can do that in a short amount of time i guess so and otherwise i can tell you one more time no and um i will talk about adwords how to make um advertisements and so people go to your website and then the whole part the the thing is you can learn how to put ten dollars in advertisements and make twenty dollars in profit especially interesting when you work with uh digital products because then there is not much cost in making those products so the profit is higher that's for that tutorial i have to make it yet and what else seo um yeah what else yeah if you want to start with affiliate marketing i have to talk about that six hours long on how to make money online through digital products promoting others people other people's products and that's it thank you for watching this tutorial have a great day good luck with your webshop and bye you

Channel: Ferdy Korpershoek

Views: 391,945

Keywords: woocommerce tutorial, woocommerce for beginners, woocommerce plugin, ecommerce tutorial, ecommerce wordpress, make a webshop, make a webshop with wordpress, how to make a webshop, complete webshop tutorial, woocommerce stripe, woocommerce shipping, woocommerce variable product, woocommerce, woocommerce wordpress, ecommerce, build your own webshop, sell products online, ecommerce from scratch, 2022, wix ecommerce tutorial, woocommerce elementor, woocommerce tutorial 2022, webshop

Id: KWuc4vITAVY

Length: 232min 31sec (13951 seconds)

Published: Wed May 25 2022