Uncategorized

Today I'll be showing you how to create this amazing ecommerce website step by stepHey guysMy name is Hogan and welcome to this tutorial where I'll be showing you how to create this really amazingEcommerce website step by step. So by the end of this video, you'll have your own e-commercewebsite up and running ready to accept paymentsBut before we actually begin I do want to state that this tutorial isn't a tutorial aboutCoding so you're not going to learn how to do like PHP and HTML and CSSorBuild a website like eBay, which is like an auction website. This is just a really simple and clean ecommerce websitealright, so if you don't want to spendYou know thousands and thousands of dollars hiring someone else to do it for you or months learning how to codeThen this tutorial is perfect for you. So this ecommerce website is suitable for mostSmall to medium-sized businesses so you can actually sell anything that you like as long as it's not illegalOkay, so you could sell you know shoes you could be selling women's dresses. You can also sell digital productsfor example music and also ebooksFurniture electronics bags or even iPhone cases, right so you can sell anything that you likeso if you actually don't have any products yet to sell then I'm actually going to show you three amazing places whereTop brands actually source their products from really cheaply and sell it for a really good marginSo you don't necessarily have to have products ready to sell yet?I'll also show you how you can actually get started selling stuff without actually investingThousands and thousands of dollars in your product and inventory. Okay. So this is actually a live store right now andI'm gonna give you a really quick tour of exactly what gonna be building and I'll also show you a testtransaction to basically show you how a customer will buy from your store how you will receive the order how you receive the payment andHow you actually fulfill the order and things like that. So the e-commerce website that we're building todayIt has a lot of the top features that you might expect from websites such as Jim sharkNike and also Topshop as wellSo as you can see Topshop has a really nice and simple header design same with Nike and Jim sharkThey've also got a secondary header where they display, you know free returns and free shippingHere they've got a really cool drop-down menu with a mega menu display same with our websiteSo I've got a really nice and simple header section a mega menu that displays your productsYou can also have a simple menu as well. Just like that here. You can actually add in your logo and yourCustomers also have the option to add the product to a wishlist. They can add it to the cart. They can also add aAccount so they can check out quicker and also they can search for the product directly hereSo I'm gonna show you how to set up a really nice and simpleslider image backgroundSo you can also display a video if you want to just like Topshop does so the layout you can actually change the layout toAny layout because we're going to be using a drag-and-drop builderokay, I'll be showing you how to add in your text your buttons and things like that andHere is where you can display your newest collection like your featured products. Okay, so you can arrange a layout as wellYou don't necessarily have to have this layout that. This is the website that we'll be showing you how to createI'll also show you how to add in your blog post. So blog posts are really good because you can actually write aarticle about maybe a new product line that you're developing or you can also write articles about you know,Maybe like top 10 tips of finding the best wedding dress and if you're selling wedding dressesThen people who are actually searching for the top 10 tipsThey're gonna come to your website and maybe they're gonna buy a wedding dressSo it's really good to get you know targeted and free traffic to your websiteokay here I'm also gonna show you how to add in in really nice gradients how to add in videos andEverything like that. So here we've got a really nice and simple footer section with your social media and your payment iconsI'll show you how to create all the important pages for example your about shipping and delivery andalso a contact page soPeople can actually, you know type in their nameTheir email and submit a message here. So if you have any question, this message will be directly sent to your inboxAll right. I'll also show you how to create a really nice FAQ page. Okay, so this can be any page for examplereturns policy orShipping policy or anything like that. Okay, people can click on the question. The answer will drop down like thatOkay, and I'll show you how to create a blog page so you can display your blog post here just like thatAlright, so this website is also going to be mobile responsiveSo it's gonna fit on your tablets iPads your laptops and also your desktopthen you can actually manage your shop from your mobile as well so you can change the prices andManage the stock levels from your mobile phone so you don't need any special software or any skills to build this websiteI'll be showing you everything that you need to know step by step andif the customer actually clicks on let's say the shop page this is going to take us to our main shop page andHere is a product filter. So people can actually filter the products here. So let's say someone likesMaybe they want to look for an e-book. So it's like ebook then this is all your a books that you sellAlright, they can add it to the wishlist from here. They can also click into the product andHere is your title your price acustomer reviewHere you can enter in a short descriptionOk here, you can display the image and people can zoom in on that imageYou can also add additional images as well and I'll be showing you how to add in, you know your downloadable productsbut also like a simple product or aVariable product. For example if you're selling maybe aJumper or something like that and you have different sizes and different colors, then you can do that as wellOk, so I'm gonna scroll down here. This is where you can put in a long description. Ok, like adding a videoAdditional images that you might want to display and your customer can also click on reviews as wellHere's the related products andLet's say the customer wants to buy that product then they will click on Add to Cart andthey will automatically add that product to your cart andThen they can either check out automatically or they can click on View cartokay, so I'll also show you how to add in a coupon code so you can give your customers maybe a 30% discount so forexample save 30 they can click on apply andThen that coupon will actually apply hereOk, so it starts at $29 then with the coupon. It ends up being only 20 dollars and 30 centsSo your customers can proceed to checkout which is the default checkout or they can proceedDirectly to PayPal and that's going to take their PayPal address and use that as the shipping addressOkay, so I'm gonna click on the default checkoutSo, I've got a really nice and simple and streamlined checkout process here your customers will need to enter in their namelast name andBecause this is actually a virtual product. So it's not shipped. They don't need to put in address. All right, soNormally if it is a physical product, then they'll need to put in the address and they'll be requiredSo here we're gonna skip down and just put in an email addressAll right scrolling downTaxes will automatically calculate for you as well. Alright, andYour customers can also pay by various differentPayment methods so you can set up a direct bank transfer check payments cash on deliveryBecause you know some countries for example in the PhilippinesI think they don't really use credit cards that often. You can also set up, you know, cash on delivery as wellokay, but I'm gonna show how to set it up using PayPal andEven if your customer doesn't have a PayPal account they can pay with their credit cardYou can also set up stripe payments as wellAnd let's say they're happy with the total here selected the payment then you can click on PayPalSo I'm gonna use my other PayPal account and then click on login ok, and then we're gonna click on Pay NowOkay. So after your customer has paid this is the confirmation and basically here is the download that they can actually click on andActually download directly to their computer. Ok, because this is actually aVirtual product. It's not actually a physical product. So people can actually download that and then they'll be good to goAlright, and this is the order confirmation that they will getall right, and they can also download it from their email as well andthis is the customer that you will get as the actual ecommerce store owner andThen you'll need to fulfill the order if it's a physical product. You'll need to ship it to them andThe payment is actually received to your PayPal account. So as you can see payment from home insurer, so this is fromMy personal account and as you can see, it's 20 dollars and 30 cents. So we're gonna go back herethis is where you can actually manage your orders, right so you can click into here and manage your orders andSet the status as wellAll rightyou can also click on reports so you can check how many sales that you are getting this week andYou can hook up the numbersYou can also click on the customers tab to actually view your customers check the stock and taxes and everything that you needIn the backend or the dashboard section of your websiteSo if you actually click back onto the website right nowOk, I think we are good to go and good to get startedBut before I do you can actually fast forward this video if I'm going too slow if I'm going too fastYou can actually slow down the beer. Okay by clicking on the settings option there andIf you have any questions, don't be afraid to ask and I normally will get back to you within 24 hoursAnd I've also got all the timestamps listed down below so you can skip to any section and revisit any section that you knowYou're unsure about make sure to subscribe give the video a like and let's get startedOkay, so let's go over everything that we needso the first thing that need to actually build an e-commerce website is you'll need a domain name aDomain name is basically your website address. So for example Google's the main name is google.comYour one will be your ecommerce store name.comokay, and the second thing that you need is a hosting account hosting is basically aserver on the internet which stores your website's files such as the images andThe content so people can access that 24/7. Okayso basically it's like a virtual piece of land on the Internet which saves your data andYou need those two things to actually have a website onlineAnd the third thing is we'll need to actually install WordPressWordPress is something called a content management system and that basically allows you to actually build a websiteWithout needing to learn how to code and it's used by over 500 million different web sites to actually powerYou know their their blogs ecommerce stores and small business websitesThen we'll be using WooCommerce which is the plug-in or an application that adds ecommerceFunctionality to the WordPress website because by default WordPress doesn't have ecommerce functionalityWe're cognizant gonna allow us to add in productsyou know add in the shipping prices set up the payment options and things like that and then we'll be installing a theme andThe theme is basically the appearance of the website and it also includes the drag-and-drop build up. Okay, soWith those three free tools, we're gonna be building our e-commerce websiteSo how much does everything cost a domain name normally cost around?I think fifteen dollars or twelve dollars every year I think 15 dollars every year andHosting normally cost between five to ten dollars every single month depending on which plan you actually gets. Okay, andWordPress is free. We commerce is freeThe theme is also included in the description belowBut you do have the option to getSupport and updates, which is highly recommended especially for those of you who actually want to help, you knowYour friends or family to actually build an e-commerce storeyou might need extra help andThat is very useful. Okay, and obviously the tutorial is free. So basically the total cost for you guys to start today isaround$20 or$25, okaySo basically what we're gonna do first is we're gonna head over to hostgator.comTo get our domain and hosting. Okay so you can get those two things at the same placeOkay, so open up a browser and we're gonna head to Hostgator. So type inHost:3 80 or calm and then click on enterso this is where we're gonna be getting our domain name and also our hosting account andI've been using Hostgator for the last eight years or so and they've been amazing. So that's why I recommend them. They've also got the24/7 live chat support, which is awesome and also a 45 day money back guarantee. OkaySo here you'll see a few different plans, but for most beginners, I recommend the just a web hosting planOkay, so that's the cheapest and what I recommend for beginnersThen you can actually upgrade to cloud hosting if you start getting a lot of traffic to your websiteIt's a little bit more expensive though. Okay, or you could you know start out getting that as wellSo we're gonna click on website hosting up here on the LeftOkay. So here is three different plans the hatchling plan baby and also a business planSo the business plan is probably a little bit more than you actually need at the momentBut obviously if you have the funds then you can you know, get the business planBut what I recommend is sticking to these two plans for most beginnersOkay for the hatchling plan, you can only host one domainSo for example, you can only have your brand calm. Okay with a baby planYou can have your brand calm your friends brand calm, you knowYou could also have your clients websites hosted on one accountOkay, so if you know, they're gonna be creating sort of more, you know web sites and then get the baby planIt's only a little bit more expensive. But if you just want to create your first website then get the hatchlingOkay, click on buy now. Okay. So here is where you gonna enter in the domain name that you want to register? OkaySo for example my onecreates yourown onlineStore and then you can select the extension that you want here and then click on the outsideok, so sometimes that might not be available becauseSomeone else has probably registered that already and you need to be a little bit more creative. Okay?So for example, I'm gonna change that to shop and let's see if that's availableOk, so as you can see that's availableThirteen dollars every year you've also got other extensionsbut I personally recommend the dot-com because that's what most people actually type in the browser up here here you need to scroll down andNormally the domain privacy protection will be checkedOkSo I personally recommend it but it's not necessary what it basically does it it hides your detailsFrom the public so people can't search up your domain name.com and then find your detailsIt's gonna keep your email, you know spam to a minimum and all that junk mail and stuff like thatSo that's why it is selected here. And that's why I recommendSo scrolling down hereYou need to select the package type and also the billing cycleSo if you're sort of unsure of you know, whether or not you want to still do e-commerce, you knowTwo months down the track then I recommend just going month to month or even three monthsBut you're gonna save a little bit more money if you go for a longer term, okay, so that's really up to youBut I personally recommend the twelve here you need to enter in a username and also security pinSo I already got a few accounts with Hostgator. So I'm gonna walk you through step by step how toDo everything here?scrolling down here you go to enter in your billing information andCredit card details and you can also pay via PayPal if you have a PayPal accountok, so pause the video and fill that in and then once you've done that scroll down andHere this will be automatically selected and it's included for free. It will basically give you theHTTPS in front there and also the lock iconThis is important because you'll be collecting the customers data on your website and that helps secure itServe the site lock monitoring. We're gonna deselect thatOkay, so as you can see it's recommended, but you can actually secure your website with some free pluginsSo once your website gets, you know a lot of visitorsThen you can opt for that as well. Or you can just get that up front. Okay, it really depends on your situationFor the site backup and also the email we're gonna deselectThese two because you can do that for free as well with some free plugins. I've also got a tutorial on my channel to setupThis on your website. Okay your own email at your own domain name.comOkay, we're gonna scroll down here. And for the coupon code we're gonna enter in SHOP NOWn o w and then click on validate andThat's gonna bring your total down a little bit. Okay, so as you can seeIt's gonna take the billing cycle hereOkay, it's gonna reduce it by 40% OkaySo it's gonna save you a little bit more moneyand if you do use that I may get a small commission, but it actually helps you save some money andIt helps me to keep creating these free tutorials for you guys, and I really appreciate itOkay, so scrolling down here. You're gonna see all thePrices, okaySo six dollars sixty four dollars and also the domain make sure that is all correct and the total comes to ninety dollarsOkay, so probably a little more than seven dollars per monthOkay, but that's amazing because you can get started, you know with your own e-commerce website for less than a hundred dollarsI think that's a really good deal. You don't have to pay a developer to set everything out for you can do it yourselfOkay, so we're gonna scroll down here and select your read and agreed and then click on checkout nowOkay. So after you've purchased your domain name and also hosting account, then you should get an email that looks similar to thisOkayso what you need to look for is a control panel URL and then click it andyou'll need to copy over your username and also your password andPaste it into here to login. Okay, so click on login and we're gonna be installingWordPress on to our websiteSo to do that look for build a new WordPress website on the top hereIf you can't find it try to look forQuick install. Ok, so click on quick install and then click on installing WordPressok, so we're gonna click on build a new WordPress website andHere you need to select the domain that you want to install it on. Ok. So I'm gonna select the one that I just boughtSo as you can see, I've got quite a fewMake sure to select the correct one. Leave the directory part emptyOtherwise if you you know add something like WordPress on to itIt's gonna install the WordPress on to your website comm slash WordPressOk, so you want it to install it on the main domain URL? Ok, and then click on next hereYou can enter in the blog title and you can change this later. I'm just gonna type in logoadmin usernameSo this is the username that we're gonna login to the dashboard of WordPress with okPut in your first name last name and make sure to put in a valid email addressBecause they'll also be sendingThe login details and password to this email here and then click on if agreed and then click on installSo WordPress is gonna take you know, a few seconds to install onto your websiteok, so you should be greeted with the installation has completed andWhat you can do now is what I like to do is copy over the password firstOk, so they're also going to send you these details to your email addressSometimes you might end up in the spam and then we can do is if you actually open that link in a new tabsometimes your website might not be up yet because it takes time forHostgator to actually set up your website on the back end so you might need to wait 15-20 minutesworst case scenario 2-3 hours if it's upIt looks something like this and to login you can click on admin log in here or you can type in/w p -admin, and then click on enter andthat will take you to theWordpress login page where you actually log into your WordPress website. OkSo what I recommend is actually bookmarking it to your browserso entering the usernameandPasting the password hereOkay, and then click on login, we're gonna close that and this is your WordPress dashboardIt might look a little bit overwhelming now, but it's not really that hardso I'm gonna show you what the website looks like right now andYour website looks very very plain. So this is the defaultSort of theme that comes with itWe're gonna be installing some plugins and some themes toCustomize the website right now, okaySo the first thing I would recommend you do is if you actually see an update available then you can click on update nowIf not, you know, just leave it as is hereMake sure what that is updated. Okay, everything seems updated. I'm gonna scroll down here to theusers and then you can click on all users soWhat we're gonna do here is actually set in a new password because we can't really remember that reallyLong password there this section here. You can also add inadditional users, for example, if you want someone to manage your store you can add in a new user here andhere click on edit scroll down clickOn generate password and click on hide and hereTry to enter in a password with some upper case and some other letters and then click on update profile ok to save that passwordOkay, so the next thing that we want to do is change the permalinksSo for example, if we actually go and open our website in a new tab againThis is the default post and if you click into thatYou'll see that the URL structure is you know a bit weirdSo it's got dot PHP and then got the date and then it's got the post titleSo what you want to do is you want to go back here to settings and clickon permalinks andyou want to make sure the permalink structure is justThe post name or the page name? Ok, so it's a much cleaner appearance and it's better for the search enginesSo click on post nameAnd then Save ChangesOkay, and then the next thing we're gonna do is click on pluginsso by default WordPress actually has some you know default plugins and plugins are basicallyapplications that add extra functionality to your WordPress website for exampleSometimes you know on your on your phone by defaultIt's got some default apps installed. And what I generally like to do is, you know, get everyone on the same pageSo we're gonna deactivate everythingokay, so select all and then you can actually click on deactivate first and apply andThen select all again and then we're gonna delete everything so you can install them later andI'll show you how to install some plugins later as wellOkay, so once that is done click on pages as well so by default it will have aSample page. Okay, and this one here select all and move it to trash apply nowOkay, click on trash and select all delete permanently and applyClick on post so by default it will have a hello world post. We're going to delete that as well. Okaymove to trashor you can click on trash here andThen we're going to click on trash again and delete permanentlyOkay, so now if you go to the dashboardYou'll see that it has a much cleaner appearance. Okay, so you've got all the default settings hereYou can actually close everything up here. I'll be showing you how to do everything step by stepAnd now what we need to do is install the theme so if you actually hover over appearance click on themesHere is the default theme 2017. Okay, so we're gonna add a new theme so click on add new andHere are some free themes that you can use but a lot of them are actually freemiumSo to actually get the full features of the theme you'll need to, you know, pay for themBut actually have the theme that I use down in the description belowso make sure to click show more and then it will show the download links to download the theme andOnce you've downloaded itit should look something like this themify – shop doc zip and also download the plug-in as well build a WooCommerce andYou can also download the images so you can follow exactly like how I'm doing in the actual video tutorialOk, so download those three things onto your computerSometimes the themifySHOP theme might automatically unzip if you're using Safari and it might look like for example if I double click itIt might look something like this. Ok, a folder. So what you need to do is right-click and make sure to compress that backInto the zip file for the images you can unzip it. So for stuff for Mac users, you just double click and it will actuallyOpen up like that. Ok, and the images to follow along are in hereso what we need to do is go back to the dashboard and click on upload themes choose files andyou'll need to upload the themify – SHOP zip file and click on open andInstall progress bar is down on the Left bottom left. And once that is done you will need to activate the themeby clicking on hereAnd then what you need to do is sometimes the skins and demos might pop up, okay, you'll need to click on the crossButton, okay, so we're not gonna upload any skins and demos. We're going to be using the default of theme layoutso if you actually visit our site now then you'll see that the appearance has changed a lot looks a lot cleaner andIt looks very similar to what we're going to create very soonso basically what we need to do now is to add some extra functionality to ourWordPress website so by defaultIt is a blogging and sort of a small business website like as it is right nowBut if you actually add some plugins, then it can turn into an e-commerce store. So we need to click on pluginsOk, so the first plug-in that I recommend you download and activate is the really simple SSLOkay, because as you can see the website is probably showing not secure if it is showing secure then you knowDon't worry about it. Then you don't need this plug-in. Ok, and sometimes if you don't have an SSL certificateYou haven't purchased one you might have followed in another tutorial. You don't have SSL certificate. You don't have to worry about this stepokay, soFor everyone else click on add new and type in really simple SSLok, so this will basically force the SSL on your website and it'll give you the secure icon if you've actuallyPurchased it. Ok. So click on Install Now andThen you'll need to activate itSir here, you need to click on go ahead and activate SSLOk, and that is probably going to log you out of your websiteIf you click on visit website right now, it's gonna log you outSo as you can see, you'll see the HTTPS and now to log back in you can type in/w p – admin, ok, and then click on enter andThen that will take you back to the wordpress dashboard. Ok, soentering your user and also your password andthen click on login andThen I'm going to show you how to install the rest of the plugins, okay, so go back to plugins andThen click on add newSo the first plug-in that we want to install is the Builder WooCommerce or upload plug-in choose file andDownload and also install this plug-in here. Ok, so it's in the description belowopen and install now andThen click on activateThe next plug-in that we're going to download isThe product filter plugin. Ok, so we're going to search here forthemifyProducts filter ok, andthen this is the plug-in that we want to install and then click on Install Now andYou can click on activate but I don't think I'll actually activate because we don't have the WooCommerce actually installed yetOk, so you might need to come back and activate this. Ok, which I will show you in a secondOk, so the next plug-in we're gonna download is contact form 7. Ok. So that's gonna allow people to actuallyContact you through a contact form without you knowsending you an email people can you know get to you straight away with the contact form 7 so search for that here andThen this one is by Tucker Yuki, ok, and then click on install now and thenActivateOk and then click on add new again the last plug-in is the WooCommerce plug-in okso the reason why we're gonna install this last becauseWe're going to go through the setup wizard togetherok, so search for WooCommerce and this one should have over a million installations and then click on Install Now andyou can download and use a lot of plugins so you canSearch them search them up here or we can try and search it up on GoogleSo there's a lot of free and also pay plugins that you can use to add extra functionalityBut these are the ones that we're going to be using right now and then activate itOkay, so that normally will take you to the WooCommerce setup wizard and we're gonna go through this right nowSo whereas your store based I'm gonna set in AustraliaOk, and then put in a dummy address. IGuess so if you don't want to put in your personal addressWhat I recommend you guys do is maybe just you know put in a dummy one right nowOr you can get APO box, which isn't that expensiveokay, I'm gonna put in Melbourne andThen we're gonna put in you know, Victoria3000 andThis is the currency here, okay, so you can select the currency that you're gonna accept the payments inI'll just leave it as Australian, but you might be US UK orSomething else. So here if you'll be selling, you know, products and services in person as wellMake sure you tick this and then click on let's goOkay, so here you can actually select the payment optionsSo if you want to accept payment through stripe then keep this selectedBut I'll be showing you how to set it up using PayPal PayPal is really easySo if you don't have a PayPal account, make sure to sign up right nowI'm also going to go through the settings a little bit later as wellOkayso I'm gonna deselect stripe for now and just leave PayPal as is andYou can also click on this and make sure you have your email in hereso your paypal email and once people actually purchase the payment will be sent to the PayPal account associated withThe email that you put in hereScroll down and click on here. You can also enable theseOptions as well if you want to so I'll show you how to configure them or where to configure them later as wellOk, so click on that and then click on continueOkay, so for your shipping, okay, so I'll be going through this a little bit later as wellso for exampleThe shipping zone is called Australia and here you can set in flat rate shipping and also free shipping as wellSo let's say flat rate is ten dollars. They can put in tenSo locations not covered then you can also set in a straight here as wellSo for example, if it's let's say in the United StatesIt's not you know sitting here so you can put in a right here. Okay, so for allLocations which is not set here. It's 20 dollars. Okay, so I'll be showing you more detail laterOkay here you can select the weight unit and dimensions and then click on continueOkay, so what I recommend is keeping these two checked, okaySo this one is really good because it's gonna automatically help you calculate your taxes in the checkout sectionOkay, and MailChimp is basically sort of a email marketing softwareAnd you can sign up for free. Okay, so I'll be showing you how toConnect this in another bonus video, okay?So for now just click on continue and that's going to install the automated taxes and MailChimp for youSo it's gonna take a few secondsOkay, so here it's gonna say connect your store to jetpack. Okay, so here so here click on continue with jetpackOkay, and then here click on continue with Google or you can sign up your new email hereokay, so I'm gonna click on continue with Google andCreate a jetpack account. Okay, so I'm gonna be using a new email this one here andthen that's gonna connect that email to my jetpack account andThat normally takes a few moments as wellOkay, so you should be ready to start selling right hereYou can actually create a product by clicking here, but I'll be showing you how to do a few things firstOkay, you've also got additional videos by clicking on this. Okay, so you can click on that thoughAll gonna do now is visit our dashboard and we're gonna add in some pagesOkay, so we're gonna add some pages for our e-commerce website. Alright, so what we're gonna do now isclick on pagesOkay, so we're commerce actually has created some you know ecommerce pages for us. For example the car page checkout pagesAnd the shop and account pages, but we need to create our own page. Okay, so we're gonna create and click on add new andThe first page we're going to create is our home page. Okay, so just type in home in the title section up hereclick on publish andThen we're gonna click on add new againWe're going to add in our about pageAnd then we're going to add new againOkay, so you can create as many pages as you wantso I'm just going to create the pages which I'll be showing you how to create later on so contact andwe're also going to be creating a wish list and a blog and also aFAQ pageSo click on add newYeah, we're gonna type in blog publishAdd new againOkay, it's a little bit boring. We'll be repetitive but we've got to get this stuff done andType it in herewishlist, we're gonna delete that and thenclick on publishThen we're going to create our FAQ page sorry andYou know you could actually, you know create a shipping and returns page if you want to but I'm just gonna name an FAQOkay, and then click on publish?Okay, so I'm gonna close these tabs up top firstOkay, so we're gonna click on all pages here to make sure that's we've actuallyCreated all those pagesOkay, so about home contact FAQOkay, that looks about right if you haven't then click on add new again, okay, so we're gonna click on visit website andCheck our websiteOkay, so as you can see we've got the menu up hereSo what we need to do is actually set in our menu navigation area firstso what we need to do is we need to click on customize andIt's automatically going to take you to themify options here. You want to click on the back and you want to click on homepage settings?so what we're gonna do is we're actually going toSet a static page, okay?So for the home page, you want to set the static page to your actual home page that you just created?Okay. So for example if we take this URL, okay, let's open a new tab paste that in andGo to our home page that we just created beforeSo we want this home page here to be just you know, our domain URLOkay, so that's what we're doing here. Okay, so set in home andthen click on publish andThat will basically set that in okay and then you can go back hereOkay, and then click on menus?Okay, and now we're gonna create our menu. So as you can see, you've got the hamburger menu, right?So this is the mobile menu. This is what it looks like on mobile devices. And the reason for this is because theScreen size right now is quite small. So it's showing the mobile menu. So what you can do is in your browserThere's three icons up here normally, okay, if you're using ChromeClick it and you can zoom out a little bit to 90% and you'll see your menu up here. Okay?so once you've done that click on create a new menu andFor the menu name up here. We're gonna name it top nav. Okay. So for top navigationIt doesn't matter what you name it. This is just for your own referenceFor your menu location you want to set it to the main location main navigation. Sorry up here click on next andYou want to add in the pages that you want to display on the top? All right, click on add items andthe page that I want to display isJust my shop pageSo I just want my shop page to display on the top hereyou can add your abouts in blog and contacts and FAQ on the top, but generally let's say if you go toThe iconic. Okay, so this is apopular e-commerce web site in Australia, you know, they'd only just have the categories and stuff up here andDown here. They've got all the other FAQ pages and about pages and things like thatokay, because for e-commerce website the main priority is to actuallyConvert people and you sort of want to make the navigation really nice and simple to navigateI'll be showing you how to create the mega menu and different things like that. Laterbut maybe just set in but just set in the shop page for now andclick on publishOkay, the next thing I want you to do is we're gonna create another menu so click on the back andCreate a new menu this time. We're going to create our menu for our footer section. So we're gonna name this footerNow and select the footer navigationclick on next andHere you can click on add items. Ok. Sorry for your footer. I want to display mySay the FAQ pagethe blog page the contact pageThe about page. Okay, so I'm gonna not gonna select these onesOkay, so to rearrange it, you can just click it and drag it like that to rearrange the orderSo as you can see on the bottom right here, you'll see the orderSo I'm going to rearrange it. I think that's fineIf you want to create like a drop-down menu, you can actually just click it and drag it in wordsso when people actually hover over aboutThen it's actually going to drop downOkay, so normally this is useful for the top navigation, but that's how you actually do itand then once you've done that then click on publish andThen you can actually just close it nowWhat we're gonna do is as you can see for the page layout you've got this home here and also got a sidebar sectionWe want a blank canvas so we can create you know our hero sectionOkay for our website, we don't want you know, the title and the sidebar hereso to remove it you can actually go back to your dashboard section andThen you want to go to themify shop themify settingsOkay, andYou want to click on default layouts? So this settings area you can edit the themeokay, so I'll be showing you how to customize everything later, but for now click on default page layout andIf we actually open the site in a new tabThen this is the title, this is the sidebar we want to remove sidebar and hide the titleOkay, and also I don't want to display the page comment, so I'm gonna disable it. Okay for the pages onlyclick on save on the top andThen you actually go back here and refresh the pageThen you have a blank canvas we can actually build the layout of your ecommerce storeSo the layout we're going to be creating is a hero imageWhich goes all the way across just like the one you see on Apple and I'm gonna show you how to add textand a button or a linkOkayFor example Nike you've got a really nice hero image and the reason whyWebsite do this is because it basically works right? It tells the visitor exactly what you're selling what your site is about andPeople can determine whether or not they want to stay on your website or click off your websiteSo this part of the tutorial is really important because we're basically creatingSort of the landing page the first impression the signage of your businessok, so I'm going to show you how to use the Builder and how toActually apply text and add in a button. All rightSo what we're gonna do is a really good place to actually find some images if you don't have one alreadyHere's a website called unsplash.comOk, so obviously if you're an e-commerce storeI highly recommendProbably getting a photographerIf you're not good with you know photos and stuff like that to take some really high quality and relevant product imagesBecause I think really good images is what really separates you from, you know, the rest of the other e-commerce storesOkay, but if you don't have an image right now then you knowWhat I suggest is maybe you can go to unsplash for example if you type in your shoesThen you know you have pictures of really high qualityImages of shoes, right? And then what you could do is you could download these and you can use them for your website forcommercial and also for personal projects without crediting peopleOk, so download that onto your computer and what you need to doNext is you need to actually go to photo comm ok, so you can actually use Photoshop or any otherPhoto editing software, but we need to actually edit the images before we sort ofYou know, we need we upload it onto our website. Ok. The reason for that is because you want toResize it otherwise, it's too big and it takes too long to load. Alright. So for example, let's find an imageFor example, let's say this one here you download that t computerOk and save it onto your desktop or create a new folder andGo back to photoThan open click on computer and upload that image onto photo calmOk, click on skip all tutorials here is your image, right? And here is the size of the image onThe bottom here. Ok, and that's really really large and we sort of want to crop it downOk, so to do that, you can click on resize and make sure this thing is selectedOk, and then I'm gonna type in1600 ok for the width of the image andHere the height is automatically gonna resize okay, and then click on applySo type that properly click on a play and that will resize hereokay, so you can zoom in and then you can actually crop it further so you can click on crop andHere I'm gonna type in1600 times about 900 in in heightok, andThen I'm going to select where I sort of want to crop it. I think there is pretty nice. Ok, and then click on applyok, so the image that I want to actually upload is1600 width times about 900 in heightOk, so I personally think that is ideal for a hero imageAnd once you've done that you can click on save I think you might need to actually sign in with your Facebook accountOkay, I think you used to be able to actually download for free, but I think now you have to you knowCreate a free account so you can create an account and download that image onto your computerOk, and once you've done that go back to your website here. And what I generally like to do is refresh the page firstOk before I turn on the Builderso what we're gonna do now is turn on the Builder andBasically, this will pop up we're gonna click on the clothes because I'll show you how to edit everythingOk, so when you actually hover over this section hereYou've got a purple sort of outline and also a orange outlineThe purple outline is basically the outline for the rowSo the width the orange outline is the column settings so you can actually change the columns so you can select two columnsOkay like that or you can select you know three columnsSomething like that. Okay, so I'm just gonna select this one default. OkaySo what I want to do is hover over here and click on the options tabokay, so you can click on that or you can actuallyYou know select the width for width hereOkay, but I actually click on that and then for the road width you want it to go all the way acrossOkay, so for with row content and then you can click on the styling tab. Okay, click on background andyou can upload an image gradient video andAlso a slider. Okay. So for a video what I recommend isActually uploading the video to YouTube firstAnd then what you can do is you can actually paste in the video. Url. Okay, once you've actuallyUploaded the video to YouTube. You can paste it in here and the video will actually start playing in the backgroundOkay, but for this tutorial we're going to be adding in a slider. So I'm going to delete that videookay, and then click on insert gallery andwhat I want to do is I want to upload files select files andImages ready so these are the images that were going to be using for the website. So instead of you know uploading one by oneWhen we're actually doing stuff. I'm just gonna you know, select all ok, just drag and then select all and thenOpen okay. I'm gonna upload all the images to ourWordPress website so we can just easily select the images when we need itOkay, so that's gonna take a few minutes because that's quite a lot of images. I'm gonna close all these tabs up top firstOkay, let's close all of themSo what I'm gonna do is I'm gonna upload this one here. So I'm gonna select itOkay, so like the this blue shoe select this one here and hereHere and here and here. Okay, so I'm gonna select theseSix images so over here. I'm gonna actually deselectthe other ones okay, so just click on it and deselect it andI'm gonna select these six images, okayso keep in mind how many images you actually upload the more images for Slyder the sort ofMore slowly your website's gonna loadSo I personally think you know three or four images pretty much enough. Okay for your sliderBut I've got six so I'm gonna add to gallery for nowI said this one here is not the hero slider as you can seeI've cropped it to about 1600 x 900 you can crop it to anywhere, you know around this sizeIt doesn't have to be exact but this is the size that I've cropped it upOkay, click on update and that will add the images to your slider right for the image size. We're gonna select aoriginal image andBackground slider merge should be full cover here. You can set in the slider speedBut as you can see, you can't really see that image, right?So what you need to do is add some spacing within that image. Okay, so to do that you can click on padding andClick on this all button. Okay, and we're gonna type in 15% okay to the top. So it's going to add 15%Spacing to the top and you can do 15% for the bottom. SoThat's gonna add 15% to the bottom. Okay. So padding is something they're going to be using all the time becauseYou need to add space to your website for everything basicallyOkayso if it's not enough you can just click it and you can drag it up to let's say17% click it and drag it upTo 17 and then once you've done that you can click on doneOkay, the reason why it's not stretched out fully is because we're going to be adding some text in hereSo it's gonna stretch out a little bit more so over here the green icon hover over itYou can click on the lock to sort of lock it in there. So we're gonna add some textOkay, so drop in a text moduleFor the text content, I'm gonna be just pasting inmulti-purpose ecommerceOkay, so this is a demo websiteWhich I just created you can actually visit this website because by the time you watch this tutorial you'll be completedOkay, so you can come here and just copy the text that we're gonna be usingwhenever you're pasting text from some other place, what I like to do is right-click andpaste and match style orPaste as plain text. Okay, because you don't want to keep that styling. So as you can see, it's multi-purpose ecommerceSo here I'm gonna select it and then I'm gonna set this to heading 1So now what we're gonna do is click on doneOkay, and then we're gonna add in another text module. Okay, so a sub-headline right? We're gonna add a sub-headlineso to do that you can either hover over here and drop in another text module or you can hover over the original one andOn the right here. You can actually duplicateOkay, so that duplicates the text click on the bottom row here and then change this to your sub headlineso your sub headline could be like a 50% off sale orSomething about you know what you're selling. So if you go to Jim shock, let's have a lookOkay, it's swim away time. I don't know. It's really up to youOkay for for this one, we're gonna be just creating an online store. So we're gonna put in that title there andpaste in that styleSo as you can see that's set to heading one. Okay, because it's duplicatedSelect paragraph and then gone done. And then we're gonna do is add a buttonOkay, so a button is here and drag it below that and drop it inOkay, you can select different size buttons small large extra-largedifferent shape different background andHere you can put in the bottom text. So what we're gonna do is link it to a shop page, right?so we're gonna do shop now orYou can link it to a individual product page. So for your link, so where do you want this button to link to?All right, so I'm gonna link it to our shop page. So what gonna do is you can hover over shop here?Right click and then you can copy that link addressOkaySo paste your URL here and that's gonna link to the shopOkay, you can paste in a direct sort of page like for exampleIf you want to link it to a bad pageyou can right click the about and copy link address or you can link it to a product as well andRight now you can set in the color to be blackyou can change the color here andIf you want to add in another buttonYou can if you want to change the styling like a different colorOther than the default ones here go to styling tab and then click on buttonBackground and then you can set in the background color and the background hover over color and also the link colors hereOkay, so here we're going to just click on doneOkay, so I'm gonna show you how to style it. So, how do I how do we actually change the color?And how do we align the text? So it's not like too much on the side. So what you can do is you can actuallyClick on the styling tab styling options here for the row. Okay, andthen what you can do is you can click on font andThen you're gonna change the color to white. Okay?So what that does is it changes the font color everything inside that row to white?OkaySo if for example if you move this text down to a new rowOkay, drop it there okay, that's gonna be black. Okay becauseThe styling it has only applied to what you've set in for the row not for the individual moduleOkay, so if you wanna you know set in the individual module can double clickStyling font and then here you can change the colorAlright, okay, so I'm gonna delete itDone. You can also click on undoandThat's gonna sort of undo the changesSo we're gonna do is we're going to move it inwards a little bit. Okay. So what you can do is you canInstead of going to the styling here. You can just double click and that will also take you to the row options as wellOkay, go to stylingGo to padding and we want to add some spacing to the left hand sideSo hover over here left and then set in five percentOkay, and then that's gonna you know, add some spacing to the left. Alright, so you can also click on fontsyou can also align it to you know yourYour text to the center like thatAnd you can also align it to the rightOkay, depending on what you want. So I'm gonna keep it on the left. So it really depends on you know your image, right?You can also hover over hereyou can also change the number of columns to this one here to the one like that andThen for example, you can actually move the text to the middle. Okay, it'll columnlike thatOkay, so here you can also sort of drag it okay so you can change the width of the D columnsso it's really fun when you actually learned the basics of how to actuallychange the layout and stuff like that, but we're gonna do is justundo everything andMove it back like thatOkay, then click on save and then we can close itOkay, so everything's looking very good except there's some space here to edit the space click on edit page andScroll down toThemify custom panel for the content width you want to select full width'Okay. So for any page you want to add a hero image and this in spacing then you need to get rid of that spacingby selecting full width andupdating that page andThen once you've done that you can go back to your home pageOkay, so you can click on View page andThat space should be onOkay. So what you've done is you've created a really nice hairy image just like the one that you see on Jim sharkAppleGucci andThat's looking really really awesome. Okay, so if you actually want to change the font here to maybe it's a bit too small, right?so turn on the Builder again andDouble click the text moduleokay, go to styling andThen go to font and here you can change the font size. You can also drag this module to the right-hand side and you'll lockJust like that and then you can click on fontFont size maybe 24. I think that looksOkay, I guess so. What I recommend right now is to keep your your font family like the fonts and everything asJust as default. Okay, because I'll be showing you how to actually you knowChange the fonts and the colors later onWhat we're doing now is sort of just building out the structure of your websiteAnd then we're gonna sort of paint it later. All right, and then click on doneGunn saveNow I'm gonna close it and the next part I'm gonna show you how to add in your products and before thatI'm gonna show you three places where you can actually get, you knowAnd source your products from if you don't actually have products, but if you do then you can skip this partIt's Hogan hereHopefully I didn't scare you because I was behind the camera and now I'm in front of the cameraBut I do want to explain sort of the three ways that he can actually source your productsso the first way is it's actually source your products from aliexpress.com andThe method that you're gonna use is a method called drop shipping. So I'm not sure how familiar you are with the topicBut what drop shipping means is basically you are listing someone else's productokay on your website and then you're promoting your website and then the customer will actually go to your website and purchase that okay andThen what you'll do is you'll actually order thatProduct from the supplier or the vendor and the vendor will actually ship it directly to the customerSo essentially you don't have to you knowBuy thousands and thousands of dollars of stock and store it in your own house or a warehouse or anything like thatYou basically will actually place the order after the customer has paid you right?so this is a method called drop shipping and a lot of people use Aliexpress for drop shipping because the products here areFrom Chinese vendors. Okay, so normally product on Amazon and eBay they arePeople like us, you know who actually buy the product from ChinaLet's say and they import it into the country and then they start distributing itSo normally the prices are cheap, but there is a drawback in terms of the shipping timesokay, so normally products take two to three weeks to get shipped and even longer if theVendor doesn't offer a packet to that specific countryBut what I recommend is actually when you actually drop shipping is to start off withCountries that actually have a package shipping because that's only gonna take about two weeks for your customer to get the productOkaySo what you want to do is you want to go to Aliexpress comm and then you can browse the productsYou can research the products and you'll see that the products normally have reviewsOkaySo you want to find high quality products check the reviews?Check the images that customers actually post on the actual product because you want to make sure it's a quality productThat's gonna decrease the returns and you know keep your customers happy, right? So what do recommend is actuallyOrdering that product for yourself so you can actually test that product yourself, you know, see if it actually worksBefore you start, you know listing the products on your websiteOkay, so to actually list the product on your website you can do ityou know in two methods the first method is in do it manually which is you'll actually need to screenshot the images andSave the images onto your computer and then you'll need to basically upload the images onto your websiteWhich I'm about to show you and you'll have to set in the prices yourselfYou know add in the product description and basically set in everything that you need by itself or the second methodWhich is the one I recommend is to use a plug-in called Ally dropship and hourly dropship will basically help you sort ofDo a one click import of the product onto your website. Okay, so it saves a lot of timeBecause you don't have to go about screenshotting the images. It'll actually copy the imagesdirectly to your website andIt also takes the inventory number like it tracks the inventory as wellSo you don't have to worry about you know, maybe that vendor actually runs out of the products and then customers are still orderingIt'll actually sort ofSync that together so that won't happensoAfter the the customer actually purchases the product from your websitethen what it does is that it will take the customers shipping information and it willAutomatically log in to the website to place the order with that supplierspecifically and then it will actually set in the customer's shipping address and then all you need to do is toPay by your credit card or your PayPal account. And then the supplier will ship directly to the customerOkaySo this is the method called drop shipping and this is something that you can start today with a really low investmentBut personally I don't believe this is the bestLong-term business model. It's sort of like riding a bicycle, right?So drop shipping is sort of like riding a bicycle with training wheels. You sort of want to learn about e-commerceBy doing drop shipping because there's low investment you can learn about Facebook ads Instagram adsYou can learn about sourcing the products and you know customer service and all that stuffbut what you want to do is you want to build aLong-term brand you don't have your own product with your own logo and own packagingOkay, so to do that you go to a website calledalibaba.comokay, and here you can actuallyGet in touch with the manufacturers. So it's a little bit different, you know onAliexpress, it's like the vendorsokay, but if you actually go to Alibaba, it's actually the manufacturers who who actuallyYou know assemble and build that product so you can actually put your own logo put your own packaging and stuff like that. Okay, soWhat I recommend is you'll do need quite a lot of money if you actually want toInvest in it, but you know, I don't know your financial situation, but it's gonna be you know, roughlyI'd say more than five thousand dollars because you actually need to order the productsBut then you actually have to pay for the shipping to to your home country. Okay?so normally the best companies will actually have a higher minimum order quantity, but you can order samples andYou'll have to probably pay for the samples and actually pay for the shipping as wellokay, soMake sure you order samples and what you can actually do is you can actually ask the the manufacturers is do they actually?You know produce a product for maybe a country a sorry a company in your country, right?last time when I asked them they actually told me you know, who they supplied andThey actually gave me sort of an estimate of how manyPieces that that company is actually ordering so when you actually talk to him you can ask them all this information, you knowsometimes they might not tell you but sometimes they do andWhen you actually know that then it gives you the confidence to actually beginBecause if you can sort of reverse engineer what other companies are doing, you know, you can actually use a website called similarWeb.com and then you can put the actual ecommerce website that you that you are inspired byPut it in there and then you can check their traffic and where is it coming from?Okay, so then you can analyze and reverse-engineer basically the marketing strategy for that company for your own success for your ownE-commerce website. Okay, the third method is actually going to the Catalan fairSo I went to the Catalan Fair last year for the October one. So there's normally two different sort ofTime hour sessions. Okay per year and separated into three phasesokay, so they separate into three phases because there's so many different product categories andI think it's a really great experience because you can actually touch you can feel and you can talk to theManufacturers as well. So I think a lot of people might have a bad perception about products made in China as wellBut when you actually go there when I went thereI talked to a manufacturer that did the stuff for Starbucks. So they are really high quality suppliers there, you know even AppleHave their iPhones made in Chinaright they haveyou know design in California but assembled in China andYou know a lot of the companies that you see now on Instagram, they have their products from Alibaba and you knowThey source it from supplies in like the Canton Fair as wellSo I recommend going there if you want more information, then you can check out the accounts on their websiteYou probably need a Chinese visa and you need to get like a like a registration sort of thing as wellBut that's pretty easy to getAnd then you just book the hotel booked a flight and then you're there. OkaySo right now I'm gonna jump back into my screen and actually show you how to add in the products. SoLet's get into itSo let's say in some products the first product I'm gonna show you how to set in is just a simple productAlright, so if you're not in the dashboard section alreadyMake sure to click on the home icon and it will take you back here. Click on productsOk here you can click on create your first product or you can click on add new if you see that button there okFor the product title, we're gonna set in aBlack dress so I'm gonna show you how to set everything up so you can click on dismiss. Okay, sir blackdressHere is where you paste in your long description. So let's say for example, this is the black dress we're gonna be adding inOkay, the long description we pasted here. Okay. So this is where you write a little bit more about the product itselfAlright, and this is the short descriptionSo I'm gonna grab someLorem ipsum text as just some placeholder text for now, okayso here I'm gonna copy aparagraph andPaste it inOkaySo you can click on the toggle toolbar and here you can change the color of the text and you can edit the textOkay, just go down hereokay to the product data, so we're gonna be creating just a simple product for now andThis product is a physical products. So make sure this is unselected andFor the regular price will do $79. You can also set in a sale price. So let's say for example$59 and you can also schedule it. Okay, so you can schedule it from a date to end andTo end on a certain date as well. Okay, click on infantry hereif you have a lot of products you can have a SKU andyou can also manage the stock level by taking this and for example, you might haveOnly 10 left and then you can put that inwhoops10 and allow back orders, you know that depends on youSo for example, if your stock quantity actually goes below zero then orders will be still allowedOkay, for now, we're gonna select do not allow click on shipping and here you can enter in the product dimension like how much?Does a way when it comes in someone's mailbox or something like that, so it might weigh you know one kilomight be thirty centimeters times thirty times a height of maybethree centimeters and okayYou can click on link to products so upsells areBasically, if you actually search for a product here if you've added more productsYou can search for a product and the upsell will actually appear sort of below the productSo for me, I normally leave it empty because it'll actually show related products, which is the products in the same categoryOkay. So for cross sales, I think this is really useful. So let's say for example you areSelling a dress right? So maybe in a cross sell would be some necklaces or some you know, some gym jewelry, right?so if people actually add that to cart, all right, and ifpeople view that cartThen basically, they'll recommend the cross sell product that you set in hereOkay, so you can increase the value of the cart by adding some cross cells, okaySo for example, if you have a camera a cross cell would be you know, camera batteries and stuff like thatattributes is something that you do for variable products andAdvanced so you can leave a purchase note. You can also order the products on the shop pageOkay, and you can also enable a disable reviews. I'm going to paste in the short descriptionOkayDelete some text for nowScroll back up here here. You can set in a product category. So click on add new andthis is a woman's dress so I'm gonna actually set in aParent category. So this is the sort of the main category. For example, if you go to gym shop, right they haveWomen's and men's so they have women's and then they have women's leggings and stuff like thatSo this one is you have women again women's ad and then you also is a dressSo you type in dress?okay, and then for the parent category select women'ssoIf you add a new category dress will be under the women's category as wellOkay, so this helps for when you're actually setting in your mega menuOkay when you're actually setting in your mega menu hereThen it helps with this and it also helps with people searching for the products in the search engines as wellOkay. So once you've actually done that for the product tags, you might do you know the brand of dress or maybe thematerial and stuff like thatokay, so you can disable the sharing if you want to for the product image click on set product image andIf you haven't uploaded the images yet, it's gonna upload file and select files, but here I'm gonna upload this one hereokay, and what I actually recommend isCropping the image as well. Okay. So this one is 800 by 800Okay, so it's sort of like a square. So 800 width times 8 uncrewed in heightSo if for example your product is more of a longer type of product like this one here, then you might consider600 in width? Okay and 800 in heightBut for all your product images make sure they are exactly the same size so they aren't croppedOkaySo they're all you know matching perfectly and what I do recommend is having a white background or a neutral background like thisOkay, so then the background is sort of like gray same with Nike as well. Okay, the background is whiteRight, so it's a lot cleaner, you knowsometimes I see a lot of people actually have white background gray background and then you know, they might haveThe B products inner like a colored background that's gonna make your website look slower. And also it looks more unprofessionalOkay, so if a featured image make sure it keep it white again and then set in the product image. So the product gallery isWhere you can actually add the product in useSo this girl here you might have her in like, you knowYou know in a photo shoot somewhere in the alley where a sign in the dress with a dress. Okay, soYou might add the extra product gallery images hereOkay, but for your product image the featured image leave it as neutral as you canOkay, and once you've done that then you can just press on publishOkay, so once that is done you can click on view products or the URL here so click onto that andThat is looking pretty good pretty good. Okay, soWhat I'm gonna show you now is how to add in a variable product. OkaySo sometimes you might have a black dress and then you might have different sizes in different colorsSo I'm going to show you how to set that in. So what you can do. You can also click on add newPop over it sorry and click on products. That's just a shortcut. Okay to add in pages or postThat's a quick way of getting to where you want quickly. Okay, so the next product is going to be a jumperOkay, so I'm going to put in jumperHere, I'm gonna paste in the lorem ipsum againAnd I'm gonna scroll right down to the short description as well. Just paste it in andDelete some textOkay, and then scroll down to the product data here. You want to select variable products?Okay, it is still a physical product. So we're not going to enable theDownload theme up here. Okay, so it's not appearing right here because you have to set it in individuallySo the infantry you can actually set in the stock level at product level, but we're gonna leave that emptyshipping weight we can put in one kilo andYou know 30 centimeters by thirty by threeFor link products, we're gonna leave it for now attributes is where you have to create the attribute. Okay, soWe're going to be adding a jumper. So one of the attributes is maybe a size. So I'm gonna click on add andThen what you want to do is type in size, okay?So here we're gonna select s for small and then we're gonna click on shift and I think this one is the backwardBackward slash it's sort of above the enter button and then that will give you a pipeCymbal, okay, and then type in M and then the pipe symbol again LOkay, and then you can do Excel for extra-large and whatever you want to dookay, make sure to click on use for variations and then click on save andWe're going to create another attribute. Okay, so the other attribute will be a different color. Okay, so click on add andName will be colorso we're gonna have green and then we're gonna do the pipe and then we're gonna have gray pipe andAlso a purple jump ballokay, and then click on use for variations save attributes andThen click on variationsHere you need to create variations from all the attributes that we created click on go and okay, okayAlright so here you can click on the drop down arrow and here you can select a specificProduct image for the green variation. Okay, so we can click on upload image andWe're gonna select the green jumper. Okay set variation and we're gonna set in a price hereSo for a small one, it might be let's say forty nine dollarsOkay, and you can set in the individual stock status and stuff like that here for the individual productsBut I'm just gonna leave it as is okaySo here you can also set in a downloadable and virtual but this is a physical so we're gonna scroll downOkay here we're gonna select the gray jumpersame price $49 scroll downHere we're gonna select purpleandThis one will be 49. Okay, so I'm gonna do this really quicklyMmm, so this one is green the price for this will be 59Gray59 this one is purple59 scroll down. Okay Lodge. So this one might be 69 and then sit in a green jumperScroll downThe gray one69 and the last one which is the purple oneOkay, so click on Save ChangesOkay, scroll back up, okay, we're gonna click on add new category. So this one is men's jumperSo we're gonna do men's as the parent categoryadd new and then we're gonna do asomething called the child category, which is called jumpers andThen set it to be under men's. Okay, so you don't necessarily need to have a parent and childThis is if you sort of have a lot of products and you want to organize it really wellAnd click on add newokay, soJumpers will be dropping down from men's, okayScroll down product tags, so I might be a cotton jumper or the brand of the jumperhadSet product image. So this is the featured product image and this is the product that is going to appear onthe shop page okay here so we're gonna go here set that in andI'm gonna select maybe a a gray one. Okay set product image and here you can add additionalproduct images if you need andLet's go and click on publish for now, and we'll make sure to check that productOkay, so we're going to right click and view it in a new tab. SoEverything looks good, as you can see the default option. It doesn't select anything. So what you can actually do is set a defaultoptionall right, so go back to your product andGo to the product data part. Let's go toVariations and here you can set in the default form valuesSo I'm gonna set in the default as medium and maybe default as the grayOkay, the gray jumper and then click on updateandThen if you refresh that pageThen you'll see that the default will be selected right andIf you actually change the sizeFor example small the price will change change the color the product image should changeOkay, so make sure that is all correct too. Sometimes you might accidentally, you know mix it up. Okay, andEverything looks good. Okay. I'll be showing you how to customize thepages and stuff like that later, but now I'm gonna show you how to add in a downloadable product so we canGo and close this and go back here. Click on add newOkay, so this is useful for e-books or you might have like coaching services or just anything virtual so for example, we're gonna doHere for the title 50 things to do in VietnamCopy some lorem ipsum paste it in here and also down in the short descriptionOkay, so I'm gonna go over this a little bit quickerScroll down to the product data. So this one is going to be just one product a simple productsBut it's gonna be virtual. So it's not shipped and people can download it. Okay. So regular price $29Here you need to add the downloadable fileSo for example, the the file that people will be able to download after they've purchased so you can click on add filechoose file from your computer andI'm gonna upload this PDF file for them to download. Okay insert file URLOkay, you can put in a file name as well. So it could be you know 50 things to do in VietnamOr you can also you knowYou know save it your file in like Google Drive or Dropbox and put the file URL over thereSo people actually download it from from that URLOkaybut I'm just gonna use this one and then you can set in download limit as well as expiry andThen you can click on inventory you can manage stock which I don't think is necessary link productsyou can add in a cross cell for example, you might haveadditional sort ofEbooks and stuff like that. So you've got this one here, and then you've got other onesSo you can add that as a cost cell and then you can click on attributes. So this is if you have a variable productsAdvanced you can leave a purchase note and then go here. We're gonna click on add new categoryWe're just going to name it ebook. Ok just as heJust as a normal category up there like thatScroll down product tags. This one might be Vietnamtravel guideadSet in the product image andWe're gonna select this one hereOk, and then set in the product image you can add additional gallery imagesBut we're gonna click on publishAll right, so let's view that productOk, so that's looking greatOk, so let's click on the shop page andWhat I'm gonna show you now is how to add in a product filter, ok, so this allows your customers toEasily sort of filter your products by category by the size by the pricing and stuff like thatso let's go back here andTo do that. I'm going to close this one here. Let's go to your dashboard section andWe need to enable the product filter plugin. Ok, so go to pluginsMake sure you have the theme of 5 WooCommerce Product filter installed. Ok. So if you don't click on add new andthen type it in the search bar install it and then you'll need to click on activate andThat will activate the plug-in and then on this side of the sidebar sectionThe product filter tab will actually show up. Okay. So for our filters here here you need to click on product filtersOkay, and then you can click on add new andThen the forum title might beShot the page. It can be any name and here you can set in the display options. So for now I'm just going toLeave everything as is except for toggle field groupsI'm gonna deselect that and then here is the things that you want to display. So for example, I'm gonna put in product titleSo this is gonna help people search. Okay, so I'm gonna type in search below that we're gonna type in or put in the priceOkay, and that's going to be as a slider then we're gonna put in maybecategoriesokay, and for the display as I like the radio option, I think it looks a lot better andThen you can scroll back up here. I'm gonna put in the on sale on the bottomSo you can play around with the display settings and stuff like that, but I think it is pretty good by defaultso we're gonna click on save and thenOnce that is saved then you can click on close andThen the shortcode will show up so you can copy the shortcode to your clipboardGo to appearance and then click on widgetsso we need to add it onto asidebar, okay, so hereokay, click on shop sidebar andThis is where we're gonna drop it inSo here is all the available widgets so you can actually drop in all these widgets into all these different sectionsOkay, but what we're gonna do is drop in a text widget so scroll down to teaClick it and sort of drag and wiggle it up to the top. Okay, andThen scroll up here put it in here and then paste in the shortcode. Okay, and then click on savedone andthen you can go back to your store page andWhat you actually notice is it's not showing yetSo it's not showing as a sidebar yet. So we need to go back to our dashboard andWe need to actuallythat in so themify shop MFI settings andThen here you want to click on shop settings andYou want to click on the products archive andThen for the shop page sidebar here as you can see, there's no sidebarYou want to select it on the left or on the right that depends on you for the product archive sidebar also on the leftOk, so let's click on save and see how that looksSo we're going to visit the store in a new tabAndThere you go. That's really awesome. OkSo for example, let's drag the price filter down then you'll see that it should update and maybe you can click on on saleLet's drag that back up andThere you go. So what we're going to do now is you can actually change the display settings inthe shop settings here, soFor example, you can display it inIn a row of three products. Ok, so here it's actually got four products, but you can display it in three andYou can you know set in how many products you want per page you can hide the titleYou can hide the Add to CartYou can play around with the settings here. So for example, let's let's just hide maybe the product share buttonclick on saveAnd you can refresh thatAnd as you can see that has disappeared and that's changed to three products in a row okSo what I recommend is just opening this page up playing around with the settings and figuring out you knowWhat you actually like and then just save it and then refresh this pageok, so I'm going to leave it as this for now andIf you actually click into the single product, you can actually go hereok, go back here toThe single product page and you can change the layout as well. Ok, but by default, I think that looks pretty good alreadySo let's say for example, you might not want you know, the tags kind of looks a little bit ugly. So let's go hereYou can remove the product tags. So hide product tags for the single product andthen you can actuallysave it andThen if you refreshThen it's going to disappear. Okay, so that makes it look really really clean. Okay, and that looks really goodSo I'm gonna show you how to add in some blog post or some articles for your ecommerce store. SoI'm gonna actually tell you you know, why is it actually important for you to add in blog post?So for example, this is your e-commerce websitethere's basically two different ways to get traffic to your website so you canGo the freeway and you can also do the paid method which is like Facebook, Ads Google AdWords banner advertisingYou know advertising on TV and things like that or you could do free which is postingimages onSocial media accounts like Facebook and Instagram snapchat and things like thatbut I think what is underutilized and not many people talk about is actuallyBlogging to get free and targeted traffic to your ecommerce store and have people buy what you are selling, right?So for example, let's just say you are selling wedding dresses and this is a wedding dressokay, you can actually create content forYour target sort of visitors, right? So people who are buying wedding dressesThey're probably searching on Google maybe things like how to find the perfect wedding dress or you know top ten tips onYou know stuff about the wedding or whatever it is. You can create content around it. Okay, andOnce you actually create content like for exampleIf you go here eleven must-read gown shopping tipsright people can scroll through your content and you knowYou can have really good content and you know provide a solution to what they're searching forbut you can actually link to let's say your products okay, or for example, you can actually have your shop page up here andIt brings sort of, you know awareness to your brand and they're like, oh, okay. This blog also has a shopOkay. So this is one of the things that you can do like for example, nomadic Matt actually, does that really well?So he is primarily a blogger but he also has a shopSo he creates really really high quality content about you know how to travel cheaplyTips on you know how to save money while traveling and things like that and then he has a shop pageOkay where he sells ebooks?OkaySo, you know Jim shark also has the same as well. So for example people might be selling what to wear to the gym andHere you'll see the content and then you'll also see thatThere are linking to their product pages as wellOkay, so they are recommending their own products to people who are searching for this keyword on googleso it's really important to add in blog posts andThat's exactly what I'm gonna show you how to do right nowso to add in a blog post you can either hover over new and click on post oryou can click back to your dashboard section andYou can add the blog post and also view all the blog posts that you haveOkay, so you can hover over here and then you can click on all post or add newso all post is gonna display all your blog posts here andHere we can click on add new as wellOkay here you'll need to enter in your blog post titleso I'm not gonna show you how to write a viral blog post right now because that's gonna be aPulling another video and we probably need to cover search engine optimization as wellBut I'm gonna show you how to add it in technically. Okay, so copy thePanda texture you can paste that in andLet's say I'll just take this text and put it into the titlethis is where you add in your blog post andLet's say you wanna you want to link it to a products or you want to link it to another page?you can select the text click on the insert and edit link andYou can click on the link options and then you can search for your products. Okay?So for example, you want to link it to an e-bookOkay, then you can select it here or you could paste in a custom URLOkay, and if it's an external link, then what I recommend is opening it in a new tab and then click on add linkOnce people click into that then that's going to take people to that productokay, so if you want to add an image of that product you can click on Media andupload files orI've already uploaded the image here. So we're going to be using let's say this one hereOkay, and then you can insert that into post?Okay, so let's say for example, I've also cropped the image to a thousand times six hundred and eighty eightSo anywhere between that size is fine for a blog imageOkay, so here you need to set the size to maybe full sizeOtherwise, it's gonna crop to a smaller size and it's gonna be a bit blurry. Okay, so insert that into post andThat's gonna add a picture in thereOkaySo to add a video click on enter and you can grab a YouTube video and all you need is to grabthe URL andThen you can actually just post it in and it will automatically pop up in about a second or soOkay, so that's how you do it. You can also, you know change the colors and things like thatSo I'm pretty sure you guys know how to use this section hereHere then you'll probably need to add in a category. Okay?so let's just say this one is you know travel then you put in travel andThen you could put you know the location of where you travel to or anything like that. Okay, so this one might be greatChinaclick on addOk, so going down you can set in a featured imageOkay. So what I recommend is for the featured image crop it to the same size. Okay, so1000 times688 this one is 1000 times 688 and also this one as wellOkay, so you could crop it to 1000 times 600 but make sure that you knowThey are pretty much the same size because that way it's gonna display properly when you set it inso let's just select that one there and set in featured image andThen scroll down hereYou can alsoCustomize the layout of the post individually in the themify custom panel sectionbut if all is good click on publish andThen you can view that post by clicking the URL here or you can on View PostSo here is your blog post andThat is looking good. So I'm going to add in two more blog posts really quickly. Okay, so I'm gonna click on post here andI'm gonna paste in the alarm' hips them againJust paste that text in here. I'm gonna quickly do it. So I'm just gonna put in a titlePutting a new categoryLifestyleI'm gonna skip the tags, and I'm just gonna sit in a featured imageOkaySo I'm just adding in extra blog posts so that we can actually have some content to display on our home pageokay, so set that in andThen I'm gonna click on publish and then I'm going to click on add newCopy that text againPaste that into here sit in a new titleOkay, a new category design add new and then set in the featured imageThis one hereSet that in andThen click on publish andThen you can click on all postOkay, and here you can actually view and edit your blog postokay, so I'm gonna show you how to display your products and also your blog post and how to build out yourhome page right nowso what we're gonna do first is we're gonna turn on the Builder and I'm gonna show you this simple way of adding in andDisplaying your products and also another method. Okay, sofor exampleIf we want to let's say add inOur products we can actually look for the WooCommerce module the game should be the last moduleClick it and drag it into the section that you want to display it at. Okay. So for example there andhere you can display its you know as the categories I can display the featured putWhich I'll be showing you how to actually set in specific featured products because sometimes you might have you know, 100 productsBut you want to display, you know three top-selling products. I'll show you where to actually set that inhere you can change, you know all the display options ofHow you want to actually display your products? Okay, so you can display it in maybeYou know two two products per column or you can display it in like fourOkay, you can also change the display optionsFor example, you can change the it to the overlay option. Okay?So for example if you click on done and if you click on save and if we close itThen you'll see that it is overlaid. Okay?so for exampleit is just the image and when people hover over that then it overlays with thePricing and Add to Cart buttons. Okay, so you can display it in a few different ways. So we're gonna turn the build up andDouble-click that module again, okay. So here you can just definitely just play around with itSo for example, if you want to hide the Add to Cart or the the prices or the sales badgeYou can do all that. Okay, so I'm gonna show you the other way of doing itso we're gonna click on done and I think this way is important to know because youMight want to have a a different layout. Okay. So for exampleThis is the layer. I'll show you how to createSo for example, if you go to Jim shark, right, you'll see that they have you knowJust maybe just like an image and maybe a a button to link to their collectionOkay, or something like this or if you go to Nike then they have the product image and it links to the category right onNomadic mat they just have the image of the e-book and then they have an Add to Cart buttonSo it's a completely different layout and that's what I'm going to show you how to doSo for example this one here, it's three different columnsSo the first thing you want to do is separate it into three columnsRight, so you can hover over the purple thing here and then you can select the three columns. Okay like that andHere we're going to add in a background image. So we're going – click on the column stylingok, the paintbrush thing click on the background andHere click on browse library to upload the file and let's say for example, this is the product you want to add inok, so we can insert file URL andFor the background mode. You want to select full coverThe background position you can just keep it as Center CenterBut what we want to do is we want to add some padding because you can't see the imageso let's add some spacing click on this all andLet's add. Maybe let's try 10%Okay, so I think that looks ok ish. Okay, I'm gonna drag it up maybe to 15% something like thatOk, so you can also add it to the bottom, but I'm gonna add a button to the bottomSo if I actually add a button to the bottom then and if I add padding then it's sort of going to addbasing below that'sbutton, so we're gonna leave this as 0 gone done andLet's add a button in there. So we're gonna drop in a buttonok in that column andThis button can link to this product or you can link to a specific categoryRight so you can change the appearance of the button and things like thatbut we're gonna change the text to maybe learn more or you can change it to shop now andLet's say you want to link it to a specific category, right? So I'm gonna copy this link in a newAnd open up in a new windowok the shop page andLet's say you want to you know, link it to a category specific category, then you could click on this productsOk, let's say you want to link it to our women's category as you can see here. This is called the breadcrumbsOk, and if you click on the women's that's gonna take you to the women's categoryAlright, so you can link it to the women's category by copying that linkOk going back here and you can paste that into hererightAnd when people click on that, it's gonna link to here change the button color and then click on doneOkay. So what you can do is really create aCustom sort of layout for your home page. You don't have to just have you know a default productYou could have a product here and you can have some text explaining aboutWhat's so special about the products right? Or you could do something like let's say for example, we want to duplicate itOkay want to create three different?Things you can easily just duplicate it. So if you hover over the columnYou cancopythe content and stylingOkayand hover over the next column and then you can actually paste that in here paste the content in styling click on OK andIt's gonna pet copy that data and paste it into hereOkay, so gonna do the same we're going to copy content styling and then we're gonna paste it into hereAlright, and all you really need to do is double clickbackgroundDelete it and you know upload the imageAnd you can also double click straight away without clicking doneit will automatically save so you can double click here and then you can go to the background andWe're going to set in maybe a green image. Okay, something like that and then click on doneOkay. So what you can actually also do is you can actually link it directlyTo the Cart button. Ok, so what I mean by that isok, so so for example ifWe want to link it to the cart automatically if you actually hover over the Add to Cart on the bottom left you'll actually seetheURL that will actually add that product to the cart ok, so you can right click copy that link address andYou can don't click the buttonPasting the product URL hereOk, so what's that gonna do is it's actually going to once people click it. It's gonna add that to carSo let's say for example someone clicks on thatOk, it's gonna add the dress to the cart like thatso let's go back here andYou can change and edit that. Okay, but what I'm gonna show you now is how to actually you knowMake sure that everything looks good. All right, so let's go back here. Turn on the BuilderandWhat I'm gonna do is I'm going to add some spacing on the top and add some textSo let's add maybe a text on the top. So this one might be you know newestcollectionokay, let's set this to heading two andthen what we want to do is click on styling font andalign the text the centerclick on done andThen we want to add some padding to the top. Okay, so you can add padding either to the text moduleOkay, we can also add padding to the Rome or jewel. They're pretty much the same thingSo this is really matter where you actually add the padding as long as you know, visually it looks goodOkay, and just click on starting herepaddingLet's add maybeTry 5% to the top, okayYeah, we're gonna add some padding okay between the text and also the image so double-click the text stylingPadding sorry and then we're gonna add some to the bottom. So maybe three percent this time. Okay, something like thatRight, and the next thing we're gonna create is a button. Okay, so this button is gonna link toThe shop page so it so people can view all the products again. They're gonna put a little divider line to separate the contentOkay, so whenever you have a different sectionyou want to either separate it by a line here or you can either separate it with like a whole background image orfor examplePeople actually use like a a gradient sort of like grayGradient to separate the content. Okay, so you don't want like just a huge block of content?Otherwise, it's gonna be too squished together and it looks really sort of cluttered. So we're going todrop in another buttonOkay below thatandthen you couldChange the colorOkay and Link it to your shop pageSo let's link it to the shop page and then paste it into hereThis one is going to be view allokay, and then maybe we can align the center andWe can also add some padding to separate it. Okay, so you can click on padding. Let's do maybe3%Or maybe a little bit moreI'm gonna try 3% for the bottom. Okay, click on done and then we're gonna add a little divider line. Okayyeah and drop it below andThen here you can set in the divider color. I'm gonna click on custom for the widthOkay, and then for the alignment, I'm gonna align it to the center like that click on doneYou can view thePreview by clicking on preview up here and you can see whether or not that looks good or notokay, so I think that looks okay and we're gonna create the next section which is thecategoriesOkay, so make sure to turn on the Builder and let's drop in maybe a text module you can drop it in or you canJust actually duplicate this one here. Okay, so you can duplicate it andThen you can pull it down here. Right so you can actually zoom out of the screen a little bitso zoom out to 50% so it's easier toRearrange the layout sort of thing. Okay, andThen what you can actually do is change the text to maybeCategories, all right andThen click on done and then we can drop in a product categoriesOkay down there and then here you can display your categories, right? So you might havemen's category and women's categoryYou can select two columns something like that. And then you can select specific categories and exclude specific categoriesIt really depends on how you want toSort of display it okay so here to actually exclude categoriesYou need a product category ID, which I'll show you how to get pretty soonSo we're gonna scroll down here and then you can hide you knowSpecific categories and all the display options and things that I'm gonna select this one here three columnsOkay, and then I'm going to click on doneSo here I might add somePadding to the top of the row so some paddingHere, I'm gonna add maybe you let's try three percent or maybe a little bit more five percent like thatClick on done and save it and then close itSo what we need to do is set in the images here okay to do that. You can go to the dashboard andHere you can go to products okay hover over products and click on categories andHere we're gonna actually add in the image for the categories, right so you can click on edit forebook for example and in here upload image andThen this one here is a ebook so you can select that as the primary category image updateScroll down make sure make sure that is updatedokay, so then you can go back and click on categories or you can click here andthen here for men's edit andThen upload a imageSo this one might be this one here. I can't use imageclick on update andThen click on back to categories andThen here for women's click on editUpload select the image use image and updateOkay, click on back to categoriesOkay. So how do you actually get the category ID to exclude it you canClick on let's say if you click on edit, right?Here you'll have the product category tag ID equals 24, okaySo that is the category ID number right? AndIf you actually want to set in the featured product, which I was going to show you before click on all productsOkay, that's going to display all your productsSo what you need to do is select the star icon to make that product a featured productOkay, so we're gonna go back and visit our site then you should see the imagesuploadedOkay, we're going to turn on the Builder and edit the link colorOkayso we're gonna double click so I'm gonna go to styling and then you want to go to link andChange the link color to white. Okay, because we want to make that sort of visibleOkay, and then go back to product categories. I'm also going to remove the product counts to know okay?Like that, it looks a lot more professional and then we canClick on done, okayOkay, so that's looking pretty good the next section we're gonna create isDisplaying the blog section so we might need to add in the divider line. So let's just get the divided line from hereDuplicate itOkay, grab the divider lineOkay, bring it down and drop it belowOkay, so you got the line there now now let's scroll back up and we're going to duplicate the category text moduleso hover over on the right and duplicate andthen we're gonna zoom out a little bit to let's say 75 percent andLet's drag one of the text modules down here into the new row. Okay, and then we can rename this potNews or you can name it blog. It's gonna put in blog as a title and then than doneSo what gonna do is I'm gonna double-click the row. Okay, we're gonna add a little bit padding to that rowfor some spacing so click on styling padding andClick on all and then we might do three percent to the three percent to the top like thatOkayClick on done and to display the blog post we can hover over on the right on the green and then look for postOkay, and then drag it and drop it into the rowAlright, so here you can actually display. It's in different sort of grid formats. Okay, so I'm gonna select grid three andYou can also changeThe content layout as well. Okay, we're gonna keep it as default. It looks pretty goodAnd you can also select a by categories and things like that as well. Okay?So the one thing that we want to do is we want to remove the text hereokay, so this is here and the display options andBy default, it selected excerpt which is like a little summary. Okay, you can select content which shows the whole blog postYou don't really want to do that unless it's probably on your blog page or something like thatBut generally we're gonna select none and then that's gonna remove thatAlright, so you can also hide the titles and hide the dates and hide the post meta and thingsLike that so you can play around with the different settings and then click on donebut what we're gonna do is click on the styling tab andThen click on font and we want to alignEverything in the middle just like that and then click on done. Okay, so gun save it andThen you can close it. Alright, so we're going to scroll down have a little look, okay?I think that looks pretty good. The next section is we're gonna create theVideo background, okay and the gradient background which is really cool. So this could be your featured product andGenerally, what I like to do for an e-commerce store is to have a sort of call to action on the bottom of the pageOkay, because the purpose of your store is to make sales, right?So you want them to have a strong call to action when they scroll down to the bottom?So that's what we're gonna do and we're gonna go back to our website and then we're gonna turn on the BuilderAndHere we're gonna hover over the row and then we can click on the stylingOkay, and then we can click on background and then for this one we're gonna select gradientall right, so we're gonna click on the first circle andThen here we're gonna set in a color codeSo the color code that we're gonna set here is a2 3 d FF. Okay, so it's like aPurple color and then we're gonna click on the second one. Okay on the back and then this color code is going to be FF4 7 4D. Okay, and then you can click on the outside and that will saveAlright, so to find really cool gradientsyou can go to a website called UI gradients calm andYou can click on show old gradients and then you can select a color that you like or a color that you're gonna use forThe theme of your website and they'll provide a lot of different examplesOkay, so you can for example you like maybe this one hereThen you can get the color code by clicking on it and we copy to your clipboardSo gonna go back here and then we're going to maybe add a little bit of padding. All right. So let's add maybe IIlet's try 5% to the top and5% to the bottom. Okay, we're gonna be putting stuff in the middle. Okay, so it's gonna stretch out a little bit furtherSo what we're going to do now is we're going to hover over the purple row againAnd we're going to separate it into two columns. Okay?So the first column here, we're gonna put in a sort of a video background in the column, right? Soalternatively you can actually add in maybe just aImage or maybe you could add in a slider or you can add in just a video. Okay?so a video let's say for example you put in a video andthen we actuallyGet the video. Url. Okay copy that andThen you can actually paste in the video URLAnd then you can easily just display a video which people can click on and then you know it playsAll rightOr you can actually let's just say you want to put it on the background then you can hover over the row the columnSorry, hover over the column and then click on stylingbackground and then you can click on video and paste in your YouTube URL andhere you can disable the audio and disable looping which is sort of like a replay andyou can also enable video background to play on mobile andI think it sometimes it might not work on all mobile devices because you know, they might be using older technologyokay, but you can also what I recommend is setting in aBackground image as well as a fallbackOkay, because sometimes if it doesn't display then you'll display the background image that you put into hereOkay, so you can browse library and you can upload a image. For example, let's just say this one hereokay, and then insert file URLchange it to full cover andI think that is OK. Okay. So what gonna do is also stretch that video out?so as you can see, it's quite a thin so click on padding andthen click on allLet's try 10 percent to the top and maybe 10 percent to the bottomMaybe a little bit too skinny, so stretch it up to 15 percentOkay, I think that looks okay and then click on doneRight. So here we're gonna add some text and what I'm gonna do is just gonna copy this text hereso I'm gonna copy the text andThen just drop in a text moduleOkay, because it is text from somewhere else. You'll need to paste and match style or paste as plain textOkay for training now, we're gonna set this to heading 2Okay, so what you're gonna notice is that I'm gonna click on enter is that the whole sort of paragraph is set to heading 2What you do want to make sure is you have some space here, okaySo this is heading 2 here. We need to set in a paragraph text, I guess to set it to paragraph something like thatOkay, and then we want to go to stylingfontChange it to white so it's more visible. Okay, so it depends on your backgroundClick on done andThen we're gonna drop a button. Okay, so we're gonna drop in a button which is gonna link to ourFeatured products or our shop page. Okay. So for this instance, I'm just gonna link it to our shop pageOkay, so this one we're gonna name itshop nowPut in the URL you want to link it to and also the button just like that. I've gone doneAll rightSo to finish off the layout what I also want to do is I sort of want to align the textIn the middle of this video, okaySo for example, if you actually hover over the purple row again, okay for the column alignment?We want to set it to this one here. Okay, which is gonna align into the center like thatokay, so if we zoom out of this screenWe're going to look atThe overall layout and then you can just fix the padding for each of the sections which you know is a bit wonkyAnd yeah, I think that's pretty looking pretty good. Congratulationswhat we can actually do is we can actually click on the drop down arrow here andMaybe we can click on save as revision. Okay, so that's gonna save the layout that we just built for our home pageSo you might want to name it, you know home page and then you might want to put a date on thatOkaySo click on OK and then if you have any problems like you might accidentally delete somethingYou can hover over here and load that revision up. Okay, so it's sort of likeMicrosoft Word you have the option to save that revisionYou can also save that as a layout as well so you can save it as layoutso, for example, this one will be home page andThen you have date right and then click on saveWe're gonna save nowClick on closeOkay, so we've built our home page layout and it looks great. But there's one more thing that we need to doSo what we need to do is you need to actually resize the screenAnd we need to actually set in the mobile layout or make sure that your website is a hundred percentmobile-friendly oreven more streamlined for mobile devicesSo as you can see if you're scrolling down hereYou'll notice that the text here is covering the image here and it may not be as visibleYou'll also notice that thisImage here. You can't really see the shoe. The padding is quite it's not enough. Okay. I'm scrolling down hereto the bottomOkay, you'll see the padding is not enough here and also the video hereThe padding is not enough either and you know this text here might be a little bit big for mobile devicesSo I'm gonna show you how to edit that. Okay, so it's gonna be really awesome. So for example, let's go toTesla commOkay, so on their desktop devicesthey have just one hero image and then they've got theNavigation menu to navigate to each of the different pages for each of the different modelsRight, if you actually resize the screen it actually changes right because now what happens is the navigation menu is in mobile formatOkay, so probably less people will actually click into the mobile menuSo there's streamlined the sort of mobile experience by actually just providing, you knowEach of the different sections here and then people can click directly into itOkaySo they have a streamlined mobile experience for you know their website and that's what I'm gonna show you how to doFor your own website, okaySo this is really important because sometimes you know, you don't want to display certain things or you want to resize certain thingsSo let's turn on the Builder and I'll show you how to edit that really easily and really quicklyokay, so here on the top you have different settings for example tablet tablet in portrait andAlso the mobile. All right. So let's click on mobile and you can setthe settings for each specific deviceI'm just gonna show you how to set it for mobile andYou can repeat it for each of the devices if you need toAll right. So let's say for example the first hero image here. We're gonna double click OK in the ROSo we're gonna edit the background so you can click on stylingOkayMake sure that this thing is selected here the mobile deviceyou can click on background and you can actually change it to just an image or aGradient. Okay. So what we're gonna do is scroll down there to row overlayOkay, and for the row overlay, what I'm gonna do is click into it select black and then I'm gonna select maybe15%In opacity and that's gonna add sort of a darker backgroundto the background image for the background slider to make that white text pop a little bit more because on mobile devices it might actuallycover the imageYou know because on desktop as you can see, it's it's quite visibleIf you actually put it on the left hand sideBut on mobile devices are going to be squished together and it's not gonna be as visible. So we add a little bit ofYou know black to it. Okay, and then that will make a white pop and then cuz I'm doneScrolling down to the next section hereyou can actually double click the V column and then click on padding andWhat you can do is just extend the padding to maybe 30. Okay, I think that looks okayDo the same for the next row?Okay, the next columns. Alright?2:30 andThen the next one that will click paddingTo 30 as wellso for example if you don't want to actuallyDisplay the categories what you can actually do is here you can actually for this rowYou can actually set the visibility settingsSo if you actually go to I think if you go to here the three dots you can set the visibilityokay, so you can click on visibility or you can go to theThe options here and then set it here. Okay, so you can actually hide it on mobile devicesAlright, so on mobile devices you carry your section won't actually show and then you can click on doneScrolling down you can do the same for the blog because you know, you might not want to display something like thatBut I'm just gonna leave it as is okayAnd for the next section here, we want to double click the column again and maybe add a little bit of padding to itokay, so maybe 25% and25% for the bottom something like that looks quite nice andhere you can double click this text module andCan click on styling and you can add some padding as well right to the top?Another option that you can actually do is youCan actually let's just say we, you know, click on 0 and just set it to 0 padding click on doneYou can actually hover over the row and you can set the column direction hereso for example on Jim shark, ok if you sort ofMinimize the screen you'll see that you know this thing here it moves down hereAll right, so you can actually do something like that for your website as well. SoGo back here, you can change the column Direction like that andInstead of you know adding padding to the text. You might need to add padding to the button hereAll right, so you could let's say for example add some padding to the bottomSo maybe 5%Okay, something like that and then click on doneOkay, so once you're happy with itThen you can also play around with the different settings for tablet landscape and tablet on portraitYou can also change the text size as well. So any time that you actually on?the mobile setting here you can actually, you know set in anything and then you knowIt will actually change specific for that device, right?So for example, you can click on font and you can actually, you know, reduce the size of the fontRight to maybe a 14% ok14 and then if you click on the desktop, you'll see that the size is back to the default 16Okay, so we can click on save and close it nowThe next section I'm gonna show you how to add in isthe social media sectionDown here. Okay, and then I'll show you how to customize the footer section as well as adding in the free shippingOk, the notification thing which is I think this part is one of the most important parts. So make sure to keep on watchingLet's head back to our dashboardMake sure to open up all your social media accountsokay, for example YouTube Twitter Facebook Instagramand then what we want to do is we want to go to the themify shop themify settings andWe're gonna paste in the URLsOkay, so we're gonna click on themify settings. Okay, and then go to footer social buttonsalright andHere you can select the banners that you want to displayalright, so for example twitter andThen we're gonna copy over the twitter profile URL and then we can just paste it into hereokay, soWhen people click on that, it's a little link here, right and then same for the FacebookOkay, so I'm gonna copy over my Facebook pagePaste it into there and then we've got YouTubeOkay, so copy that make sure to subscribe for more videos and then paste that inInstagramYou can paste in your Instagram profile URL. Okay, and then once you've done that you can click on the SaveOkay, now we can open our website in a new tab to view and see how that goes alrightOkay, so that looks really really cool. Really really awesomeOkay, let's say if you want to put you know, your social media links just down here as a widgetYou don't want this section, right? So you can't do the same thingAlright, just go to social links here. And all you need to do is to paste in yourYour link URLs. Okay, andFor each section. Okay, and you can also add link. Let's say Instagram is not hereYou can add that in and save and then all you need to do is you need to go to appearancewidgetsAnd then here on the left-hand side you need to look forThemify, themify social links. Okay, click it and drag it and drop it into theBelow for the logo widget. Okay, and that will display your social media links just as sort of verySmall icons here. Okay, but I like to look at this because it looks really nice and modernI guess I'm gonna leave it as thatNow what I'm gonna show you to do is how to sort of customize the footer layout sectionOkay. So what we're gonna do is we're going to first add in a a paymentOkay a payment thingso what got to do is go back to our settings and let's justRemove this part first power back WordPress and also the logo and then we will add some icons thereokay, so go back to theme settings andThen you can click on footer text and you can hide footer text – okaySo you can change it your text and stuff like that. If you want to we're gonna leave it as isokay, save it and then we're going to go toThe theme appearance. Okay. So here you can actually change the header design to different designs for your headerAlright, and you can also play around with the display settings of what you won't want to display in your header sectionBut we're gonna scroll down to footer design and I want to exclude the site logo and you can excludeyou know the back to top button andThings like that. For example, this one here. You can exclude that. Okay, we're gonna exclude thisSave itAnd refreshScroll down and you should have a really nice and simple footer designalright, so we're gonna go back here to our dashboard section andWhat we want to do is go toThemify shop click on Builder layout parts. Ok, so we're gonna build a new layout part that we're going topaste in essentially, ok, so click on add new andWe're gonna label this payment iconsSo, let's just close all our social mediaOk, so here we're going to label itPayment icons alright, and then we can click on publish andThen what you want to do is click on View PostWe're going to edit the layout part from the front so we can actually see what we're doingok, so we can turn on the Builder andHere you have the same thing like a row and you also got the columns so what you can do is you canClick on the plus here, and then we can drop in an icon moduleYou can set in the different size of the iconso we're going to set it as normal for the icon background style set it to none andHere you can select the icon. So click on insert icon andWe're gonna look forthe payment icon so I'm gonna click on brand andWe're gonna try and look for some payment icons. For example, ok, so American Express orMasterCard, I'm gonna go and click on visa first to get the first icon and then I'm gonna remove the label so delete thatokay, and you can click on add new icon andthen here we're gonna set it insert andclick on brandandThen this one we're gonna select MasterCard andFor the logo color for the visa one. I'm just gonna set it as defaultOkay, just a normal gray neutral color which works really well with any websiteclick on add new andThen here we're gonna do PayPal so you can also search for PayPalOkay, you can search this one here or this one. It's really up to youI'm gonna do that one and then we're gonna click on add new iconInsert iconThis time we're gonna try stripe. Okay, we're gonna insert that one there. Okay, so you can try and insertAll the icons or all the payment options that you offer, but I think this is good enough and then we're gonna click on doneSo once you've done that then I think what you can do now is just to click on save itYou don't really need to edit the styling of it. We're going to put it into the footer widget sectionBut you can also change, you know the styling if you want to it like you can align everything to the centerOkay, you can even add a background color, which is something I'll be showing you in anotherYou know another few minutes. Okay. So click on save and thenJust close itRight, so you have the payment options here. All right, so we need to go back to ourBack-end or the dashboard. Sometimes the dashboard thing is not gonna show up. Okay, you can't click on itOkay, so you can either just go back to your home page by deleting the URLokay, and then and then the dashboard toolbar will come up or you can just turn on the Builder again and then you canClick on back end and that's gonna take you to the back of the websiteIt's gonna take you back to the themify layout parts copy the shortcodeOkay, so this is a shortcode which you can paste in anywhere and that will display this specific layout partMake sure to update and save it and we're gonna go to appearance and then we're going to go to widgetsAll right, so what we're gonna do is just drop in a normal text widgetyeah, anddrag it and wiggle it up to the top and drop up below for the logo andThen here pasting that shortcode. Okay save and then click on doneSo if we go back and refresh our pageThen we should see some payment icons show up, which looks goodThat looks pretty good. Now. What we're gonna do is add in something like this. OkaySo here you'll see that they have a notification that saysYou know free shipping or free returns same with the website iconicOkay, you've got free shipping fastest delivery and free returns and you've also got this section up hereSo it's a little bit muted the design. Okay, so it's very very minimal andit's like aYou know secondary headerAll rightSo that's what I'm gonna show you how to do it for your own websiteSo you can have you know, the best designs in the worldSo we're gonna do now is to create another layout part, right? So themify shop themify builder layout parts andCreate add newSo this one is going to be let's say IThink free shipping. So just label it free shippingIt's just for your own reference. All right, and then you can click on publish andThen we're going to build the layout on the front endOkay view postTurn on the BuilderAlright, so what we can do is add in a simple text. So just drop in a text module into there andThen here what I want to type is I'm just gonna copy it from here. Okay free shipping when you spend more than$75. All right, you could do anything that you want really?So paste that in okayso once you have that text there you can click on done and I want to set the background to be black ordark, grey, sorry and then we're gonna double click on the row ok styling andthen we're going to set a background color and this time we're gonna try and set two to two which is a aDark, grey. All right. Okay, and we got to make sure that the text is visible so you can click on font andIt can change the font color to white. So anything within that rowThe font color will be whiteThat is looking good. We're also going to align it into the center like that andThen we're going to click on doneSo as you can see, if you click on preview, you'll see that there is some spacing there, right?So we're gonna click on that again and we're gonna click on the text module double clickstyling andinstead of padding we're going to be adding in ordecreasing the margin so emergen is basically like spacing but it sort ofImpacts for example the text module when we hover over itYou'll see the blue box around it margin impacts the spacing outside of that box that invisible boxOkay, so let's just say for example, we do like a hundred a hundred pixelsThat's going to add100 pixelsOutside that blue box that I'm hovering over right nowRight if I actually do like for example on padding, I do like a hundred pixelsRight, it adds the spacing inside that invisible boxSo as you can see the blue box that I'm hovering over it adds spacing inside that boxAlright, so this time we want to decrease that spacing inside that blue box, okayWhat we could do is we can – some margin right we can do – maybeFive maybe that's not enough. Maybe Ted something like thatOkay, so you can do – 10 pixels to the bottom and that's gonna decrease the spacingOkay, you can let's also try and add maybe two pixels to the top or maybe three pixels to the top like thatOkay, I think four is pretty good or let's say fiveOkay, five is good and then you can click on done andThen you've got a nice layout here which looks something like thatokay, so you can also, you know change the size as well if you want to make it a little bit smaller, soLet's change it to 14Something like that. I think it's perfect click on done andThen we areLet's just decrease everything. Okay the padding. I mean the margin a little bit let's do 3This one11 okay, so it's really up to you and what you know font you're using but I think that looks goodSo save that and then we're going to go to the backendAnd what we're gonna do is paste in that short code into a hook area, right so copy thelayout part to your clipboard andwe're gonna make sure you update that andthey what we want to do isWe want to go to the themify settings to the whole content areaSo let's just wait for that to loadOkay, so go to themify settingsandThen what we want to do is click on hook content and then here you can see the hook locationsso you can add content to anywhere on your website, which isBasically not a place where you can sort ofTurn on the Builder and edit. Okay, so these are in different areas okay of the website so you can havethefree shipping thing in different areas, for exampleWe could have it beforeAnd you can have it after you can also have one before and one after for example like this one before one laughterSo it really depends on what you want to do and you know how you want to implement. It doesn't really matterSo here I want to implement this one header after okay. I want to go all the way across from left to rightso click on add item andThen here I can selectheader after okay and pasteIn the shortcode and then you can also set in specific conditionsWhich you can set it to apply on certain pages or not apply. Okay, so you can play around with thatWe're gonna leave that as isOkay, and then we're gonna click on saveOnce you've done that then we can go back here and refresh the pageOkay, so that looks pretty goodExcept I think there might be a little bit of a white border around thereAnd if you want to remove that then to do that you can go back to the layout partso go to the MFI shop build all our parts and go back to the free shipping one andSelect front-end and what we need to do is put in a negative margin on the row as well. Okay?So here click on the row okay stylingMargin and here for the bottomSet it to negative 2 or negative 1 I think maybe negative 1 will be enough or two click on doneSave itandThen we can go back to the backend and that should have saved so we're gonna refresh our page and view that againOk, so that's looking awesome, right?so the next section what I'm gonna show you is the WooCommerce settings which includes the payment options the coupon codes the shipping andAll the important stuff like that so you can actually start accepting paymentsOkay. So let's hover over WooCommerce and we can click on settings to edit all the payment settings and all thegeneral settings for your store sohere in the general tab you can set in your store address andSet up your selling locationsso for meI'm just gonna leave everything isYou might want to limit it to maybe just your local country if you want to and that's where he can do itYou can enable the coupons and also the tax rate and calculations hereWe're gonna leave everything as is for the currency options. You can set your currency in here and then click on Save ChangesOkay, so you can go through each of these different tabsSo for example tax should be automatically calculated because we set it upTo connect to jetpack which will actually automatically calculate the tax rate based onThe shipping addresses. Okay. So here are all the settings which I normally leave defaultWe're going to click on the shipping tab. Okay, so this is where you can actually set inSpecific zones and specific prices for each zone. So let's say for example in AustraliaYou might be in United States India UKWe can set in a for example, we can add a free shipping rate as well. So you can click on edit andHereYou can add in another shipping method. Ok, so add in another shipping method for example free shipping andAdd that inso here you can click on edit andif you have a minimum order amount you can set that in so a minimum order amount of let's say$75 because that's what we put in okay on our home page, so Save ChangesYou can also rearrange the order like that andLet's say you have a free shipping. You might have a flat rate, which is $10Okay, you might have another one which is maybe Express. So it may be Express next day delivery so you can click on add andselect flat rate again add that in andThen for example we can set in a specific price for this one. So this one might be ExpressShipping all right and the cost might be $20 instead and Save ChangesSo you might be let's say if we go back to shipping zones hereAll right, because as you can see the zone name is set to AustraliaIt might be set to you know Oceania, which is Australia, New ZealandSo you can actually add in another region as wellIf it's sort of the same price as that you would ship toanywhere in Australia you can add in that region so you can click on edit andWe can here we can set in another region and I so click heretype in New ZealandOkay, so for this shipping zone we can change it let's say OceaniaAnd then this one is for Australia and New Zealand and all the shipping prices are the exactly the sameSo if example free shipping is also minimum order of 75, okay, and they can Save ChangesSo you can be a lot more specific as well to be specific zip codes or specific States if you want toBecause sometimes the shipping cost might be different right if we click on zones hereYou can also set in locations not covered by your other zones, so click on manage shipping methods andHere so here is all the locations not covered by the zones that you set in before alright, soFor example, this might be let's say, you know $20, ok, so $20 and then Save ChangesRight. So if people are from a different country other than Australia and New Zealand for example United Statesthe flat rate for United States and other countries is$20 or whatever you put in here. Ok, so you can add in additional methods for example free shipping as wellbut maybe this one it might be a minimum order of$100 ok, Save ChangesAnd then you can put it up there right and click on Save ChangesSo I think that is pretty much it for the shipping zones, you can also click on shipping options as wellSo let's click on options and see what we can changeOkay, so here you can actuallySet in the settings on you know, whether or not you want the shipping calculator display on the cart page. All rightso what that means is if weVisit this storeAnd then we click on the view CartSo here if you actually set in to hide the shipping cost until the address is enteredThen this won't show up hereSo you can change the display settings here and also the shipping destinationIs it set to default billing address or is it set to shipping address that the customer will actually put in?When they proceed to checkout, okay, so normally I'll leave everything as default shipping classes. I'll cover in another videoOkay, so that is if you have like a heavy item then you can set in a specific price for specificProducts. All right, if we click on paymentshere is the most important part andAutomatically it should be set up if you have a PayPal account if you entered in your paypal email alreadyOkaySo you can actually enable all these different options here for example direct banking transfer cash and delivery and all that stuff hereBut the most important one is PayPal checkout. Okay, click on manageSo here make sure it's checked right and for your payment email make sure that is yourPaypal email here so you can scroll down hereandHere you can change the display settings of the buttonAll right, you can just change the display settings of the button. For example if we go hereOkay, let's say if we go back okay here you can change the display optionsAlright, so you can change the color and things like that. For example, if you want it blue, then you can have it blueI like it gold right andYou can also disable the PayPal button on a single product. So for example if I click into the productthen here you'll have a Buy Now button, right soPersonally, I'm gonna remove that I was really up to you if you want to make it more convenient or not. I'm gonna disable thatSave ChangesAnd thenRefreshOkay, so that's gonna disappearOkay, so you can enable or disable that and then once you have set the settings here then you can click on Save ChangesOkay, if we go back to the payments you can click on this backSo you can also enable PayPal standard, okay, so this is the most standard paymentMethod so this won't allow people to actually check out automatically what?This one actually does is that it allows people to check out automatically and then it will take the addressAssociated with their PayPal account and then just use that as the billing and shipping informationright if people click on proceed to checkoutthenFor example people will need to fill in the billing informationrightBut with the Express Checkout hereIt allows people to automatically check out directly with PayPalso you can enable the PayPal standard if this isn't working for you so enable this and disable this andAll you need to do is you want to make sure that you actually have your paypal emailin hereokay, andThat is pretty much itOkaySo if you want to also enableYour refunds via PayPal you need to click here and then you'll learn how to actually get to your APIWhich you'll need to paste into here and then Save Changesso here if we click on the accounts andprivacyHere you can, you know enable guest checkout as wellSo you can allow customers to log into an existing account during checkout. You can also allow aaccount to be created once they actually checkoutSo this really depends on you and what you want to doso here you can create a privacy page andselect your privacy page andThen click on Save ChangesOkay, so let's click on emails here is where you can actually set in the specific branding colors for your emailnotifications forexample the new order that you receive and maybe aOrder confirmation that the customer will actually get. Alright, so you scroll downOkay here you can actually change the colors andBranding things like that here and then click on Save Changesalright, so that is pretty much it for your settings so we can actually go to maybe the coupons area andI'll show you how to create a coupon really quickly. It's really really simple. So I'm gonna close that tab on topOkay, create your first coupon or add coupon up hereSo for this one we might do like, you know save30 I guess. So people if people enter in save 30, they'll save 30 percent, okaySo here you can select the discount type. Okay, so I'm gonna set in a percentage discountSo it's gonna be 30 percent okay toy can be a specific amount andhere if you tick it then it will grant free shipping andYou can also set an expiry date so it's gonna end on the 31stUsage restriction you can set in a minimum spend maximum spend and also set in usage limitsSo you might limit it per per person so you can do one, you know, actually this one is per couponSo let's say for the save 30 it will actually only allow 30 people to use it before it is upOkay, here is actually where you set the limit per userOkay, so you can set that to maybe you know 3so it really depends on you and how generous you want to be and then you can click on publish andThen people can use that coupon code. So I'm gonna do a sort of aTransaction with you guys. Okay, so normally you can actually dosomego the settings and you can enable PayPal sandbox, but I think that'sProbably a little bit takes longer than you know, just actually processing a real paymentSo maybe get a friend's PayPal account or credit card?Or maybe you have a family member and then what you could do is just let's just log out the pageI've also actually set in the e-book to just a dollar. Okay, so you can do that as wellJust change something to a dollar or make a really big coupon. So let's say people go to the shop pageThey add this ebook to cart, which is a dollar which I've set in just then okay and people can view the cartOkay, so people can apply coupons so let's say save 30 apply coupon andThat's gonna apply 30 percent. Okay, which is a 30 cents hereYou can check out directly via PayPal or we can proceed to checkout. Okay, so let's just proceed to PayPal automatically andI'm gonna use my other PayPal accountOkay, so I'm gonna select my other one and then click on login to payOkay, so as you can see on the bottom here people can actually select a debit or credit cardso people don't necessarily have to have aPayPal accountclick on continueSo once that is doneOkay, here is an overview of what it looks like. Okay, and how much you're paying and then you can click on place order?So this is a a book so it doesn't really take a address because you don't need one because people will beDirected to the download page directly and people can download the e-book to their computer instantlySo here for examplethe order number the datePayment method here is the e-book and here is the download link. So people can click thatAlright and they can download that to their computer. Okay, and then click on save andThat's good to go, rightOkay. So here is the email that your customer will receive your order is complete and people can download that to their computeras well with the link here and thenThis is the order that you'll receive. So it says new customer orderSo it shows what has been ordered. So that is pretty much it forYour payment options and you can pretty much you know launch your website right nowbut I'm gonna show you a couple more things to make sure that your website is completely finished andGood to go move on to the next sectionThis is actually where you actually manage your orders. So you click on route commerce and click onyou can manage the orders by clicking into theorder andIt shows all the details. Okay that you need to do and also you can choose the actions here you can alsoSet the status. Okay, so this one's completed because they've actually received theProduct and also they're paid already you can set the status. You can add some notes an update. Okay, you can also click on reportsThis is where you can view your sales reports and things like thatYou can view the last seven days or this month. You can also, you know view your customers stockTaxes and everything that you need here, right?So the next part is we're going to be adding in the rest of the pagesSo I'm going to show you how to create a simple about page a FAQAdding the post to a blog page and also adding a contact form to your contact page. Sowe can click on the about page andWe can turn on the Builder and we can create a really really simple about page in just a minuteSo let's say for example you want, you know, two columns just like that one image hereMaybe a image of your office and some text here. Okay, soLet's drop in a image moduleHere we can delete the image URL and then click on browse library uploadA image but we've already uploaded an image which is this one here. Okay our teaminsert andThat is pretty much done. Okay, so we can click on done to add in some textWe can drop in the text module or this time. I'm going to use a fancy headinglike that andthen this one here, I might do you know aboutfor the subheading we might doOur story and then we can click on doneThen we drop in a normal text moduleHere and then I'm gonna go to my demo site and just copy over some dummy textOkay, so we're gonna put that in andThere you right click and click on doneSo what we can also do is align the column alignment if you hover over the rowSet it to something like that. Okay, which looks good. You can also change the layout. Okay, we can click on save and youCan view whether or not you like that or not?You can also use a really cool feature, which haven't showed you yetWhich is if you click on the plus icon here, you can also add the modulesBut you can also add in rows which have been pre-createdso you can actually use these rows to help you speed up the process ofBuilding the layout of a page, okayThe reason why I didn't show you earlier is because I wanted to show you guys the basics of how to use thingsOtherwise because like sometimes when I follow like Photoshop or after effect tutorials, you know, they import templatesBut then after a while like I don't understand how to use it, and I don't enjoyActually using it. Okay, so, you know since you know how to build everything now you canyou know just insert that like that andThat will add the call to action section really easily. Right? So you can easily change the text you can easily double clickstyling and change the background really easily and create an awesome awesome layoutokay, so I'm going to leave it just just like that and then click on save and thenClose all right, so I think that looks okSo what we can do now is we can click on the FAQ page. So the FAQ page is actuallySet in right now as a wish list pageAlright, so the first thing we need to do is actually change that right. So if we go to our dashboard sectionwe need to go to themify shop themify settings andWe want to go to the shop settingsWishlist settings and we can disable the wishlist if we want to or we can make sure that we set it to wish list pageAll rightclick on save andThen we can visit the siteAndThen go back to our FAQ pageHere, we have a blank canvas to work with so the FAQ page is a page for maybe your shipping and returns or refund policyor any frequently asked questions that your customers might find useful, right so you can turn on the Builder andI want to show you a different moduleSo let's maybe change the layout to let's say this one hereOkay, so it's got one column on the left one big one in the middle and smaller one on the rightSo here we can drop in let's say a text module on topThis one might be calledFrequently askedquestions right change that to heading one andThen click on done. Okay, so we might want toMake it a little bit bigger wider. SorryOkay, so as you can see that text is a bit long so let's double click it for a secondGo to stylingHeading heading one font and let's just change the font size down a little bit. Okay, so let's just try out 48Okay, maybe let's try60, okayclick onDone. I'm actually going to go to general fontAlign to the center as wellSo now we want to do is I want to drop in a accordion. Okay. So this is really good for a FAQSo drop that in so here you might have you know, how long does it take to ship?Right. So this one might be a question and here is where you put in the content. So here you can type inNormally between two to three weeksFor localDelivery's and then you can do internationalThree to four weeksSomething like that. Okay, andThen you can add in a new accordion by adding in a new rowOkay, so that's gonna add a new one and then you can put in a new question and a new answerso let's just delete that for now andThen here you can change the appearanceso normally, you know a transparent one is good, right andHere you can also add in a closed icon and an opened accordion iconso let's say for example, we click on done we save it andLet's close this section hereOkay, if if someone clicks on thatRight get opens up like that, right? You can keep it really simple like that or we can add an accordionIcon, so let's turn on the BuilderDouble-click right scroll down to the closed accordion icon. Okay, so when it's closed we can insert an iconSo, for example, I want to look for maybe aArrow or something like that. So it might click on directional. So I'm gonna select maybe this one here angled downSo it gives the indication of that if someone clicks on itThen it's gonna open downwards right and if it's opened then we're going to insert an iconokay, click on directional andWe might do angle up. So if someone clicks on it again, then it's going to indicate that it actually closes upAll right, click on doneSave it andClose itSo we're gonna click on downOk, and then it's got the icon that goes up like thatso here obviously you can add in some more accordions andYou can also align it to the center and add some padding to make it look really nice and really good and polished. OkSo you can do those things and now we're gonna click on the blogOkay, so the blog page is where you can display all your blogpost, rightSo here we can turn on the Builderso here you can default, you know, you can just drop in maybe aPost module so let's look for the post module drop that in and you might just display it as a gridall right, and you might display the post content as I mean, sorry, theDisplay asnone like that and you can display all your blog post like very similar to the one that you see on Jim Shaw orYou could do it like, you know a normal bloglike a blogger right can do the post layout like that andThen you can do the display as excerpt thatIs pretty good ok click on done if you want to have a sidebar section here you can hover over the row andWe can select the layout to it like that. Okay, so that has a sidebar section hereto add your sidebarOk, hover over the green drop in a widget eyes moduleWidget eyes area set that to a sidebar. Ok, the default sidebar click on doneRight, and that is looking very very goodyou can click on save and I'll show you quickly how to actually edit the contents of yoursidebar sectionOkcuz you probably don't want to display your meta andSome stuff you don't want to display and I'll show you how you can actually add in more stuff that you want toLet's close itAlright so here you can go to the widget section directlyAlright, so what I like to do is open it in a new tab again, ok, I probably shouldn't have closed that oneLet's go to the blog againAll rightSo this is sidebar widget area and here are all the different widgetsYou can drop in any widget that you want into the sidebar section just like you did for the shop sidebar. AlrightSo here I want to remove the metal. IAlso want to remove archives recent comments, right? So we're going to remove the metalRemove the archives remove the recent comments just like that andThen if we refresh that blog page againYou'll see that the widgets have been removed all rightSo you can pretty much do anything that you want so you can also add inLet's say you can also add an image if you want toYou can also add inYou know the recent post you can also add in maybe the most commented and you knowyour social linksvideosAnything that you really want you can put in here you might add in an image as well of the author a little about Mesectionby dropping in maybe aText okay, so you can do all of that stuff, which should be pretty easy to doBut right now we're gonna leave it as as thatAll right. So let's click on the contact page andI'll show you how to edit and add in a contact formSo before you add in a contact form, you must have the contact form 7 plug-in installed, which I showed you earlier in the tutorialNormally if you have it installed you have a contact thing up here you can click onto that andHere you'll have a default contact form 7 okay click on editAndHere you can edit, you know, what is displaying in your contact formI like how it's displayed already. We can add in additional things as wellokay, click on mail and what you want to make sure is that your mail is set toyour email address here andThen you can edit the messages and stuff like that right and then just click on saveSo what you want to do is copy the shortcode here and for your contact page turn on the Builder andYou can change the layout to that one. Let's just drop in a text moduleLet's do something likeContact usChange that to heading1stylingFonts maybe move that into the center like that andThen you can drop in another text module and then just paste inthe shortcodeSomething like that. Okay, you can also align everything into the center by double clickingstylingfontAlign to the center just like that. Okay, so you can add maybe a little sentence aboutyou know, whatever you need to do, or you can link them to aThe FAQ page because sometimes you know, it might be already answered alreadySo you can do that and you can close thatOkay, so we're pretty much created all the pages andWe are good to go. But one last thing before we finish off I want to show you how toConfigure a mega menu. Okay. So a mega menu is something like this. Okay, so it's really niceSo people can hover over each of the categories and it can show the products like thatOkay, and also you can implement just this simple menuReally nice and simple and I'm gonna show you how to do that right now. Okay, so let's hover over appearance and click on menusandThen the first thing that you want to do is you want to click on screen options up here, okay, click on the drop-down andHere you want to select product categories?okay, so that's gonna enable the product categories here so you can actually add that to your menu or answer select product categories andAs you can see that adds it there now if we want to customize the top navigation you want to select it hereSo click on select and that's gonna changeOkay, so currently we have the shop page on the main navigationBut we want to add in women's or and men's okaySo yours might be a different category, but I'm gonna show you how to actually do it. SoHere we're gonna look for product categories. All rightYou can click on women's and then you can click on men'sOk, and then you can add that to the menuAll right, if we save the menu andWe're gonna open up a new tab to view that menuOk, so that's just going to create a link to the men's and women's categoryAll right. So if you click on that, it's gonna take you to the women's product categoryClick on men's it's gonna take you to Men's. Ok. So it's that simple, right?so if you want to implement a drop-down or a mega menuThen let's say for the women's category click on the drop down arrow hereYou can select mega menu make a postsOkay, and we want to have maybeThe dress to drop down from women's. Okay, so add that to menuOkay, so for the dress category you want it to you want to put it under the women's category like thatAlright, so it's like that normally you want to drag it and put it under the women's categorysame thing for the jumpers add to menu andPut it below the men's category, rightSo here you've selected the mega post here. We have just left it normal. Okay, so we're gonna save the menu andWe can sort of refresh the page and see how that looksOkay, so if you hover over women's the dress will pop out like thatSo you might have different categories as well under here. Okay?So for now we've only got one obviously and we don't have many products, but you can see the image is cut offOkay, I'm gonna show youHow to make sure that is nice and crisp if we hover over let's say men's let's just refresh the page againOkay, then jumpers is gonna pop out like thatRight. So this is a just a nice and simple menu so you can implement that or you can do a mega menu like thatall right, soLet's go and save that menu andLet's go and edit the settings forThe image. All right. So let's go to themify settingsOkay, and now let's go to the theme settings I think all right and look for the mega menu tab click on that andHere it will say displaying five post. Okay, so leave that as default but here is what we need to change, right?So if you remember the image size that we put in before for our product image is 800 by 800Okay, so we want to divide800 by 6. Okay. So 800 divided by 6 is 150Divided by 6 for the height as well. That is 150Okay, and then you can click on save?Right, but let's just say if your product image is 600 right 600 byMaybe by 800 then you would divide that by let's say 6 again. So you have to divide both sides by 6Okay, so that ensures that the size that you put in here is 100% proportional so you can't divide by 6. It'll be a hundredEight hundred divided by six will be 150. Okay, but Alice is a square image. So we're gonna do 150 by 150okay, and then if we save it andIf we go back here and let's refresh the pageOkay, if you hover over women's hover over dressyeah, you'll see the image looks really great now and people can click onto that to direct them directly to theproduct pageAll right. So what I'm gonna show you now is how to actuallySet in the logo the favicon and how to change the colors and fonts forAnywhere on your website. Alright, so we're gonna set in the colors and also the fonts for the websiteAlright, so to do that, what we could do is we can go to customizeandAutomatically that's going to take you to themify optionsclick on Advanced OptionsOk, so you can get more options to stylespecific areas of your websiteAlright, so the first thing that we want to do is choose a main font for our website, right?so if we actually go to websites, for example, like Nike or Apple, okay, you can download a Chrome extension called what font andThen you can click on it to actually activate it and you can hover over you know, what fonts they're actually usingrightThe same with Apple you can turn that on and you can see what font they're actually use for the websiteSo what you can do is you can open up Google and you know, you can search up, you know similarGoogleFont to okay. So let's just say for example, you were looking at the Apple website and it was SF. IThink that was SF Pro, okay, so hereSo here like a lot of people will be asking like similar questions because a lot of people want to knowOkay, what fun is Apple using and you know?What font can I use for my website but normally the font they use our premium fonts, right?so the fonts that are included within this theme areGoogle, fonts and google fonts are really good as wellThey have I think over 600 different fonts. You can choose from so you can search that up and click into the resultOkay, soHere are some of the fonts that you mightWork. Well, okay, very similar typefaces that you can use right?So in general there are twoDifferent typefaces. So for examplethe first one is San serif now this one has plain edges on the side andalsoThe strokes are even with so it gives a more modern simple and clean feelWebsites like Nike Apple Tesla and most modern websites that you see will be using this typefaceAll right. So these are some of the recommended ones that you can go forOkayso you can choose one of them or perhaps you might go with a serif typeface which has curves on the edges andThick and thin strokes, right? So it gives a more class call traditional lookSo for example, if you are selling maybe something like this like bed linenThen you might go for a classic typeface for your fonts. Okay. So this one has you know curves on the edgesDifferent widths as well in their text. Okay, so it gives a different feel right, but for most websites if you stick to aSans-serif typeface and then it'll look really clean and modernSo, for example, I'm gonna pick a font called Josephine sans, okay?So for your font, you can click on body font here you can set in let's take Josephine. IThink that's how you pronounce it. Hopefully, okay, you can set that in andGenerally, you don't need to have too many fonts on your websites and make itprofessional if you have one I think that isGood enough, and it actually looks a lot more sort of consistentIf you do have just one because I see a lot of websites they have, you know, three or four differentFonts and a lot of different colors and it doesn't look really professionalSo sticking to one will ensure that your website is really nice and professional. So here I'm gonna set the font weight to 300Okay, so you can change the font weight which is so the boldness of the textOkay, I think that looks really good. Right and also want to set a body link colorSo a body link is something like this. Okay, so it links to something. AlrightSo for the body link, we're gonna stick to a very very neutral color. For example, like Apple andNike okay, so they're using just a dark greySort of color scheme for the websiteIt is really good for e-commerce because it just you know brings the attention to the images and the products itselfYou know rather than focusing on the theme of the website and it just looks a lot cleaner and simplerIt's also a lot easier to design especially if you're a beginner sort ofDesigner because you know if you have a neutral, you know, look for your website then you knowIt's gonna be a lot easier to match your images, right?So let's just say for example, you know if you have you know, a red header like a red background for your headerIt's gonna be a lot harder to match with this blue. Okay, so I'll be showing you that in a secSo for the body link here, I'm gonna be entering a dark gray so you can enter in the same oneOkay, two two two just like that. And for the body link hover, okay, we're gonna set it to be three three threeOkay, so it's a slightly lighter version. Alright, so when people actually hover over a linkThen it's gonna give them some feedback, right?You might make it a little bit lighter if you want to but I think that's fineSo for example, if you go to Apple when you hover over itIt goes a little bit darker and it gives a feedback that you know, it is a link. Okay, so you want that feedback?Okay, so what you could do is if you want to you knowMake sure that everything is consistent then just ensure that your your link colorOkay, so whatever link color that you have in here, you can copy itif I go to a website called 0 to 255 entering the color code here andThen here you can choose either, you know three shades lighterOkay, copy that code or three shades darker than the base color. Okay, so that's going to ensure thatYou know, you are keeping it all consistenthere click on accent stylingSo as you'll notice that you know, the accents selling right now is like yellow theme, okayWe're going to set in a neutral color themeSo for the background color for the accent color, we're gonna set it to the same one as beforethrough two to two andFor the font color. I'm going to set it to whiteokay, if it's actually like, you know six F's you can just type in three andit sort of Auto populates the rest of it andthen for the background hover color, we're gonna set that to333 as well andThen for the border color here, we're going to set it tothree three threeOkay, andNow when you actually hover over itOkay, you'll see that it still has a yellowHover over color. All right, so – that andWhat we're going to do is we're going to click on the headerFor the background wrap? Okay. We're going to keep it just as white nice and neutral for the header linkWe're gonna click on that maybe and you can actually change the color there or just leave it as isbut for the headed link hover, I'm gonna change it to 3 to 3 andthen that's gonna give theThe gray hover over effect color. Okay, so I think that looks pretty good for nowSo if we look at the page down here the footer sectionI'll show you how to configure that section there if we scroll down to the footer sectionOkay, so this is a link. Okay, so it's a footer menu link. I want to change the footer menu link hoverOkay to the same hover color. Okay, keep everything the sameSo when we hover over that that will be okay pretty niceOkay, let's scroll back up. Let's check everythingOkay, so if we hover over this this is a blog post title. So we're gonna go to post andthen we're going to go to the post title hover andI'm gonna change the color to 333 againokay, so try to keep all yourHover over colors the same. Alright, and that ensures everything looks good. Let's just- all of these close them all upOkay, so here if you click on the heading this is a heading 1 tagAlright, so you can change the heading 1 font here universally. So for example, you can change it toJoseph in sands like that and it will changefor all the heading 1 fontsWherever you've set it to okay. So for example you you've probably set that tothe contact page as wellThat you've changed that as well, rightSo I'm just gonna delete it and leave it as the default because I think that looks pretty cool. That's up to youso I'm gonna change that to normal as well andThen here you can also change the forms as wellSo what is the forms right if you actually let's say we go to a blog post or?If we actually go to the contact page, okay, this is probably a better example. So here is a form, right?So let's just click on the contact page hereOkay. So this is a form here. You can click on forms here is the field so you can click on the form field andwhat I'm going to do is I'm going to deselect apply to all borders andFor the bottom border. I'm going to click on solid and I'm gonna choose a colorso the color that I'm going to choose is a a E and then click on the outside andI'm gonna set it to 2 pixels in widthalrightFor the border on the top left and right. I'm gonna select noneLike thatOkay, so it just has a slight border on the bottom andThen people can type in whatever they need. Ok. So then once that is done, I'm gonna click on publishAlright if we actually hover over the send buttonYou'll see that the hover over color is yellow that gold color again?what I want to do is click on form button, hover and change the color to aEE as wellOkay, and then click on the outside and then when she actually hover over thatThen it gives just a slight effect as well, rightyou can also change theSticky header. So if you actually scroll down on the page, you'll see that the header sticks thereYou can also adjust the sticky header as well if you need to right to change the logoWe're gonna minimize everythingOkay, you can click on site logo and tagline site logo and here you can change the textokay, so let's just put it as your then sans again andThen let's just say we put it as boldso you can do that as well which looks really cool and nice andYou can also add in your own logo image so you can click here and upload it. You can resize the image hereWhat I do recommend to get a logo is to go to fiverr.comso I'm going to leave a link down in description below to go to fiver andYou can search for like logo design and you can get you know designs for from five dollars a piece, right?so here are some excellent people who do logos and you can filter them on the left andYou can also ask for a fab icon as well. So the favicon is the icon that you see here and youCan change the logo position and things like that? You can also change the site taglineOkay, so I've changed it to create an online store in under three hours. You can also select noneso if you don't want that there so for example, let'sClick on site title when you hover over that you'll see that the tagline there. Okay, which is coolso I'm gonna keep that there andYou can also edit the mobile menu. Okay. So this is the mobile menu section and this will drop outokay, so the link color isThe menu link hover color. I'm gonna set that to333 as well. So that's looking awesome and you can obviously edit, you know any section that you wantso if we go back to theDesktop display. Let's just click on main navigationWhen you hover over that you'll see that the drop down is still yellow color so that is a drop down linkHover color. Okay, so you can change that to three to three andYou'll see that the color will change as wellOops I added in as the background color you meant to add it in as the just a link color. So change that back andThere you go. Right so I think that is pretty much it for nowOkay, so obviously you can change it for all the different sections on your website and you can play around with these settingsso ultimately keep it as just one font family andTry to keep things neutral when you first start outSo if you do want to add some color to your website, for example, you want something like thisThen what I recommend you do is go to a website calledFlat UI colors, okay, and then click on a flat UI palettethen you can choose a color here, right andRead up on some color meanings. So go to google and you know search up color meaningsOkay, maybe I think this one here read up on colors because I think colors will really sort of set the mood forYour website, let's just say for example this one here. It looks really niceAlright, so choose a color that represents your brand and choose one main color just like they have okayso they haven't used likeyou know a million different colors because it's going to be really hard to match if you're not the designer andThen maybe you could have a you knowA accent color which is like clear it like a red or something where you can actually use for somethingYou want to point attention to and then you can slowly just implement it onto your website. Alright?So that is pretty much it what I'm going to show you is how to add in your favicon a week and actually add thatin so you can close that andWe can head over to the dashboardOkay, themify settings themify shop andThen here I'll click on that icon. We're gonna upload and then here you can upload your favicon. I recommend 64 by 64 andIt should be a PNG file. Okay, and then upload that and save itOkay, and then you'll get the favicon appearing hereso if you actually don't see many fonts again on your website, you can click on google fonts as well andThen you can also click on show all google fonts because sometimes the font that you wantMay not actually show up so you can click on that as well. Another thing that I want to show you is the search settingsSo here for example on your website right by defaultIt will also search for your blog post and things like that. You can actually exclude let's say blog post andPages and just include you know your products. All right, and then you can click on saveSo if you actually finish the tutorialSometimes you might notice that you know, there is some updates available. Okay, so you can also email me atSupport at Hoag intercom and I can send you the updated version if you want. You can also get the updated version as wellso i'm going to leave a link down description, which will give you aMembership that gives you 1 year support and also updates as well for your e-commerce themeOkayBut the website will still function if you don't update it because the theme developers are always adding inmore features and more things to the website and a lot of people like to haveAdditional support then that's what the membership is for. OkaySo if we actually go back to revisit our websiteWe can scroll down have a look at our website. Everything looks really really awesomeReally clean and simple, okayIf you have any questions, make sure to drop it down below because I know that you knowThis tutorial is like three hours longthere's still stuff that IHaven't covered because otherwise this tutorial will be like ten hours longif you have any questions leave it down below and I'll try to create maybe like a FAQ video andI'll post it all the links and everything in the description below. So one final thing I might actuallyYou know edit the thing the link thereIt's a bit too thin for my liking so I'm gonna go back and quickly show you that's a main navigation linkOkay here main navigation. So click on menu link andThen here let's just sit inthe Josephine sands andThen also we're gonna set the font weight to normalOkay, so I think that looks a lot better for the top navigation. You can publishCloseandthe final thing that you need to do is log out of your website and view it and then you canGo to the home page start viewing itOkay, so you've completed the website looks awesome. Now you can start promoting it making salesOr you can help other people build their e-commerce storeshopefully I've saved you guys a lot of money andIf you liked the video, make sure to give it a thumbs up and subscribe for more videos

Source

so number two the top strategies fore-commerce in 2018 the question is isdropshipping debt now if any of you havebeen on any of the Facebook groups thatover the past couple days on EECOMempires Tim Birds group on the Tanzpages on e-commerce elites is what iswhat that that one's called you seepeople just hammering screenshots oftheir Black Friday sales and so it showsyou that even you know it's just thisthing that the people that entrepreneursand affiliates like to do they like tosay oh that's dead oh that's nothappening but tripping is definitely notdead there are some long termramifications that you want to be awareof if you're getting in to drop shippingand you want to get in to drop shippingagain in a way that that prepares you toadvance your strategies long term butthere's no reason not to get in to dropshipping right away you need to have anidea for a product or just a category ofproducts just do an electronic storepull out a bunch of cool electronics I'mworking on a strategy right now that I'mreally excited about that I I'm notgonna talk about just yet because Ithink it's and something I just want tohold a little close to the vest willlight well I'd build out the strategyfor it but I'm really excited to getgoing on it's something I'm gonna befocusing on 2018 I'm gonna dropshipmy plan is to I have I have a productidea for what I want to evolve toeventually I know what I want to doeventually but I found some stuff that'slike that product on on AliexpressAlibaba and I'm gonna start by justproving the concept to be like do peoplewant products like this is this ideathat I have worth it I'm just gonna testinto that product with a really simpleShopify store using Ober Lo and if itworks I'm gonna contact the you know themakers of this product and I'm gonna sayhey can I can I throw my own label onthat can I do this I'm gonna work youknow through my network and basicallytry to evolve the process from somethingthat I can just get going in anafternoon one time just something that Ican build long-term with the eventualgoal of building my own brand that'swhat I'm trying to do and that's reallywhat I recommend as the top strategy fore-commerce so that everything thatyou're doing on Facebook Ads isessentially a continuum like an elevatorand asklater something that gets you that getsyou in the game gets you take takingmassive action and then and then reallystarts your wheels turning about how youcan extend this long term how you couldbuild a MV MT watch brand or or anythingyou know any one of these things thatyou see out there that have becomemassive successes like that they startednot by paying 50 grand to get aprototype made or or things like thatthey started by dropshipping buildingout an audience of people that they knoware somewhat interested in theirproducts building out their pixel andthen proving whether people are willingto pay for for this idea and thenevolving it from there so that's reallywhat I what I suggest focusing on butyou know buy the products you're sellingnumber one I you know that's I just putan order on the weekend for the productsI want to sell I'm buying them I'm gonnasee I'm gonna go to my handsome friendswho are fitter than me and I'm gonnarent a photo studio we're gonna takesome pictures take some videos of themusing these products and and startcreating video assets essentially tosell these things I just we startedusing slightly it's called promo I thinknow if you go it's called slide ly ifanyone out there is using slightly maybeshout out up in the in the chat thereit's called promo I think when you go tothe site but you go to slide ly and itjust allows you to spin up beautifulvideo ads allows you to they provide thevideo they provide the music you justhave to put the imagery on top I knowit's something that the conference usesas well to create catchy ads to tell youthat you know that ticket prices aregoing up and that you'd better get on itand so so there's all these tools outthere for you allow you to create highlyengaging video ads slightly as one thatI would recommend and then you want tocreate content video funnels you want tocreate essential video assets then youwant to build look-alike audiences basedon people that watch 75% of those thingsthis is essentially the video funnelstrategy that Ezra Firestone articulatesin one of his modules he did for us andhe is the best of it out there he used asingle piece of content and a series ofa few videos essentially and linked themthrough in this basic funnel that haslaunched his you know eight figurecosmetics business with with boom andsome other stuff so the other thing thatwe're seeing on Facebook ads fore-commerce is canvas asset now I'm surea lot of you have testcanvass ads but I can't recommend themhighly enough it's something that we usea lot here at I stack training and ifyou just have to think about it in termsof Facebook what Facebook wants you knowFacebook wants the entire experience ofFacebook ads to be on Facebook ads theydon't want to link out to websites ifthey can possibly avoid it so that'swhat canvas does essentially is itallows you to create an entireexperience from browsing to check outessentially within their portal and youknow that in the long run they're goingto award people using canvas ads thebenefit of the depth they're going tothey're going to prefer people usingcanvas ads because it allows them tokeep that process inside so it'ssomething you should really be testingfor 2018 whether you're doing e-commerceaffiliate or agency work so as wementioned we're doing you know we havethese acceleration modules available oncourses dot I stack trading comm thesefive proven scaling techniques byMohammed Ali are really really highquality really top knowledge stuff thathe's produced for us and of course EzraFirestone breaking into e-commerce amodule as well you can get them both ina bundle for a reduced price so this isanother strategy for e-commerce that Ithink is really interesting that'ssomething that I'm I'm really focused onfor the Europe show that we're gonna bedoing coming up in the summer and andthis is something that is I was justtalking about Jason Chris key as wellyou know his he's built a media buyingteam he's built this amazing team ofmedia buyers who are amazing at goingout there building audiences creatingads you know creating little funnelsgetting people to buy purchases but whata lot of affiliates aren't great at isthe product the customer service theshipping the complaints that all ofthese things that that marketers youknow isn't their number one instinct todo if they're going to be doinge-commerce and that's why I think itmakes a lot of sense to go and partnerwith people partner with people who haveproducts but are shitty at marketingthat's the the number one strategy forme in 2018 and I've already gone outit's funny I went to a UH I'm just gonnaout this one I'm working on this oneright now but I think it's kind ofinteresting is anyone aware of Rafi Rafithe child singer I took my daughter to arappy concert last weekend and it wasawesomeand we met him afterwards and he hadannounced to the crowd that he was doinga baby Beluga game and if anyone'sfamiliar with Raffi baby Beluga is hisbiggest hit song everyone is you knowyou know in North America especiallythis is a you know every kid has beensung baby Beluga he calls people whogrew up with baby Beluga Beluga gradsbut I basically you know he told me hewas selling this game for Christmas Iwent to his website and it was garbageit was hot garbage it didn't look good Idon't think he's using any sort of ofthese advanced act tactics basically butI know he's got the product I know it'sa product it's a beautiful product and Iknow there's a massive audience ofanyone who grew up with Raffi so Iinstantly went to his site and I'vereached out and I'm now in conversationwith them to actually do some marketingfor them and basically like use some ofthese advanced Facebook tactics to findtheir audience and to sell this productlike crazy for Christmas and I'm reallyexcited about because I'm not gonnabuild a baby Beluga game I don't knowhow to you know I don't know what themechanics of the gameplay are on the artI don't know the licensing but if I canjust make this deal with these guys andshow them what I can do and what I candeliver how I can find their audienceusing these amazing skills I'vedeveloped on Facebook Ads it's gonna putme in a really good position and I thinkit just you just have to reach outanytime you see something out there thatyou like you reach out to that personyou find you use your Google kung fu yougo out there and you find who thesepeople are and then you talk to themabout how you could improve help improvetheir marketing to drive results it'sscale and that's the power that you haveif you are a facebook ad builderessentially so this and this bridgesinto the third opportunity for 2018 andit's something that I think you want todo even if you're doing the other twoyou want to create an agency you want tocreate an agency for a number of reasonsone it

Source

coolall right guys so it looks like we arelive here and we're gonna wait till acouple more people pop in but all we'redoing today everyone is just showing youguys some product research right to showyou how quickly you can find a productyou know sometimes it takes longersometimes it's it's really quick rightbut the important thing is is that thework behind it is pretty simple so aslong as you know you come in with theidea of knowing you may be sitting downfor a couple hours you should be good aslong as you're willing to wait and theproducts are there the gold is there youjust got to dig for it so yeah kind ofbefore we can go into that undress canyou kind of tell them a little bit aboutyou know what product research is reallywhat is what is exactly that that we'redoing on on Amazon exactly yeah so wellfor this particular method what we'redoing is we're gonna go to a supplierright the place where we're actuallygonna source the item from yeah it'sactually fulfilled for these orders forthese customers that are buying theseproducts from Amazon and we're justgonna pretty much go through a bunch ofitems and see emit that exact same itemis on Amazon which for most of the timethey are well we want to actually looklike well look for is not just that theyactually have the product but that it'sactually profitable right that there's adifference in the prices enough so thatafter the Amazon fees after anypotential taxes that you may have to payyeah it still make a decent profit offan item so we're gonna yeah like Chriswas saying we're gonna show you guys thewhole process it is something that couldtake long it's the reality yes you'regonna see the entire so the way to workeveryone is you're gonna have a chatthere and it's gonna kind of be like anopen discourse so we're gonna go throughsome of the products we're gonna gothrough it I'm gonna answer somequestions as I see in the chat feel freeto ask anything amazon drop shippingrelated I'll do my best to make surethat I can answer that for you I'm justis gonna go through some products butjust go ahead and everybody just let usknow where you're tuning in from so wecan kind of just get an idea of whereeverybody is that's how many people dowe have that's yeah I can't see anythingthat you say okay so we have that openwe're goodin Texas San Antonio okay coolSan Antonio that's the only time I'vebeen there is when I'm with my brotherbro we went our cross-country wait wouldyou say looking for daddy probablygiving out up price whoever finds himDavid Gonzales is looking for daddyPablo giving a prize to whoever findshim all right well Pablo's right thereyeah yeah Detroit Canada Orlando Floridathat's my hometown Exodus Las VegasCosta Mesa damn people from all overplace there's people from everywherehere in New York and other Canada coolawesome guys all right cool so the chatis gonna be open for everybody feel freeto throw the questions in there I'mgonna go ahead and answer some of thequestions but let's go into productresearch man so what we're gonna do isis on us we'll just show you one of themethods that we found that works whenyou're looking for products yeah so likeI said guys be patient it's gonna be anopen discord so I'm gonna be goingthrough some topics he's gonna beshowing you some stuff we mayinterchange dialogue back and forth solet's go ahead and have at it man how dowe how do we find some of these productsfirst yeah so we're gonna show you guysjust um a really really simple method tobe honest this doesn't take a lot of youknow mix strategy and a really very verystraightforward it's just like we weresaying it's just you kind of just haveto put into working and you know you'llbe you'll start finding items so well wefirst want to do is um we're gonnapretty much search our random item andwhat I got want you guys to do is tokind of like just write in the chat likesome random items that we can find justto see them yeah somebody gives a randomitem and this call will be like 45minutes to an hourguys it's it's this is not a class it'snot a course all rightso whatever value that you can get fromthis and and start it and make 500 bucksin a month cool you know hopefully thathopefully that's what you're able to getOhio is it watches Bryan watches thereare not an item that we really want tosell for the most part we try to stayaway from like any type of like jewelryor anything that has sizes because onething is um even though returns arecommon you don't really want to have tolike you know be selling something likesomething that like people can'tactually try on until they get itbecause most of the time that'show it is you know sizes run differentand stuff like that on watches it couldbe a liability to yes you big okay so wehave a bunch of stuff you got your yourgiving somebody an easier reason toreturn the item yeah it's just someextra work G not just for you so clothesanything like that where you sell it andsomeone's gonna be oh this this didn'tfit me right so now that you got a dealwith thatokay so cool let's pick an item here letme see um we have lawn mower sofablankets all these are good which one doyou think we should do do the uh somethe dog bed yeah we could do the dog bedall right so how many of you guys arecurrently drop shipping on Amazon orEbay in hereyeah all of those things that you guysare writing like for the most partthey're fine I mean a soap I don't thinkthat's something I would uh you knowI've told a packet of soap before yeah Iguess you can yeah there's nothing wrongwith it just say we could make moneytonight for tonight weekly tournaments Idon't know if look how legit legitimacyof that one is but yeah if you use thestrategies you can you can I mean youjust have to like you know probably thatpossible okay so let's go ahead and justshow them that process man let's see ifwe can use these dog beds and findsomething out of hereyeah so let's do a couple of examplesreally quick basically what we want todo is um obviously we find an item wealready put dog bed and all of theseitems are gonna show up right and atthis point you can really filter this ifyou want to I don't really oh I don'treally do it but you can if you want tosometimes if you're looking for aspecific price a lot of times um youhave to like watch your capital right soif you're you don't really have a wholelot of capital maybe you don't want tobe sourcing like $500 items from the goso we might as well just put a let mehere just tonight I kind of like avoidall these super expensive items eventhough I don't think dog beds get thatexpensive you probably don't want to domore than like ones in there yeah sowhat we'll do everybody is what was away for us to go through like the basicstrategy method first that wayandris can go ahead and search forwhatever product is gonna find and thenI can go through the questions it's likea regular disk okay perfect yeah andwe'll just go and talk at the same timeokay so all you really want to do is I'mjust really gonna open up a bunch ofthese right just have a whole bunch ofdifferent tabs open it doesn't reallyhave to be an order I kind of just pickand choose like just random ones I don'treally like to pick ones where it haslike different variations just becausethe the search process gets a little bitmore complicated so just for to make iteasier I'm gonna pick the ones that onlyhave one so we're just opening differenttabs right now so we don't have to clickon one item and yeah open up a page amillion times exactly it's just somekind of like knock them out all at thesame time so I think at this point wehave enough to just kind of like showyou guys the example so all we reallywant to do is just like we told you guysfrom the beginning we want to see ifthis item is on Amazon so what we liketo do is um I want to get the title hereright I'm gonna copy it and then I'mgonna right-click it and then search iton googleand then obviously you know there'sgonna come out you have to look forAmazon right so I see up there's alreadyone here on Amazon we're gonna see ifit's the actual item so let me see is itthis is not the same item a lot of timesit won't always be completely accuratejust because since we're copying thetitle it's on sometimes it could be likevery generic and like you know cozycolored dog and cap abetik it can belike it give me in a lot of differentbeds they could have like the same titleso for this one since I didn't reallyfind it immediately the other thing Ican do is I can kind of go to the I youknow the actual picture right click itand then search Google for image and alot of times I can you know maybe it'llshow up this timelet me see you I don't really seeanything on Amazon if it takes too longalready it's like it's not even worth itI'm just gonna watch them a coupleseconds on each and each item to see ifyou can find it yeah it's just you don'twant to spend too much time at the endof the day so I'm just gonna move on tothe next one I'm gonna copy this you'rejust searching on Google and seeing ifyou're finding that item to see if it'sselling on Amazon currently yeah okay sothis is honestly this is a very hardcategory I'm already noticing let me sayyeah this is I don't like this one Imean I don't really like doingvariations just for this reason justbecause you might search for it and itjust might not end up being the sameitem same color let me see let me see ifI open some of these you see this islike not even the same item is it Idon't think that might be the same is itit's the same one it's just a differentcolor it's got the tag on there yeah youhave to just pay attention to thesesmall details guys because you don'twant to be picking an item that you'regonna end up listing and it's not whatyou're saying it is yeah you end upshipping a different item out to yourcustomer than what they actually boughtyou're gonna have a lot of issues onAmazon yeah and I already kind ofnoticed like this is gonna be a veryhard item just because are very hardyeah I think dog beds aren't very easybecause yeah that's a good point man soI think that a lot of people like theyget stuck in the beginning like okay sowhat item do I search how do I look forthe first thing yeah so the importantthing realizes we're not necessarilylooking you may end up finding an itemthat takes you to another item that endsup beingactually so yeah right so you may havejust have a proclivity for items thatyou see them and you randomly type themin because you think they're easy tothink of yeah rightbut sometimes it's hard to actually findan item in that category that's for saleso and you're gonna get a lot of theseyou're gonna get a lot of them wherethey're going to you're gonna search foran item and it's gonna pop up and you'renot gonna get any results for it andthen later on when you search again likethe next day for product research you'regonna see well screw this item I alreadytried looking for this for an hour otherday and so you kind of end up puttingthese items on you're like do not evencare yeah to look for a list yeah so andand you're gonna build that list on yourownguys as you start searching for productsyou're gonna see well I never findaugments so I'm not gonna waste my timeeven trying to search for that productyou know you're just gonna come througha lot of things you're just gonna learnit as you go through say okay well yeahI'm not gonna bother wasting my time onthis right so that's kind of what'shappening with this item here so like wesaid before everybody don't spend toomuch time on it it's literally you'rejust going through the tabs so thatyou're not clicking on each pageindividually and right now like let's goahead and change categories just we arejust because this this is just not it'snot very accurate and it's just I feellike it's a lot of hard work just toactually find the item it's usually alot simpler even if like the itemsaren't even problem you usually just seethem immediately so right here I alreadynoticed that I'm not gonna continuewasting my time we're gonna go ahead andjust pick something elselet me see from like what you guys havesaid earlier quick if I could just getsomething around arbic you barbecue yeahlike like a like a grill okay you gotlike a grill so you can just go girlyeah we got jump already I'm here what'sup bro I just sped crazy yeah I'm eatingare you guys doing we're just going toget on everyone welcome to our firstecon Kings live Amazon whatever you wantto call it it's something I've beenwanting to start for every minute andthese guys are my two right-hand coacheschris is a seven-figure seller on dressI don't know if he's broken it yeah butit's getting close and yeah so let's dosome product research let's see I wantto show you guys how simple it is theyprobably already broken this down but Iwant to show you guys how simple this isbecause it's not like crazy science youknow it's very veryand you guys see how simple it is mightget a little mad that you're not alreadydoing it so I'll let them take it overbut thanks guysyeah for sure man yeah like you he wassaying everybody a lot of this stuffisn't really good you look at it andit's like it seems so hard just becauseyou don't know how to do it but rightthe other business models you have toworry about ads you got to worry aboutwho your audience is if you're payingfor traffic or all that nonsense and soit's just really difficult for abeginner to get involved with that Iknow one of the barriers that's one ofthe barriers that stop me from doinganything like Shopify when I firststarted out because I was such a hugeprocess yeah you don't want to get mixedup with a lot of other things and thenyou just waste money in the processthat's like this is like this isbasically you buy low and sell high likethe say my idea except you're not evenbuying until someone's already boughtfrom you at a higher price is this thesame item can you help me figure it outokay yeah soandris not an item here it's $97 andit's the backyard master girl okay sowhat I usually do here guys is I'll lookand see if Oh like the actual item if Ican find something that's in in herethat matches so expert grill I look atwe go go up it says XG 19 let's see ifwe can find out on Amazon so yeahusually just copy this and I'll justsearch for it here so command or controlf as on whatever computer you have soI'm not finding that in here but thatdoesn't mean that it's not the item Imean at that part that that listing thatspecific thing is not on here so this isa 30,000 BTU it's a gas grill with someside shelves heavy-duty for pecan I'mgonna see if I can find a lot of thisstuff here it looks like the same it's a30 it is a 30 thousand BTUs at theshelves is it a three burner that'llusually help us figure that out okaythat's that's four burner I spelled thatwrong okay so you're gonna have to looksometimes you may have to do a littlebit of hunting sometimes okay so that'sa lot of these extra ones I don't see itand uh3-burner ok so right down here guys itsays it's a three burner grill 30,000BTU 10,000 BTU stainless steel burnersto specialized ok let's look at some ofthe stuff down here 40 pounds or so I'mjust what I'm doing now everybody is I'mjust seeing if I can connect enough dotsbefore I'm comfortable deciding whetherthis is the item that is actually I meanmost the time it's it's a lot easierthan this because they'll actually havelike the actual item number or somethinglike very very easy back to where bothboth sources will actually have it sofor this awkward just once main guysliterally so look at this we have thispicture here it's the same damn pictureit's a real it yeah okay look at thisthing it's the same one here it's gotliterally one two two four at the fourchickens on there I'm pretty confidentthat this is the item yeah yeah so I'mnot really gonna we're not gonna go intolike competition right now yeah we justwant to show you guys like how easy itis like we just started right now and wealready found something with a prettybig margin I mean this one is 193 Idon't Walmart's 97 this is 97 bucksright now and it's selling on Amplatzlet me see how some of it this is okaysome other dude he's selling it for 100and what 93 that's why it's a pretty bigmargin for that item and the BSR Ichecked it earlier we can you go backlet's go back it's crazy if you actuallyfound this be faster than yeah okaywhere's the B oh that's right there it's360 mm that's dude that's so good yeahyou profit that you're yeah and for youguys the BS r we won't go too much intoit but basically on amazon has their wayof ranking items based on how much theysell right so the number one right heresays number three hundred and sixty twothousand and patio lawn and garden it'sjust a number one item right downprobably sells like 100 maybe thousandstimes a day it's the best item in thecategory right so you guys might bethinking of like 360 – that sounds likea 360 thousand sounds like a big numberbut in reality it's something that stillsells a lot yeah right so so this isthree hundred eighty two thousand andeighty plus thousand okay so normally wetypically advise right around the threeich mark yeah but all that really doesis just just how often the item sellsyeah that's really all that matters butso all we did is we compared a couplethings to see that we match the item andthis is important here guys one of thoseimportant things probably I just realizethis what dude think about like peoplesearch these items and I'm like a bot ifyou have software using a software thatgoes through this sometimes like a lotof them won't even pick up the fact thatthis is the same item like we had tocheck it ourselves because there wassome things in there that weren'timmediately apparent yeah to see if thiswas the item but so we took that extratwo three minutes and found out that itwas actually the item yeah right so thisis what we said earlier guys if you'rewilling to put that extra time as extrafour five six minutes into a listing youcouldn't walk out with dude this lookslike it's a sixty fifty dollar margin orsomething like that at least so yeah solet's let's go into a man huh and if younotice we just started right now and wealready found an item but we do want tobe kind of transparent with you guysit's not always like that right like thekind of the processing oh yes the firstcategory went through oh yeah we went toa category video we didn't have any lookdog that dog Bethea and it wasn't let mesee who said barbecue I don't know ifyou man barbecue sauce man or if youactually met a barbecue grill but yeahwe just we just got greatwe just we assumed that you met a girlso that's so okay so this item it'sfound on Walmart it's at this pricethere's three left that doesn't reallymatter too much because Walmart willusually always update their stock anywayso this doesn't look like it's beingsold by any weird third parties I wouldjust make sure it's all right it's so byWalmart more and even they're like ourprice like way fair or hey needlebecause they're trusted yeah anyways soalright sorry man I interrupted you butno it's fine I just want him to you knowkind of show them that it was that easywe already found it um I kind of want togo through a couple of these just to seeif we get lucky just so you guys can seethe pros right one and we'll keep thatone there and yeah yeah back andcalculate like new profit and stuff tosee definitely so let's go on to thenext one um for this one we're justgonna do the same thing right by the wayeverybody don't be that guy who goes andtakes that I know yeah and list it I betyou don't do it every single classhappens yeah so every time we've doneone of these even in our classes wherethere's only like 20 30 people there nomatter how many times we tell everybodydon't copy the sample item everyone doesso you're wasting your time because Igetby tomorrow however many there arelisted there's gonna be like double ortriple and just not gonna have anopportunity so don't waste your timeyeah don't be that person and anotherthing is the reason they're talking somuch about saying like you know justcheck what the third party is it'sbecause they're not subject to the samereturn and exchange all that usesWalmart so Walmart has really easy touse return policies but a third partyseller on there they may say they don'thonor those same return policies that'swhy it's really important that you ifyou are gonna use a third party that youfind out what their return policies areso that you don't think you can returnit you really can't exactly cuz normalnormally Walmart they give you likethree months so like they won't for liketheir parties others yeah it's andthat's the reason scream in my ear andyou're good the other reason Nickmentioned that as welleverybody is Walmart is yeah it's a verylarge supplier and they're one of themost reputable reputable ones that weknow of so that's why we opened it withthat but there are other ones that youcan use oh definitely yeah and one otherthing I'm if you guys notice there's aum extension here it's called Amazonassistant what it's supposed to do isthat it's just was supposed to show youdirectly if there's the items on Amazonso for this one it shows it it doesn'tshow from most of them for whateverreason I'll Walmart it doesn't reallylike function as property but we used towork better yeah that's an extra pieceof tool guys if you get it's a GoogleChrome extension yes reason you guys canget it if you want to save some time itjust helps economy not like listings atonceexactly it's man this is manual rightnow yeah cuz that's simplest way what dowe tell everybody in our if you startusing software right off the bat withouthaving any knowledge of how to do thingsnormally and manually like this whathappens is if that software goes out ofcommission if there's an update onwhatever supplier using your you'reconnecting it with now you're leftdefenseless not knowing how to make yourown money because you were dependent ona software that's starting out rightsoftware just supposed to be used as anextension of your knowledge on how torun the business and if you can't run itnaturally then you're not gonna have asuccessful long term business in thisbusiness model rightso hundra's I totally agree with Chrisand we've always been a firm believerthis even back like when when we werereally teaching about eBay and all ofthat it's because they exactly like Isaid if you don't understand thefoundation you don't really trulyunderstand how the software works so ifthe software has a bug it goes down whathappens and if you don't know how to fixthat and let's just say there's a 12hour period where the software isn'tthere well if you're already in thepoint where you're doing like a 20,000third 20,000 a month gross business youhave enough sales customer serviceemails inventory prices and out ofstocks changing that if you don'trealize that that's down and fix ityou're gonna have enough complaints inthat 10 12 hour period the your accountsgonna get shut down because of negativemetrics really really important tounderstand how stuff worksso if does happen you can fix ityeah Nichkhun long yeah but think aboutlike you had when you start to get to apoint where you hire the ACE and you hadto build a team if you only like teachthem I gotta use softwares and they'rerunning your entire store and they don'tknow how to you know they don't knowwhat to do is something happens you'regonna be you have to like know thebusiness like you have to know what todo to be able to say okay they're gonnago oh the button doesn't work yes Igotta be put in and now you can't putthem in sorry so guys before we go anyfarther I'm gonna have in the chat ofthis YouTube our econ kings discord nowI built that we built that three weeksago four weeks ago and this live is kindof the launch of that I was gonna domore of a heads up so everyone could behere there's about a thousand membersalready so if you're in herethe link was just posted you guys canjoin that all the people that you guysare running from in here along with morecoaches along with more experiencedpeople are all in that chat and it'scompletely free so you guys might aswell be in it so yeah and then thatwon't be able to notify you every timewe go live if you're not gonna be youknow on Instagram the second I posted orwhatever you guys will get anotification every time we're live sojoin the discord like I said dude we'renot upselling you guys on anythingtonight we're not doing anything this isjust gonna be our weekly live productresearch thing you know it's just thebasics and showing you guys how to makean extra fifty to a hundred bucks youknow we add a depending on how mucheffort you put into this now there isthere comes on sir there's beenthere's better techniques than this I'mnot better but faster but this is thebest and the easiest for the averageperson so you guys anything elseanything we just showed you guys all youneeded yeah this is literally like lateranother like I want everyone when theyhave a chance when they ask for the nextproduct everyone just type the mostobscenelike the craziest stuff so you guys knowwe can't no that's all we askthem we talk to just pick a randompeople so that's easy let's say like youguys pick something build about it don'tdo that don't do that one though itdidn't end well you don't wanna do thoseyeah definitely I would recommend youguys do something unique so they canshow you the real process I guess theyfound a profitable item instantly yeahbecause Jeff look at this oneninety-seven on Walmart 193 yeah that'sa massive market that proper yeah umyeah and then you'll find items guysthat make you $7 more and you'll finditems that make you a $2 margin and theyall add up to make you your storesmargin exactly you're not gonna look fora certain profit margin on every item orwhatever you're just gonna take what youcan get yeah and really quick well Mattyou're asking I'll do you guys usespecific website for product researchsuch as jungle scone I think junglescout is more of like an FBA type of umso that's where you break down thisprocess so essentially what they'redoing guys is they're going on Amazonwith the random item that you guyspicked right and what they're doing isthey're doing their backtracking to findthe supplier of that item so have thisclear like it's a few step process theyfind an item on Amazon that's that theythink is profitable they go backtrackand they find the supplier or whatevermethod they use to find the supplier youguys will learn that here and then whatthey do is show you guys what that itemssourced that and what website it is andthen you guys can literally list it nowplease don't list these items becauselike I guaranteed this grill I'll havelike ten selling oh yeah where there was250 people on here yeah well don't bescumbags and that's what it is but thereason I say that is because if there'sten sellers overnight you guys probablywon't be the one to sell itso take the things you guys learnedtoday and find your own items with thissame process and when we do ask foritems be unique and watch them like youactually do the product research becauseit's interesting you know it's notalways quick so I'll let me get back toit yeah if someone's asking Mike'sasking are you fulfilling ordersmanually on each sale it depends likeyou mentioned something about FByour FDA got here you don't droptripping experience so it really comesdown to whether you have an employeethat's gonna do it for you or you wantto do it yourself I recommend manuallydoing it yourself because then when youdo hire somebody you can tell them howto do it for you you have to learn thebusiness yeah for you yeah in thebeginning you're gonna have when yourstore starts kicking off you're probablyhaving obscene amount of orders once thefourth quarter starts kicking in sothink about you know possibly lookinginto hire somebody right away when youstart getting to that point all right sohave a video and play something at leastto help you don't want to get caughtcompletely off-guard with that yeah Jackand no we don't use Aliexpress becauseon Amazon people want their itemsquickly right nobody wants to wait likethree weeks maybe a month for theiritems so it's just not smart to useoverseas suppliers yeah yeah so there'sno classes in the books right now guysall we're doing is just focused on justshowing people some free value here andgiving some dropshipping advicequestions open discord so as soon as wedo have that guys I know that Jeff willbe on top of that lender but you knowwhen we want to launch those but for nowthere's there's no classes on them yeahthat all this stuff guys are ecommerceAmazon related it's accessible toeverybody you just got to find the timeto really invest in it or invest yourtime into it so alright so next eBaydropshipping eBay we don't teach at allanymore so this is Amazon specific ifyou really are curious on eBay you guysare actually on my youtube watching thisthere's like some old videos on here youcan go watch those can you do thiswithout credit absolutely you can dowithout credit the thing is is thatyou're cycling money right so you'regoing to Walmart com purchasing weatherdebit or credit card doesn't cost youany difference they don't charge you anextra fee so you're going over and thenshipping it to your customer on Amazonso there's no reason not to use a creditcard if you can use one because you getpoints for our points cashback whateverbut you could do this with a debit cardif for some reason your credit is so badyou can't even get approved for theshittiest secured credit card somehowthen yes you can do this with a debitcard but there's really no reason notyeah that's the point of the credit yeahso you can go ahead and continue man I'mgonna answers yeah just keep askingquestions I'm just going just so youguys know I'm probably not gonna bespeaking that much but I'm just gonna goover the same process just going throughsome of these items see we got luckyagain and we find something so thereyou're you're shipping from Walmart Iassume there won't be windows shippingyeah there's gonna be items that haveone day shipping there's gonna be itemsthat have two day shipping mm-hmm somewe'll have standard shipping it justdepends on what item it is that Amazonits sellinglet's see can you give listing examplesfor the way you dropship so Marcus I'mnot sure we mean by listing examples wejust showed an example if you didn't geton the live a little earlier basicallywe went on to a supplier and searched onthat supplier to see if we could findthe item on Amazon to see if it wasselling and if it was selling profitablyand if it's gonna gonna be an itemthat's worth listing based off of theranking which we talked to everybodyabout what the BSR is we don't know whatthat is you can google it real quick orjust know that it's a best sellerranking and what it entails is how oftenan item is selling it's through Kcapital enough dude that's good man it'sgonna be enough to get you to where it'sall depends on your items if you startlisting expensive items then wheneveryou have to make those orders you'regonna run out of capital pretty quicklyif you're selling you know $800 grillsso if you only have three K capital thenyou just have to manage your yourfinances a little better to make surethat you're not overextending yourselfthis isn't the same item let's see okayI know it's a different color room lookit's black – oh it's how far it's blackyeah I would've been a good item do youlist the items on Amazon and then withsomeone buys it you go to one more bikeyes so that's exactly what the wholeprocess is and not just with dropshipping on amazon exclusively it's thesame for eBay or other platforms thatuse out there you are listing an itemthat you know is on a reputable sourceand you're selling it before you'veactually purchased it okay that's whatthat whole process is so yes that's whatyou would be doing so come-ons asking Iknow with Shopify drop shipping there isthere could be a delay or receivingmoney is it yes so good question guys ifyou sell on Amazon you have to be awarethat Amazon holds your money for twoweeks plus for like incidentals liketurns 8 as he claims problems withcustomers things like that they want tomake sure that they can prove thatyou're a legitimate selling you're notgoing to sell a bunch of products andthen leave the country and stealeverybody's money so Amazon's gonna payyou out every two weeks in the beginningthey're gonna hold extra amount of moneyfrom you to make sure that you ship yourwhere your items out and they'redelivered on time to your customer andthere's no issues so be aware thatthere's a two-week period and that'sreally the whole reason why Nick wastalking about the credit and and thingslike that because you need to be able tobuy these items upfront you're not gonnabuy the item two weeks later when youget paper might from Amazon because yourbuyers gonna be pissed at youJermaine Amazon keeps delaying myapplication they can you just got to bea reliable it relentlessly them justcall them every day send them emailsevery single day that's the only wayyou're gonna get through them thinkabout how big Amazon is they'reliterally a billion dollar company andso one email you need to be sendingmultiple emails okay I already found oneI'm trying to see if this actually makesmoney so this red grill so it's $71.99and I found it for nine about $95 I'msaying okay the same one yeah where'smini-14 no no it's something I'm tryingto do we don't have the littlecalculator ears we have so just kind oflike roughly let me see let me see if Ican I can find it and then you put it inthere yeah this is it is a properBrenham because with a 22 percent marginthat I took him okay it's about 74 andthen it's somebody to here right so itso it's that this isn't so okay guys sowe just found like an item on this isn'ta huge margin um this is about likemaybe a couple of dollars but still thisis one of those items that you just youput on your store right like we won'tget too into it but you know you kind oflike one out like a lot of volume yeahso you have both sales yes the line ismaking you a large profit some itemswill make you like Jeff was sayingearlier five bucksfour bucks right but you not understandhow that compounding effect works soyeah you yeah exactly you said item itmakes you seven bucks you sell 10 timesat $70 no five times a week you knowthat's yeah you guys have to rememberit's not like we're holding these itemsin a warehouse or something like wedon't have to like you know there's noliability it's not like we're buying awhole bunch of these and I'm just likerisking all this moneyjust to kind of like you know store themand then just maybe make a dollar toattack these items like we're only gonnabuy them if they actually sell so justlike kind of like listing an item likethis it was just even if you can make acouple dollars like oh yes the may ormay not sell right but let's actuallycheck the BSR I didn't let me say thisis something that that sells often letme see this one it does not have a BSR Idon't see like it hasn't reviews so forthis item what likely happens that thisis like a very very new listing so Imean there's probably not enough likesales history for them to like countmuch it actually sells so this is itthat's like it's like an item that youcould list but it you might someone costyou anything exactly the siz like you'regoing through the rent you're goingthrough the listings you're goingthrough the process you come across thisitem you see that it's profitable it'sfirmer legit supplier and you're gonnadecide whether you want to list it ornot based on the DSR exactly so I wouldlist it only because I'm right there Ialready found it I know there's a marginand if it doesn't sell I'm not losingmoney it's not like eBay where theywould charge you or you're pretty muchlike their listing or per fee you don'thave a thought it's unlimitedyeah so really I would list aside him Iwould put it up Oh sells right and thennow I'm the one that's profiting from itexactly yeah so we already found liketwo good items one really big margin andone not so big I would list both themlike I said so so so far if you know ifwe were just I was just at home likedoing this absolute you're good theyalready keep tabs of the ones we keptand at the end we'll just calculate howmuch profit you could have made off ofjust sitting if you were actually doingthis yeah it's a little bit differentit's not exactly how we did it on eBayjust because eBay use the wholedifferent ranking system they use youknow Cassini and other things like thatso yeah different that char grill okaythat one I mean see 467 and it's not thesame one no no you see and I see youguys I just kinda like want to do thisas quickly as possible they not spendway too much time remember at the end ofthe day even if you could save like 20seconds per item that you're trying tolook for it's like 20 times however manyitems you go through in a day ends upbeing a lot of time right so let me seeis this one the same item 700so 100 FB palate grill sonar square inchoh I mean either way it doesn't looklike there might be a profit 335 andthis was like every 90 now that's no noshe just open 30 tabs and go throughthem yeah so if you can save if you cansave like five seconds on each tab doingthat hundreds of times you're gonnastart cutting hours off your workloadjust by doing that one thing rightthat's just one competitive advantage sothe more you do that just the morestacked your ability is gonna go throughyeah of just going through items rightthis is literally the hardest part so alot of you guys are on the fact that thecustomers about to receive an item froma different company that is a verycommon question it's like the number-onecop I've been teaching drop shipping anddoing drop shipping for like five yearsnow and it's probably the number onequestion that's around and I thinkeveryone in this room is I asked me thatquestion before they took a class ofeveryone you guys are learning fromactually Chris was one of my first 50students Andres was probably one of myfirst like 300 students I was awesomewith the same with Chris did nothing forlike a year and then basically killed itso um that's kind of rasa's is likepeople think oh my students they kill itand then they do am I like kind ofsmaller circle and they don't teach butit's funny because a lot of guys arecaught up on this thing but there's noreason to be because probably out of thethe sales in this room you know Pablodid even 75,000 this month in sales andI'm talking like $30.00 items and he'smaybe had zero complaints about packingI think it was more of a complaint backin the eBay days oh yeah um but it seemsit was my customers didn't give ayou know tell me other item it justhappens it does happen like I probablyhad out of thousands of orders but Ihappen to me like you are gonna get thatyeah so itaren't happy with packing hey dude youwant to reap you wonder you want toreturn okay I want to return it dude youliterally go on the other you go on thesupplier website let's really are youget a free label you send it to thecustomer he sends it back no I'm not onanything that is that are the worst casescenario that ever happen I neveryeah I mean think about how many like ifyou were to buy an item and as long asyou get it in the mail it's the sameitem you bought so you guys can seethere's a lot of people in this chatthat are saying you know they do dropshipping and it's never been a problemfor them so you guys it's a thing thatpeople get caught up on and then they doit and they realize nobody complainedand the worst part is that kind of likeyou sometimes I'm sorry yeah they'rethough they think I what something likethat there's gonna be something huge andit's just it's not real it's you knowthat's gonna be the thing I wasn't mostyou guys back in life is findingsomething some reason you guys can't dothis whether it's oh I only have youknow 700 bucks instead of the twothousand dollars they recommend I'm notgonna start for ten more months you guysprobably won't ever save up that twothousand dollars that's how humans areright they make that excuse and thenthey hold on to it so if you thinkpeople are gonna give you negativefeedback for something that every personthat says they're not you're not gonnaget it every person has experiencesthat's not gonna happen to you it's justrare mmm and it still holds you backthen it's just a personal fault youcan't help everyone that's the truthguys Ron here you guys are obviouslyinterested in learning more don't letsomething stupid like that hold you backfrom you guys start your own Amazonbusiness tonight you guys can go onAmazon get approved as a seller andstart um the reason I'm sharing thisinformation and like I said that we havebetter techniques in this and I'm notgoing to show you guys them for freeyou guys actually can't even pay forthem right now but what I will say isyou don't need better techniques thanthis this is actually the cornerstoneand I guarantee you know the most of thepeople that are killing on Amazon rightnow including on dress still do thismethod to this day because software canonly help you so much software can onlyfind profit margins so much becausebillion up under started found anotheritem but all I want to say guys is thisbusiness is like one of the fewbusinesses in the entire world right nowthat you don't need anything to startbesides an access to the Internet and acredit card like and maybe an 18 yearold ID all right that's it so whatstarted 16 without your parentssomething but I will say you guys do notneed like every other business that'sever been started in this world you guysdo not need to have a storefront youguys do not need to order inventory youguys do not need to have employees whenyou guys get your first employee that'snot a virtual assistant you guys everopen a retail storefront you guys willsoon realize employees are veryexpensive to have employees you have topay into their social security you haveto plan – you have to have insurance onyour employees there's a lot of thingsthat go into it this business you neednothing so if you guys are in asituation we only have 500 1000 bucks1500 bucks you guys can start flippingthat money with this process with just afew hours a night so don't don't looktoo far into this don't ask yourself toomany questions that'll stop you becauseI can't tell you how many people thatI've have seen my profile in the lastsix years and chose not to do this exactprocess and therefore like I've donequestion 15 people that builtseven-figure business in the last fewyears but there's been thousands for thetraining because for hundreds and that'sbecause they let stupid like thateffective so you guys got a guy's gottaZone in on what actually works andlisten to what these guys are sayingthey know they're doing yeah that'sreally important just everything he'ssaying is just you always have to beresourceful I mean if you kind of go gothrough like a bump in the road is justthat's understand there's always asolution to it right that's right that'sso true because a lot of people they'llthey'll say well if you think that yourquestion that you have nobody's askedthe same thing then you're probablydelusional because but think about ayear so many people are doing this thatthe odds that nobody has asked yourquestion on Google is ridiculousNick Fitz when he was a coach of DSM awhile back he would be googlingquestions from students because theydidn't want to Google the answerthemselves and almost like 90% of theanswers were on Google because thesearch it's like it's like people I havelike VIP group chats from my old studentsome people are asking that you couldGoogle right yeah and it's not that wedon't want to answer for you guys it'sjust so but it's like why do youdisrespect my time so much to ask methat figure to Google something for youright but it's not even that it's likefor example you might ask it in thegroup chat and it's like somebody by thetime they get back to it it could belike 5-10 minutesthey could've Google they spent sevenseconds typing whatever question itwasn't old everyone that's ever learnedfor me it's gonna be resourcefulnessthat pays out at the end of the day youcan't bet if you don't know how to dosomething or you a question aboutsomething I can almost promise you thatsomeone else in the world has had thatquestion first and it's on the Internetguys are one of the few generations thathave access to the Internetso your parents didn't have it yourparents parents definitely didn't haveit you know I'm saying like you guyshave access to almost every questionever answer so use it take advantage ofit good making a built a business andurban as Ezio's just twenty years agonobody clean ice it's all our onlinemagnets you gonna make five or tenthousand dollars from this it'spractically stupidest I swear togod this is like the business I've donesince I was like 13 14 years old butit's stupid that you anyone can go ontonight and make five fifty to a hundredbucks that's stupid to mewhat the thing is is what separates thisfrom getting oversaturated is the factthat most of you guys out here won't doit I think that's what separates peoplelike these guys and people making moneyfrom you know the fact that this couldget oversaturated if everyone I've evershowed this business model to decided tobe an ace like a full-time drop shippersee the saturation might increase of itit's never the case so it's always yeaha lot of these platforms are pretty goodwith kicking out the people who aren'tgood sellers because it's self cleaningbusiness if you start slacking on yourcustomer service and how you're dealingwith your business the platform's gonnakick you off Amazon is the largestonline company in the world if you thinkthat you're going to go on to theirplatform and try to sell as a privilegeon their on their on their home turfthey're just gonna remove you that youare literally a drop a peon in thebucket like you're just nothing to themso it you have to understand that youhave the ability and the resources toactually make money online for freealmost so just treat that with a bit ofrespect know that as long as you play bythe rules and the rules are gonna changesometimes but you have to understandthat if you're able to stick to therules and stay on the platform and styleyou can easily run a profita clear picture we're gonna do 20 moreminutes and I'm taking these coaches offso um essentially I have anotherquestion that I need to paint a clearpicture for you guys but it doesn't seemlike you guys are some of you guys areunderstanding essentially what we do onAmazon is we don't do the same strategyas Shopify dropshippers okay what we dois is I'll give you guys a statistic letme just paint a picture for you52% of all online sales in 2018 was doneon Amazon the United States so everydollar that was spent online on acomputer on a phone whatever 52 of itwas spent on Amazonso we don't do what Shopify does whereyou guys have to find your own productand then market it run ads run you knowwhatever ads to try to find youraudience Amazon already has 52% of theUnited States audience and a lot of theglobal audience so if you guys are onhere what we're doing is we're showingyou guys products that are alreadyselling they're just selling for morethan other websites and so you just takeadvantage of the fact that Amazon has acustomer base that trusts Amazon morethan any other supplier so if you lookat you know for Walmart like that Iwould never shop on Walmart I'd alwaysbuy everything on Amazon that's who I amsome people only shop on Walmart 52% ofthe United States agrees that they'repretty loyal to Amazon because Amazonusually has the cheapest price thefastest shipping the best customerservice on any retailer online so whenyou have loyal loyal loyal loyalcustomers like that you're just gonnatrust that that $192 grill that they sawon Amazon is how much that girl costthey're not gonna go research that Grillmodel and try to find other things andtry to get price checker most peopledon't do that online many people want toclick and donemaybe that but they trust the platformthey know something goes wrong they'regonna get a return they're gonna gettheir money backloyal is what people buy Apple for 20years even though it may not do thesaint-like any better things in theirlast month you know people just trust itthey just trust it so it comes down toyou guys this year there's no adsthere's nothing once you guys find thisproduct that's already selling and youguys throwit's probably bound to eventually sellum and that's if you do the researchthat it's actually selling if you find aproduct that has a 1 million dollarmargin but it will never sell becausenobody's looking for it it's the exactsame scenario just never sell so nowyou're looking at things that alreadysell looks like you very found that aproduct Marie I'm almost not there wasgonna good margin on that so you guys tosee this process as I've been talkingand as I've been blabbering I'm juststill been doing product research islooking at lawn mowers someone didsomeone suggest lawn mower know somebodyhad put it earlier no more I kind ofjust chance to show you guys well no Iwas gonna address something that thisking snow mentioned so he says thismethod of selling on Amazon is notallowed and you'll be banned eventuallyso let me just touch on what that meansguys if you look up what drop shippingis almost on every online platformthey're gonna tell you that it's notsomething that they support right butwhat you are kind of failing tounderstand here is that Amazon makes 15%of every single sale that you make as athird party seller right because of thatas long as you're taking care of yourcustomers and you're doing things theright way they're making money off ofyou and they make millions of dollars ina day there is a disclaimer to kick youoff whenever you for selling crackexactly that's the reality so like ifyou have terrible shipping times becauseyou drop shipping they're gonna sayyou're drop shipping is against ourrules but if your shipping times orwithin their metrics and everything isgood they will not pick you upso kings know you're number one wrongwe're also right so it is against theirtheir Terms of Service or whatever doesit mean it's against the law it doesn'tmean they're gonna sue you it doesn'tmean anything Bad's gonna happen as longas you stay within their metrics and youdon't get in troubleum before shipping times poor customerservice or anythingevery any plan point is gonna kick youeven without that rule they're justgonna say that you're not a good sellerbut there's always someone that saysthat to me yeah we talked about amazondrop shipping it's just another reasonfor someone not to start sure oh soagain dude it's like you're just you'repretty much just telling people thatthey shouldn't start this businessbecause of the technicality and thattechnicality is there for Amazon'sprotection and not to just dis barpeople so at the end of the day theylike you shouldn't sound too confidentsomething you know nothing about it'sthe realityand usually people that say that or talk are the ones that up theirstore by having a poor metrics yeah waitand then they say hey dude it wasagainst Amazon service service that'swhy I got shut down it's like naughtyjust suck dude that's it youjust sucked at doing thisbusiness model and you weren't on top ofit you have learned y'all miss it'sweird that we have hundreds and hundredsof stores and students and clients thatdo fine with this this model and theydon't get shut down you would think ifit was against their Terms of Servicesomeone doing two hundred thousand amonth would get shut down you know likethat's that's thousands of orders amonth yeah that's a lot of money Amazonthrough holes it up under the radar yeahnow that's it's it's the fact thatpeople just don't know how to run thebusiness so something happens and thenthey just blame the entire systeminstead of learning from the bettermentor or a better teacher or findingsomething better to learn theinformation for me you can go on Googleand look like this model is Trent youcould literally go to Google and look upthis model right now and it would pop upright so you can verify it it's not likewe're giving you any smoke and mirrorsthat literally this model is on Googlebut most people aren't gonna take thetime to go Google something for an hourand learn how to do it yeah so if youguys notice I did end up changing thecategory I'm well rather the item I justkinda wanted to change it up we werehaving some good luck doing the thegrills yeah that was really good wefound a couple of good items I think wefound like four or five I didn't get thechance to talk to you guys about thisone that I found this one was prettygood I don't know how much money goesinto that did I get rich dropshippingdepends on your definition of rich Imade about sixty thousand a month atthirteen dropshipping neo points sothat's your definition of rich I sureit's sergeantit's definitely started my journeythat's the truth Oh224 yeah they might have same item 21 isit 140 see see and it's let's check thedescription see 132 CC's huh so it's notbut see if you can find usually if yousee theno that's not what if you see like ifyou go to Walmart mm-hmm see if the withthe 40 is like up in the suggested itemsfeel like it maybe like close by likethis around here131 60 CCS there maybe a 140 here nowsometimes it won't pop up yeah but ifyou sometimes they look like if you appshould happen let me let me see if I cansomething ridiculous bro like it's it'sI was looking at it yesterday it'ssomething massive like even last monthit was crazy things no why don't yousell wholesale on Amazon when themargins are better and you're not gonnaget suspended at all number one youcan't get suspended for a wholesalebecause you're wholesaling inventory youare not an authorized distributor of theinventory actually the exact same thingthat you're doing with drop shipping andnot an authorized distributor of theinventory which means you can getsuspended for the exact same thingexcept you're probably just using fakeinvoices or somethingnumber one the margins are not betterbecause you cannot control your flow ofinventory so if you have you're doingwholesale FBA you can never control howmuch image inventory your suppliers aregiving you or not giving you I thinkit's a great business modelI don't think one's better than theother and I think you're a piece ofthough for doing this on the live so Iwill roast you I don't mind and there'sno way you make more doing wholesalethan probably any of these guys doingdrop shipping so you're just beingannoying and I will be and the wholeidea it is it's just super not everybodycan get into looser not everybody canget into wholesale and everybody hasthousands dollars to Starbucks differentis just some wholesaling is also you'reinvesting in probably know I'm inventorybefore I'm not saying it's it's a badbusiness more like Jeff was saying butit's also like this you don't reallypurchase products until yeah literally Ihave a whole division next doorthat does wholesale with Kenzo so if youdon't buy from authorized distributorsif you have good margins on wholesalenumber one so they're lying to youthat's what wholesale is what was thepresident 117yeah 146 ban yeah it isyeah no noses so oh here look I click onthis here Oh so waistline right uh let'suh what's up right here put price inthere tell us how does all time I neverget mad as we always all gonna finishcopying just as copied and open up thenew uh I think yeah copy and then uh nono just that yeah yeah yeahhow do we keep all these items track soyou're not amazing clients Josh youshould have access to your sheep bro heyBilly yeah oh oh yeah you know yeah itthe way they know the way you do it manis there's a lot of ways to do it youcan do it manually you just keep it in aspreadsheet that's really all it is itjust comes down to how well you canorganize it so if you have a spreadsheetthe tracks where you're getting Adamfrom he's asking where we we keep trackof margins and updated prices and stuffoh that's not that's not that's that'son the sheet okay yeah so but what'sthat price and who's competing with itum let me see things open right nowdon't annoy me not this one okay soother suppliers you recommend that I'mgonna jump off here you go make dinnerso a couple suppliers we recommendthere's I'll top my head and we can doWalmart a needle overstock weight yourair bag let's have some beyond beyondthere's tons of them Zorro's good HomeDepot so there's a lot of differentoptions you can use that as you start tosell more from them or buy more fromthem you're gonna know which ones areeasier to deal this though that you likeor you prefer good Kevin that'sawesomewhat is it just so you already found agood product just not the infos oh nicesee it's that easy you guys tell me whatyour margin was browhen use eBay as a supplier or as I sayyeah yeah yeah you're just you gotta yougotta be weird becauseit's your if you do that you have tomake sure the only time I ever woulddropship something on eBay if it's anactual store if it's like Target likeTarget has a store on eBay or like heyneedles that aren't reflecting on theirlivesyeah so you can get you can get a reallygood deal on those and oh you don't paytax a lot of the time on there either sothat helps but if it's like a thirdparty seller unless they have like50,000 reviews or something like thatand I know I'm gonna get the product I'mnot gonna try it because it could beanother drop shipper so now I'm passingthe buck along to somebody else for meto depend on getting the item I justwant to do that yeah and just that'swhat it is eBay is pretty much like itlet's go ahead and so let's look at thefirst and do we sell the first item upyeah okay so so let's look at that firstone and let's calculate what the profitwas because we have the sheet now andthen we can add up jamón how many wefound in like that 30 minute period okayum just to show like what was actuallypossible like doing everythingorganically no software and I feel likeI found more what I can that's alrightgoes about here click okay yeah this isthe first one okay so the first one yesso go to the first one yeah it's thisone okay so it was 97 bucks on Walmartjudge I'm actually target works and justtwo they're just more strict so you justgot to be Oh targets good supplier guysdon't be careful you just gotta becareful with them some people they likesome people they just can't orders forso selling on Amazon for 400 right now50 bucks that's a pretty ridiculousmarginjust make sure bro when you see thatlike if something that looks too good tobe true just make sure you verifybecause you don't want to be sending anexpensive item that's wrong to acustomer because if you send a bottle ofListerine to something it's two dollarsand somebody complains Amazon's probablynot gonna be as strict but if you send a$500 item that's when you pay for itwrong then they're gonna be callingevery day and you want extra you don'twant those extra eyes on your accountthat a sixty dollar profit yeah okaythat's massive guys so alright so that's60 bucks on that just on that one itemhey so what we're gonna do also is didyou guys make this calculator I didn'tget so what you guys should do is filemake a copy and we'll put this in thediscord as a file for free that they candownload yeah it's all the link we justgot to give him the original like I saidguys we now have Steven marketit's you guys throw the link back in thechat for the disk or if you guys wantthis calculatorit'll also probably put some basicsheets in there eventually of like howto manage your orders yeah like reallybut yeah super basic stuff that you guysjust resources and essentially you guyscan just download or access these sheetsand make a copy on your own it'll be inthe discourse of guys just join that andI'll have one of the guys post that uptonight Patrick is that one of the og ohyeah man yeah ok so that's that one sothat's 60 minute buddy bucks all rightnow let's go to the next one that wehave that we found $49.99 fifty fiftyand somebody wants me one a chance tomake sure that that item okay so Kevinthis is a big tip Chad just gave youmake sure that item on Amazon doesn'thave multiple qualities quantitiescompared the one that you guys found ontarget so targets with one item and inthe in on Amazon it's a it's a fourquantity or something you still makemoney yeah I think and yeah this otheritem was seven bucks we just found guysuh song ten percent margin on this itemlike I said I don't you know so that'salready sixty dollars that's sevendollars that's like sixty seven bucksand then was there another one I thinkthis one oh this is the one we weren'tsure alright oh yeah it was a dollar oneright – I know I know cuz I think Ibelieve that one and $71.99 that's noyes 300 almost three bucksokay so literally guys so if you tookall these if you had one 45-minutesession of product research and you weredoing this and you found these threeproducts literally seventy dollars isright there at like at your fingertipsthey sell one time that's if they sellone time so I'm gonna I'm gonna end thisat this we've been on we've been livefor exactly now right yeah okay so lookso so if these items also one time likeChris said it's 70 bucks the thing aboutbuilding an online e-commerce store onAmazon or Ebay or any of these platformsis the work you did in the past will payyou for the future so you guys foundthese three items in one hour with usnow let's say you find your own items inthe next hour and you list those itemstonight and they sell this week can youmake seventy bucksthe next week they sell again you've nowmade 140 dollars from the one hour ofproduct research but let's say they sell10 more times next month now you've made700 + 140 from that one hour of work doyou guys see how this compound so it'snot like you guys are gonna build aseven six-figure business overnight butthe hours you put in in this businessmodel hey you over time so when you guysgo work a job and you guys get paid $16for that hour that hour never pays youagain ecommerce the second you get goodat putting time and effort into that onehour and you get skillful at thisbusiness model that hour can pay youdividends for the next few years I'm notgonna say that you know the products yousearch for today are gonna pay you fiveyears from now because it takes upkeepit takes things but it'll definitelycompound and help you guys out so if youguys have any final questions put it inso what y'all have to say aboutinventory changes Chris we're speakingof that and stop yeah so when it comesdown to is just either you're gonnatrack the inventory yourself or you'regoing to use a software to do it for youor you're gonna have an employee do itfor you so whatever organizationalmethod works yeah yeah it's whateverorganizational method you feelcomfortable with as long as yourbookkeeping is solid you know whatsomething costs what you're paying forit and any fees associated someone elsejust edit this is so easy justfound an ideal product for quarterquarter for $15 profit 415 KB azar ohthat's great literally it's just so easylike you guys saw this you know we guyspick products that you guys chose yeahyes we literally went off the list andwe opened up our first product lee has24% taxes I have to sell items for goldto sell in the United States dudeyeah did their I mean honestly there wasenough info in there for somebody tousually make 500 bucks I want to showthem one thing real quick so what you'regonna do an LLC work if you're just thewrong information they're gonna beconsuming right now worry about findingthe items before you are worried aboutspending a thousand bucks to open an LLCbut right here what's gonna happen iswhen I share this link with you guyslater in the discord group it's notgonna allow you to edit this actualsheet for this calculator you're goingto hit file and then you're just gonnaclick make a copy right here or justmake a copy that's all you're gonna doyou can call it whatever you want hit OKand now this is a copy you can edit nowonce again it says just adjust theyellow cell so only adjust these andeverything else get calculated for youso if you don't do that then then youknow you'll screw it up so just so youguys know you want to adjust the tax youcan but just set it to what you want itto be yeah we have something that's kindof like the national average it could belike anywhere from six to nine dependingon the state but seven is kind of youknow like the sweet spot we like to doyeah it's it's just standard basicallyagain it's your calculator it's yourbusiness it's your your numbers if youwant to adjust it how you want you havethe option to do that just does thateveryone thanks for joining all rightyou guys see you guys next time see younext timeyou

Source

Hey, what’s up guys. My name
is Darrel and in this video,I’m going to show you how to make
this e-commerce website, step-by-step.Now, the great part of this tutorial is that you don’t
need to have any sort of experience whatsoever;everything is going
to be drag-and-drop.And, by the end of this video, you guys
are going to be able to fully controland manage your own,
personal e-commerce website.And, I mean just look at this website. It’s sexy,
it’s professional, it’s really clean, really modern.It’ll make a great impression
for your visitors.Now, what I did for
this tutorial was, I decided to take direct inspiration from
companies like Victoria’s Secret.Now, these guys spend millions
of dollars determining what worksand what makes people
buy on their website.So, you want to take their design
and incorporate it on our own.So, you guys can see right here a big,
beautiful lining page with a simple call to action.We have the same thing right here, like this.
Or, this. Or, like this. Or, like this.Now, you guys can see anything you want on
your website. You guys can sell digital products.You can sell pants.
You can sell electronics.You can see pencils;
whatever you would like.Now, let me give you a quick
tour of this websiteand show you what we will be building
today in this e-commerce tutorial.So, the first thing we’re going to do
is design our homepageand as you guys saw before we can add in
those really cool HD video backgroundsor we can just add a large image
that looks just like this.And, as you can see, I have these two
girls on my lining page and you know,it’s Friday, you know they’re ready to party.And, here we have our shop now button. You guys
can add as many buttons as you would like;you can change this to any color or any font that you
would like as well for your e-commerce website.And, below that, right here
we have our categories.So, here we have our Best Rated, we have our
Best Sellers, our Clearance and our New Arrivals.Now, this can be anything.So, for example, this can be something
like belts, shoes, pants, or tank topsand they would click on that button right there
it’ll take them directly to that product category.Now, scrolling down here
we have our products.Now, you guys can have as many
products as you would like.You can have as many products listed in row,
so I think this goes to like six products in a row.So, here I have four and
when I hover over it,it has that flip style to it and it also
has that really cool purple glowand it kind of intensifies the product and
people really want to click on it, right?Scrolling down here, we have this other section
which is like a split screen, modern style section.And, Victoria’s Secret does
the same exact thing right here.So, right here they have that really
cool, like split screen effect;we’re going to incorporate that into our website
and here you can add something like, 10% off.And then, right here you can link them
to that specific category of your sale.And, below that we have
our Instagram feed.Now, a really cool feature about
this Instagram feed is thatwhenever you upload a picture onto Instagram,
it will automatically show on your website.So, your feed will automatically show up
right here on your e-commerce website.And, of course, Victoria’s Secret does
the same exact thing right here.So, this is their Instagram and we’re doing the same
exact thing that Instagram does as well.And, of course, you can click on it, you can like it,
you can comment on it, all sorts of cool stuff.Going back down here, and also,
you can follow this person on Instagram.Now, lastly to finish this off
we have our footer section.So, right here we have our Subscribe To Our Newsletter;
so people will be able to come here,they will give you their email address and
they can subscribe to your mailing list.Maybe you provide something like
coupon codes or something like that.And, here we have our
social media icons;so, we have our Facebook, our YouTube,
Instagram and Pinterest.I know girls are very
active on Pinterest.So, if you are selling girl products, I know they
like that social media website; I see them on a lot.And, here I have our, you know, our Woo commerce products;
so, you guys can list your products right here.And also, we have our pages right here as well.
Now, going back up right here.Now, if you guys need a logo,
don’t worry about it.I will help you guys get a really cool and
beautiful logo just like this one right here.Now, I mentioned that this is a very
simple website to make, very easy.And, I bet you guys are
wondering how easy is it?Now, also before I talk about that,
this theme is fully mobile responsive.So, this is our website right here and
this is what it looks like on a tablet.This is what it looks
like on our phone.And, as you guys can see,
it is fully mobile responsive;so this will work on all of your devices
and that’s very important guys,because as of 2017 there are more mobile
users than there are desktop users.I mean, how many times do you check
your Facebook on your phone?Probably all the time, right?So, going back over here,
we have our page right here.So, let me show you how
this page builder works.So, let’s say I want to take this image
and I just want to drag it over hereand this section right here,
same thing.Now, of course, that doesn’t look
that good because you know,this is black and you
don’t want it to cover it.So, we can just go ahead and
move it right back over there.And, same thing with this section,
we’ll just go ahead and place it right below that.And, say that I want to change this
text to maybe, “All of our shirts off.”So, “All shirts and tank tops
50% off. And that’s it guys.The changes are live, so it’s really
easy now to make a website.It’s never been easier; it’s just ridiculous
what technology does today.And, scrolling down here, let’s say we have
these images and we want to move them.So, here I’m gonna take this image,
I’m gonna place it over here.And then, I’m gonna take this image and I’m
gonna put it right back over there, to put it there.And, that’s it. So, that’s how you make
changes and guys, these are live.So, all these changes I’m showing you; this is
live and that is how your website will look.So, it’s never been easier
now to make a website.So next, let’s go ahead and
look at our Shop pageand let me introduce you to our Shop page
and show you what it’s all about.So, this is our sexy Shop page and as you guys
can see right here we have our different products.Now, instead of having just your products,
you can have different product categories.But, I decided to list all my products
on this page right here.Now, you can add more
or fewer columns.So right here I have four columns
but you can do less or more.I’ll show you how to do
that in just a second.But, really quickly I want to show you
this cool, little sidebar right here.So, when people are shopping
on your website,they can go ahead and subscribe to your
emailing list and click on Subscribe.It’s an old school AOL address.Now, they’ll actually have to confirm that
so don’t worry about getting spam;they’ll have to go to their email address,
confirm it and they’ll be subscribed to your mailing list.Now, below that we have
our social media follow icons.So, right here we have our Facebook, our YouTube,
our Instagram and our Pinterest.Below that we have our top rated products and
you can change this to anything that you will like.So, right here maybe you want your on
sale products or your trending products.I’ll go over that, all that in this tutorial.
And, below that right here we have a search box.Let’s just say these people don’t know
where to find shirts; I know right.So, we’ll just type in, “Shirts.” So, I’ll type in,
“Shirts.” And, click on search.And, now all the products with
shirts will be listed right here;making it very easy for your users to find it.
Now, let’s go ahead and click on a product.So, I’m going to click on this
artsy shirt right here.So, this is exactly what your
product’s going to look like.So, right here we have a sale;
I’ll show you all about salesand how to incorporate like coupon
codes and all that really cool stuff.So, here we have an artsy shirt and it’s on sale for $50
and below that we have a description of the product.And of course, this is all
just dummy text, you know.But, you can add in whatever
you’d like right here.People can share it to all of their
social media websites.Now, I just added three, but there’s
up to like 20 you can add.So, I’ll go over more of that in this tutorial.And, right here people can select the number they
would like and they can simply add it to the cart.Now, if they hover over the image,
they can actually zoom into the productto really see your product
and learn all about it.And, right here they can go ahead
and look at the other imageand simply go through it
and look all around.Now, below that we have our
description of the product.So, maybe right here you can do something like,
you know, the weight of this product,it’s really good or just go
ahead and talk about it.And, below that we have reviews.
So, people can go ahead and review your products;they can go ahead
and say, “Cool product.”Give it a five star.Now, you can also moderate these reviews
so if you have some troll on your websiteand is just giving you one star
on all of your products.You know, don’t worry about it; you can
decide to approve or spam those reviews.Now, below that we have related
products and companies like Amazonand Victoria’s Secret
do the same exact thing.So, if you’re looking
at one product,maybe you want to start recommending different
products, right, to your customers.So, I'll go over all of that in this tutorial.So, this right here is a simple product
and this is ideal for something likeyou know, like plates or something
with no options.Now, if you need something with options,
there’s something called a variable productand I’ll cover all of that in this tutorial.So, here we have a shirt but maybe the shirt comes
in different sizes or it comes in different colors.So, here I have all these sizes.I’ll say, you know, I’m a medium
and I want a white one.So, now you see the image change
right here to a white medium.Or, we can do something like a white/black
and then of course, you can add in more images.Right here, I added, you know, the stock one.
But, you can add in different images.I’ll show you how to swap
and that really cool stuff.So, this right here is what
we call a variable productand I’ll cover a majority of the products
in this tutorial to make sure that you folks fully understand
everything about e-commerce.And, of course, the same
thing applies right here.We have what you may also like.
We have the sidebar right here.We have our, you know, related products
and all this really cool stuff right here.So, now that I’ve shown you guys a little about
simple products and variable products,let me show you how you can
actually edit your shop page.Guys, this stuff is really easy.So, this is the visual builder and this is what we use
to sort of like, you know, design our website.So, this is the setting right here
and all you need to do is just say;okay column number four maybe I want, I want only
three products to show up per column and that’s it.I’m going to click on save changes.
I’m going to exit this and click to save.So, now instead of four products per column,
only three are going to show up. There you go.So, now we have three that are showing up.
It’s really easy to use guys.It’s not technical, anybody can do this stuff,
it’s really simple to use.And, also a really, really cool feature that
I’ve add in this tutorial is free live chat.How about that? You guys have noticed right here,
on this bottom section, it says we’re online.Cool. I’m gonna go ahead and say, hey do you have
any coupon codes. “Do you have any coupon codes?”Alright, now I’m gonna go to my other
computer and I’m gonna say, okay cool,someone wrote a message to me
do you have any coupon codes.I’m gonna say, “Use Darrel50
for a coupon code.”And, go ahead and send it and there
you go, we have a response.So, I’ll show you how to use
live chat. It’s free.It’s really easy to use and you can literally
respond right on your computer.And, I’ll go ahead and say,
“Thank you.”And there you go. And, that is
how you use live chat.It’s really simple to use guys and
in this tutorial I will cover all that today.So, now that I’ve shown you the Shop page,
let’s go ahead and buy something.Let’s go ahead and give you a live
example of what it would look likewhen a customer wants to check
out on your website.Now, this is a live e-commerce website.
So, I’m gonna go ahead and buy something.I’m gonna go and buy, I’m gonna go
and buy this in-style shirt right here.Now, it’s $100, I’m going to add this
to the cart and view the cart.Now, right here you notice
we have a coupon code section.So, I’ll teach you all
about coupon codes.So, right now the product is $100
and with tax it’s $108.75.But, I have a special coupon code that
will save me 50% off the product.So, you can see the product goes from $100,
now we get a 50% off discount.So, I will introduce you to coupon codes
for your e-commerce website.Now, another really cool thing
about this tutorial is,I’m gonna show you how to get your tax automated
so you don’t have to deal with, you know,finding out what state excepts
a certain tax law or any of that stuff.All your taxes will be automated
and automatic.And, I’m really excited to show you that because
I haven’t really introduced that in my past tutorials.So, in this tutorial you will not have
to research different state taxes.Everything will be automatic.And also with this coupon code, you can
go ahead and put that on to your Facebook.You can advertise it on your Instagram to get people
to come to your store and purchase something.So, I’m gonna go to proceed to checkout and
we’re going to be going to the billing page.So, right here you’ll need
to enter your billing detailsand of course, the live chat is
always available for people.So, if they ever have problems or something
doesn’t work they can always go aheadand send you a quick little message and
you can help them out right away.So, right here I’ll put my first name,
my last name. Pasadena, California.We have our zip code, a phone
number, an email address.Now, for this tutorial guys, usually with other tutorials
I’ve seen people only recommend PayPal.But guys, that’s so old. You know,
if you go to Amazon, you know,they’re not gonna say you have to only
checkout with FirePay, right? Like, no.So, in this tutorial I’m gonna introduce
you to PayPal, but also a credit card.So, someone can come to your website,
put their credit card information inand buy something right away on your website
without having to be redirected to PayPal.So, right here I’m gonna go to,
“Use a New Payment Method.”Now, these right here
are stored credit cards.So, right here I’m gonna enter
my secret credit card numberand enter in this.Okay guys, this is in test mode.
So, anything I have will work.So, this is not a real credit card number.
So, right here I’m gonna go to, “Place Order.”So, now I’ve actually entered in my credit card number
and the product is processing and there you go.So, the order is received. The customer
will now receive an email with like a receiptand you will also receive
an email telling you,hey somebody bought something on your website
and they’ll give you all the information right here.So, I have our customer details, our billing
address and all this information right here.So, if you go to your email address, you’re going
to see something that looks like this right here.Now, you can fully customize this whatever you like.
So, this is a very ugly blue color of course.But, you can change
this to whatever you likeand you will receive this notification when
someone purchases something on your website.So, it’s a really automated process, it’s very
easy to use and it’s really an easy platform to use.So, going back over here. Now, I’ve shown you
guys the shop page and everything else.Now, I’m just gonna quickly show
you guys the rest of the website.So, this right here is like our hot
section and right here I have thisthis header section and
you can change the color.And, right here I have an image.
I added some text and scrolling down here.Now, you can have featured
products right hereso, maybe you have something
that you received, that’s brand new.You can put something like,
“Our brand new product.”You can talk about it and then right here you can
link that button to different parts of your website.And notice we have these really
cool glows around our website.You guys can change this to any color
or you don’t have to have it at all.You know, I just think it’s really a unique
feature that sort of grabs your attention.So, scrolling down here, same thing and then again,
we have another one right here.Now, scrolling down here you notice
we have this really cool parallax effect.I’m sure you guys heard about
the parallax effect wherethe image right there kind
of scrolls down with you.So, if I keep on scrolling, now you see her
eyes and right here is a call to action.Now, this is a very simple process all you
need to do is just add in a backgroundand then add in a really quick call to action
module and everything is done.It’s a very simple process. So, this button
can also link to anywhere on your website.So, next we have our Blog page. And, right here
we have a really cool, stylish blog page.So, right here we have like our image and I’ll show
you how to put in your images for your blog.And, if someone clicks on it,
they can see the image.They can read about your blog, you know,
maybe like the newest trends or like what your plans
are for the future.Or just, you know, talk about yourself and
people can go ahead right here and comment.“Cool blog post.” I’ll submit the comment and also people can,
you know, you have the option to moderate this.So, if you find out people are spamming
you with ads or something;don’t worry about it because you can
moderate the comments on your blog page.So, going back here. So, this is a really
cool, unique style blog post.So, I’ll show you guys how to incorporate
this on to your e-commerce website.And, lastly we have our contact section.
So, this is all a plug-in and it’s basically automatic.So, all you need to do is install something and
everything is automated where you will just go aheadand grab a template and it does
all the hard work for you.Now, you can do this like a first name,
last name, email address.You can add in like a phone number.
You can add in different text boxes right here.So, just for me, I added a first name,
last name and email address.And, if they have
questions right here,they can go ahead a put that in and if they send
this message it will go directly to my email box.Now, lastly I want to go ahead and point out
that I’m actually the highest rated instructoron Udemy.com for WordPress tutorials
and woo-commerce and e-commerce.So, you guys can watch this with confidence
knowing that you guys are learning from apremium instructor that
knows a lot about WordPress,that knows a lot about e-commerce
and woo-commerce.I like to be very though and
very up front in my tutorials.I don’t like to leave anything out so, when you watch this,
you can watch it with confidence knowing that,you know, you’re learning from a premium instructor
that really knows what he’s talking about.Now, I also want to go ahead and introduce
the theme that we’re going to be using.So, we’re going to be using the number
one rated theme on the planet.And, I bet you guys heard that
from a lot of different people.Like, “Oh, this is number one.”
“This is number one.”Well, Divi is actually the number one
installed WordPress theme in the world.So, they’ve actually monitored the amount
of themes installed by WordPressand divi came out as number one.And, it’s number one
for a lot of reasons guys.Divi’s actually a very high quality website and
you guys can actually try the divi theme for free.So, you guys can go ahead
and test out the page builder.You guys can see how it looks
before you decide purchase itand actually this company will
give you a 30-day money back.Now, if you guys watch other tutorials,
like e-commerce tutorialswhen you buy someone else’s theme,
you don’t get your money back.So that’s it; you buy it, you don’t like it,
you’re stuck with it.This company is a very
high quality companyand they will give you your money back
for any reason at all, within 30 days.So, you really have no risk, you know
and it has 400,000 people using it.And, another thing I want to point out is that
this theme has thousands of Facebook groupswith people joining, collaborating,
talking about itbecause it’s such a widely
used and popular theme.So, if you’re not using this theme, you’re using
something else that you found on YouTube,I strongly recommend to use divi
because it’s the number one theme.And this is actually an United States
based company;they’re actually based in San Francisco which
is like the most expensive place in the United States.I don’t know why they’re based there;
you know it’s kind of like man, that’s expensive.Like, the houses over there are millions
of dollars and they’re not even that big;they’re like tiny and
people are like crazy.Why would you pay so much money?
Anyways, but yeah,we’re going to be using this theme for our WordPress
theme because I want to use the best of the bestand don’t worry because this community has
so much behind it. You have tutorials every day;you have people helping each other.
It’s a great and live communityand I strongly recommend
after this tutorialto join some of these groups,
discuss itand go over, you know, all the things
you’ve learned in this tutorial.So, if you guys are ready to make an amazing
e-commerce website from scratch,let’s go ahead and do it.Alrighty everybody,
so I’m going to get out my notepadnotepad and we’re going to follow
these simple steps in order.So, the first thing we’re going to do
is get our hosting and our domainwhich is basically
your website dot com.After that, we’re going
to install WordPress,which is basically like the foundation
of our website.After that, we’re going
to install the divi theme.And, this is what we use
to design the website with.And, after that we’re going to create
our amazing e-commerce website.And lastly, hopefully,
you will make money.Now, there is a link in the description
of this video;it will take you to a website,
siteground.comcom where we’ll get our
hosting and domain.And, you’ll be routed to a page
that looks just like this.Now, why do I recommend Siteground?Well, I recently tested them against
nine other web hosting companies, guys.And, these guys came out number
one in every single category.They were the fastest,
the most reliableand they have the best up time.Along with that they offer a 30-day
money back guarantee,a free SSL and 24 hour
customer support.So, they are among some of the best
web hosting companies out there.So, when you get to this page,
go ahead and click on “Sign Up,” right here.Alright, so we have three plans.
Let me explain what these do.So, we have the StartUp,
we have the GrowBigand we have the GoGeek;
for geeks.So, this one right here
is just for one domain.So, if you just want one website
and one website only,the StartUp will be ideal for you.However, if you want multiple websites;you know, like yourwebsite.com
and another website,the GrowBig will be ideal for you.And, if you guys have been
around WordPress for a whileyou kind of want to try,
you know, the hostingand see how it is against
your current hosting,I recommend the GoGeek.
But, for those of you who are brand new,I kind of recommend the GrowBig.
The GrowBig is good.So, right here I go to, “Order Now.”Alright, so we’re going
to do a new domain.So, I’ll enter my famous one,
let’s see here, “ ILoveKyloren.”Hopefully, the new Star Wars is good.Comes out in a few…
comes out at the end of the year.They make us wait so long.So, once you’re here, go to “Proceed.”And, it’s still available. Wow!You know, I’ve been using that test
domain for about two years nowand no one’s taken it.
I hope nobody does.So, right here we have
this account information,go ahead and put in your
email and your password.And, right here on this next section,
you’re going to put in your client information:your first name, your last name,
your social security number… I’m just kidding.You’re not gonna put your social,
never give anybody that.And, below that we’re going to
put our payment information.So right here, put your credit card
number and all that stuff right here.And, scrolling down right here, I’m going
to talk to you guys a little bit aboutthe purchase information.So, the period I recommend is 12 months
because that will give you enough timeto determine if e-commerce is for youand you know if websites
and everything is for you.Below that we have the domain
privacy protection.Now, what this does,
it protects your personal informationfrom people who try to search
you or who is you.So, if you have this people will not be
able to see you information that you put.If you take it off, then if someone
tries to search youthey’ll see that your public information.Next is the site ground site scannerand guys I don’t recommend thisbecause a lot of the plug-ins with
Wordpress can do this for free.So you don’t really need to…
you don’t really need to have that.So, I don’t recommend the site scannerand once you’re done with thatyou can go ahead and read
their Terms of Service…yeah, yeah, yeah. Anyways, after that
you guys are going to go to “Pay Now,”and that will take you
to your customer portal.Now, I have an account with these guys,
so I’m gonna meet you on the next page.So, this is your customer portalso, it will take you
to this page right here.And you guys can go ahead and
kind of explore like the tabslike the, my account and the support
and all this other cool stuff.Remember guys, these guys
offer 24 hour customer supportsupport so if you guys ever have
a problem with your website,these guys will be more
than happy to fix any issuethat you guys have
with your website.You guys can, you know,
add services.You have like, a resource section, etcetera.
But, yeah.So, I’m gonna go to My Accountsand once you’re here,
you’re going to go to your C-paneland this is where we’re going
to install WordPress.So right here, go to C-panel
and go to “Proceed.”Alright, so we need to go
to this section right here.Now, we need to go to this little
icon right here that says WordPressand you’re going to install
Wordpress on to our domain.So, scrolling down here
I’m gonna go to “Install Now.”Now, right here you’re going
to see your domain.So, go ahead and pick the domain
name that you purchased.Now, right here make
sure to put nothing.Do not put anything there or elseit’s going to install your
website dash whateveryeah, make sure nothing
is here at the directoryand right here you can put
something like your site name.Like “My Cute Store,”“Learn all about my cute items”or electronics or whatever you want.But, you don’t have to put anything now;
you can always change this later.So, I’m going to leave
this standard for nowand right here is your admin username.I’m gonna put “pattywack,”
which is my dog.“Pattywack999.”And then, right here is my password
and don’t worry about your passwordbecause you can always come back
and change this later.Scrolling down here you can go
ahead and select your language.Someone commented on my last video
and I guess Chinese is the correct one,I thought it was Mandarin;
I thought they spoke Mandarinbut apparently it’s Chinese.But, you can go ahead and
select your language right hereAnd, if you just speak English
and I’m going to put English.Now, scrolling down here,
I’m going to “Install.”So now, it’s installing WordPress
on to our domain.And guys, if your domain and you
just bought it and it needs time to propagate,like it says “Waiting,” just give it time.It does take time to propagate
on the internet.If it takes a little bit longer,
you get impatient, just give them a call.Say, “Hey guys, you know I got the domain,
I want to install WordPress.”They can even do it for you, okay.
So, they’re a really helpful company.. So, right here we have this URLand all you need to do is
go ahead and click on it.And you’ll route to this page right here.Now, if you don’t go to this page,you go to like an empty portal,
don’t worry about it.Maybe it just takes time to propagate
but you should be brought right here.If you have any problems,
feel free to give them a phone callor live chat or email them.Alright, so let’s go ahead and
go back to our notepad right here.So, we got our hosting and domainso right here we put “done!”We installed WordPress…done!Pretty simple stuff guys,
it’s really easy.So, the next thing we’re
going to do is purchaseand install the divi theme.Now, before I take you guys
to elegantthemes.com,I actually want to show you my websitebecause my website is actually
designed by the divi theme.Now, this is my website,
darrelwilson.com.As you guys can see it’s really clean,
really modern style websiteand you know, I would never
recommend a product I didn’t useuse and I use the Divi
theme for my websitebecause it’s a very good WordPress theme.Now, there is a link in
the description of this videoand it will take you to a website
called elegantthemes.com,where we will purchase and installthe number one rated
theme in the world.So, I’m gonna go to elegantthemes.com.Now, if you guys use my linklink you guys will actually get
10 percent off the divi theme.Now, I bet you guys are wondering,
“Darrel, why is this theme so good?Why does everybody use it?
Why is it so famous?”Well, first off, these guys
will actually give youa 30-day money back guarantee;so, if you guys don’t like it for any reason,these guys will just gladly
give you your money back.Now, along with that, you guys get
a lot of premium plug-ins,you get theme updates and you get
premium WordPress support.Now, this along guys is worth
thousands of dollars.So, basically if you guys ever have
a problem with your websiteor something is not working
with your website,you can kind of buy with confidence
knowing that you have a team of developersdevelopers that will help you with
all of the issues with your website.So, once you’re here…now, if you’re brand new I would
recommend the yearly access,but later down the road
once you become a divi fanand you join the groups and you start
learning about the community;I would probably get the lifetime.
I have the lifetime.So, right here I go to “Sign up today.”Now, here you’re gonna put your username,put in your email, your password.You’re gonna go ahead
and fill out all this informationand once you’re done
with that you can,you know, read the Terms of Service.Yeah so, go through that
and then once you’re done with thatyou’re going to click on
“Complete Registration.”And, I have an account,
so I’ll meet you on the next page.Go ahead and log in.So, this is my member’s
area right hereand you can go to your account
and change all your settings right here.So, like you have your –
you know your billing informationand if you guys have problems or questions,
you guys can go to Supportand you can go ahead and
click on divi right here.And, like I said, you know,
all you need to do is ask a questionand say “Hey guys,
you know how can I do this…?”or “How can I improve that…?”And look at my tickets, you know,
I have a lot of questionsand these guys have
answered everything.So, it’s really cool knowing
that you have a team of peoplealways helping you with your website.So, we’re going to click on
“Downloads,” right here.And, this one right here with the D,we’re going to click on “Download.”And, this is the divi theme.So, we’re going to upload this
on to our WordPress websites.So, going back over here.I’m gonna go to “Appearance,”
and go to “Themes.”Now, right here,
I’m gonna go to “Add New,”and I’m gonna click on “Upload Theme.”Choose the file and simply
select the divi theme.So, I’m gonna go to “Open,”
and go to “Install Now.”So, we are installing the Divi theme.Alright, almost done… done.
That was really fast.You know, a lot of other hosting providers,
you guys it could take like two minutes,but SiteGround is actually pretty good.So, right here, just click on “Activate,”and congratulations we have
successfully activated the divi theme.So guys, that was all the technical stuff.hat was all the hard part,
everything elseis kind of like being creative
and kind of messing around.And, right here under “My Blog,”
you can click on “Visit Sites,”you guys can see your current siteand it doesn’t look anything
like mine or anybody else’s,but don’t worry we’re gonna
make it look amazing.So, let’s go ahead and go
to my little Pages right hereand we’re going to actually go right hereand say, alright we installed
divi theme – done!So, the last thing we need to do guysis simply create our amazing
e-commerce website.So, the first thing we need to do
is go ahead and create some pages.So, over here on the “Plus New” section,you can go to “Page,” right here.And, we’re going to be
creating pages for our websitesuch as like the Home Page,
the About Us page, etcetera.So, right here I’m gonna type in “Home”
and go ahead and publish this.I’m gonna click on “Add New” again,now I wanna do the “About Us,”and publish this.And lastly, we’ll do something like ourwe’ll do our “Contact Us,”and go to publish.Now, there is another way you can create pages;over here on the left side,
if you click on this right hereyou can go to “Add New.”
This is just another way to create Pages.So, right here I’ll just do something like,
“What’s Hot”and publish this.So, now that we’ve created those pageswe need to actually put that on the menu.So, over here under “Appearance,”we’re going to go to “Menu,” right here.And now, we’re going to create our first menu.So, right here I’m gonna give your menu a name;I’m gonna do “Menu 1” like always.Go to “Create Menu.”ow, right here you’re going to see “Pages,”just simply click on “View All”
and just select the pages.So, you have the Home, etcetera.Now, there’s two homepages.Now, this one right here is a custom link.So, you need to make sure
the page is actually selected.So, right here you see I have
“Home” and it says “Page.”So, the custom link, we don’t need anymore.This is what comes standard with WordPress
and we don’t want that.So, right here we have
the Home, the About Us,the Contact Us and the What’s Hot.Now, you can actually put this
in any order that you want.Now, if you want a drop down menuall you need to do is take this page
and drag it under it.Now, if I hover over this on the websiteabout us will be like a little dropdown menu.But, for now, I’m just gonna leave it like this,make this a Primary Menu
and click on “Save Menu.”So, we can go back to our website
right here under “Visit Sites.Now, you can see we have our menu.Don’t worry, we’ll customize it;
we’ll change the colors.here’s a lot to talk about but for now
just go ahead and leave it like that.Now, another thing I want to do
is make our home page,our actual home page so,
to do thatwe’re going to go down to –
here over this section,we’re going to go to “Theme Customizer.”Now, right here on
the static front page sectionsection all you need to do is click on thisand click on a “Static page”and set your front page as your home page.And, once you’re done,
click on “Save and publish.”Now, there’s a lot of options over here,but don’t worry we’ll come back
to this a little later.In fact, you won’t use a lot of this;maybe just for your logo and menubut right now, we’re not going to
mess with these settings.So, right here I’ll click on X.Now, we are ready to design our website.So, right here on the top,
this is the Visual Builder.So, this is what we’re going to
be using majority of the timeto basically create our website.So, if we go ahead and click on thisand you’ll notice that
we have this block right here.So, if you want to go ahead
and add somethingall you need to do
is click on this little plus iconand you’re going to see like all these modulesso these are basically different things.
You can add like a button,a comment, a call to action.Right here we have an email opt in,
a contact form, a gallery.There’s all sorts of really cool modules
that you can add.But right now, all we’re going to add
is a “call to action.”So, right here we’re going
to add a “call to action,”and we’re going to give it a title right here.So, I’m going to do something like
– you know, actually before that -so, right here we have this little green box.This green box controls this section;the blue box controls this section.So, all we’re going to do is okay,
you know what,I’m gonna take this
little icon structure right hereand we’re going to click on two.So, now we have one section on the right
and one section on the left.So, right here, I’m going to simply click on thisand we’re just gonna do something like,
you know,“All Shirts 50% off,”and in the “Button URL”,right now we’re just gonna
put a little number sign there.Don’t worry we’re actually going to
link that to our shop page just a little later.Now, right here we have “Button Text.”
So, what do you want your button to say?So, I’m going to put something like
– ops, I spelt that wrong.I’ll put something like
– so what should we put?“Shop Now.”Alright, and right here
we have a background color;now I do not want a background colorso, I’m going to take that off.Now, right here under the text color,
I’m gonna put “dark,”so we can actually see it.Now, scrolling down here,
we have “Text Orientation.”So, you can choose to have this on the left side,you can have it on the right side,you can have it you know, center,
justified – however you want.I’m gonna leave this centered for nowand if you scroll down right here
you can add in more content likelet’s see right here, we can put something like“The shirts are made with cotton.”And, you can add in all sorts of cool stuff here.You can put in more text, etcetera.You can add in an image right here,but we’re not going to do that just yet.Now, scrolling down right here,this right here, don’t worry about this,
we’ll talk about that a little bit later.And now for the design.
So, let’s sayyou want to go ahead
and decorate this right here.So, we have this header font.
So, this right here is the current header fontand this is the body font.So, you can actually change
the header fonts to whatever you’d like.You can make it bold. You can italicize it.
So, you can make it all caps.And guys, majority of these settings
are for all of the modules.So, once you learn this setting for one module,you basically learn it for all of the modules.So, it’s not like hard. All you need to do
is just understand oneand it applies to all of them.So, right here, we have the header font sizeand we can change that; make it bigger.We can make it smaller.But, I’ll use something like 40 pixelsAnd right here, the header text color,
you can decideto change the color to whatever you’d like,depending on your store.So, I’ll do something like…
I’m gonna do blackIt’s kinda too black. Let’s do
a little faded a little bit.Now the header letter spacing -so, if you want a little space in between
the letters, you can go ahead and do that.I think Nike does that a lot, yeah?
Maybe they do.So, yeah, if you want spacing,
you can go ahead and do it like that.Now also, the header line height -so, if you want more space right here
in between the height;you can go ahead and increase thator you can go ahead and leave it as standard.And, if you want to go back
to the original settings,all you need to do is click on this little
icon right there and it’ll take you back.Now, body font – so, this right here
is applying to this section.So, same thing like this, guys.
All you need to do is,okay, I want this font.. I want to make it a little bigger.I want the text, maybe like a blackand you can do the same thing
like letter spacing for thisand the body line height.And, for the background image,
we don’t want to add an image right herebecause we’re actually going to
apply it to the entire section;so, we’re not going to use a background image.You can put a little boarder around it.So, for example, right here, we can have this
little cool boarder around it if you’d like,but I’m not going to the boarder.
But, it’s just for, you know, if you want it.And, the margins settings and the padding,we’ll talk about that in just a little bit.
Okay.so right here, we have“Use Custom Styles for Buttons.”So, this button does not really work well.It doesn’t look that good.
I mean, it’s blue.We really don’t want that color.So, right here, click on thisand this is what you use
to design the button with.So, right here we have the button text size.So, how big do you want this text right here?So, I’m going to do something like,
you know, 21.You know, that’s actually already big –
that’s actually a good size.Now, the text color – so, what text color
do you want the text to be?So, right here, I’ll do something like black.
Okay?So, now we have the button background color.So, right here, we have
a white background right now,but if we want to change that,you can do something like red,
or orange, or yellow, or green.But, I think is looks actually
pretty good with white.Scrolling down here, we have
the button boarder width.So, you can choose to have a bigger boarder.You can see now the boarder is getting bigger.But you know, I gotta be honest,
I think it’s pretty good, you know?That is a really ugly button, but you know,I’ll leave it as a three – no,
two’s good – two’s good.Now, the button boarder color,you can decide to change
just the color of the boarder.So, for example, I’ll put red and
only the boarder is changed.But, I kinda like the black right there.Now, the boarder radius – so, what this does,we have a square right now, but if we want to
kind of round it or something like thatall you need to do is mess with it like thisand now you see that it has
this circular motion to it.Now, we have the button letter spacing as well.Same thing right there. We can change
the button letter spacing in the button.And now, we can actually scroll down
to the actual button.So, now we can change the actual button font.So, right here, I’ll put Able.Now, you can give it an icon -so, right now, we have
that little arrow right there,but if you want an icon – like a different one;you can like click on another one.Now, you see it’s a plus sign and there’s
all sorts of icons you can change it to.Now, you don’t have to have the icons.So, right here, I can say “No.”I don’t want a button,
so there is no button.Now, scrolling down hereso, the same settings that we did earlier,these are applied to only
when you hover over it.So, for example, right here we have
the hover background colorSo, I’m going to change it to red.Now, only when I hover over the button,then it’ll turn red.So, now you can see – red.Red. Red.So, the same thing for the text color.So, for example,
if you want this to be a blue.So, if I hover over it,
then it’ll be blue and red.So, we have the blue font
and we have the red background.Now, you can go through these settings
and try to mess withbecause this is all just for
hovering over the button.Now, a good combination
is when you actually have the -if you change your button on one,
you should change it on both.So, the hover boarder radius – you might
want to leave those the same for bothbecause you don’t want it to be squared
and then when they hover over it its circle.You know, I think you
should keep it consistentand you know these are basically
self-explanatory.So, I’m gonna go ahead
and leave these clear and that’s it.So, let’s go ahead now and do something else.Now, over here I’m gonna add an image.So, there is a drop box guys,
in the video of this descriptionand it’ll give you access to a bunch of imagesimages that you guys
can use for this tutorial.So, right here,
I’m going to go to “Add New Image,”and I’m gonna scroll downand I’m going to find “Image.”“Image.”
“Upload.”And, I’ll go ahead and select those imagesin the folder in the drop boxand right here I’m going to
click on “Select Files.”Go to Desktopand I’m going to go down to
“Darrel’s e-commerce tutorial”and I’m going to go ahead and
just upload all of these pic – pictures.So, this is gonna take a little bit of time.So, I’m gonna go ahead and
pause the video really quicklyand also remember that all these images arein the description of this video;
they’re all for free.They’re in my drop box and don’t worryI will give you guys a lot of good resourcesto go get some nice premium images.Alright guys, welcome back.
So, the images uploaded.Now, I’m going to select and image right here.So, I’m going to select this one right hereand go to “Upload An Image.”Now, you can see the image is right here.Now, let’s say I want to
go ahead and move this -I don’t want it on this side,so I’m gonna take this little icon right here,I’m going to hold it and I’m going to drag it.You see the little gray bar right there?So, if I let it go, that’s where the image
is actually going to show upNow, really quickly,
if I click on this gear icon,we have different animations for this.So, right here, scrolling down
you have the animation.Now, right here it says
we can have it right to left.We can have it top to bottom.We can have it, you know, bottom to top.
We can have it fade in.Now, we can also change the image alignment,but for this module right here we cannot
because as you guys can see,we have these two columns right here.
So, it’s sort of blocking it you know.So, right now, it’s just going to stay there.. I really don’t want to talk
more about that, don’t worry.And, right here we have these
other options like you know,you can move the space below the image
but right now we’re not going to use that.But, if you want you can click “Yes.”You can see the space gets deleted.Right here if I go to –
leave that as centered -so, you guys can choose
to have this or not.You know, I go and put “Yes.”
Why not?And, over here in the Designyou can change a lot of the settings for thisand not to worry guys, we’ll talk
more about this in the next sectionso, don’t worry about these settings.
So, here I click on check.Now, let’s go ahead and add in
a background image to this.So, we have this nice lining page,
but we have no background.So, right here at this gear icon,
I’m gonna click on this.I’m gonna go to upload. So, right here
it says “Background Image.”I’m gonna go to “Upload”and just select one of
these images right hereand click on “Upload an Image.”Now, you guys can actually
have a transparent coloror you know, your own background color.So, if you don’t want an image you can
simply do something like this right herewhere you can just have like a color like thator you can have it transparentand also right here you can add a video.So, right here I can click on “Upload”
and I’ll select this videoand don’t worry guys, I’ll show you
where to get videos right now.So, there is a website called Videvo.net.So, it’s vide – videvoI think it’s videvo.net
or something like that.Like me see here, it’s videvas.Let’s see – there we go, videvo.net.
Yeah, videvo.net.Now, right here you can
click on the Footage section,and they have all sorts of videos right
here that you can download for free,so that's if you want
a video background,You guys can sort of go through
these and check them out.Now, if you want like really nice images,
you can go to unsplash.com.Unsplash.com is a very well
known and respected site andthey give like really nice images you
guys can see, it's a beautiful pictureand you guys can go ahead
and just go through these.Now, if you want like a category,
let's say you're looking for something,so just to do something like, you know,
night sky or something like that,there you go. So, now we have the night sky
and we have all these pictures of the night sky.Okay? So, you guys can go
ahead and go through these.But for now, I'm just going to go ahead
and go back to my stock right here.And I'm going to go ahead and just
use this background image instead.And upload an imageSo you guys, you know,
finding an image will take time,you know, these things aren't easy.
I know I make it look easy, but trust me,the landing page is the most
important part of your website.This gives people maybe two
to three seconds to determineif they're going to shop
on your website.So, having a beautiful
landing page is crucial.So, we have this image right
here and this call to action,but you guys can see, the girl's kind of
blocking it, it doesn't really look good,So we can actually just go
ahead and just move this.Right here, I'm going to go ahead
and move this back over here.And take this module and
move it right under here.Now, let's say for example you just want
to duplicate this entire row or section.So, right here under this little duplicate
row icon you can click on thatand that will simply duplicate everything
that you've done in that little box.So, this will save us a ton of time in the future,
so if you like a pattern style website,the duplicate row would be
your best friend.But right now, I'm going
to click on delete row,now we can also duplicate
this entire section.So, we can actually duplicate
it just like that,but you know, that's just for [inaudible]
purposes. I'm not going to do that.So, I've showed you guys
how to do this landing page,and also, one more thing, now you
see where my mouse is right here?You can actually extend this like that,
or we can do this on the top as well,and kind of like put it
wherever you'd like.You can go ahead and do that.Now, this applies to all the models,
even the green section,so we can move the green section
down, or the green section up.So, you can go ahead and determine
where you want your picture,or how far you it to extend.
So, the next section right here,I'm going to click on this plus icon
and we are going to actually createthis section right here. So, it's really
simple this plus icon, click on itNow we want a regular section,now you see we have all these
different types of rowsSo, I just want the four-row
column right here,So I'm going to click on this right here.And now you see that we have these,
I'm going to close thisWe have these four little rows
right here, all right?So, I'm going to click on one, and we
can add in any module that we want,however, I'm just going to add in
the image module right now.I'm going to upload an image right here.And I'm just going to select one of these girls.So, I have one image there, all right?Now, I'm going to do the same
for these next three right here.And this is good, because it's creating
that category for our visitors,because we want to sort of direct
them on where to go.So, right here, I'm going to go to image,
upload an image,choose this girl, same thing right here.Now, I know it looks different
than the other section,and I'm going to show you how
I did that right now.So, this girl and then, right here I'm going
to add in a picture of this other one.All right? So, I have these
four girls right here,but you know, right here you can see
they're bigger, they're stretched outand it looks pretty different.So, right here under this icon right here,
we can control this row,So maybe I want to extend this row.So, right here, under the row settings, right here
I can say I want to make this row full width,So now this row is bigger, so you guys can
see the images are getting a little bit bigger.Now, we can also do something like, oops,a change the gutter width, so right here,
I'm going to click on yes.Now, right here, if I go to 2, the images
are going to actually get closer,so what that does is it's reducing
the amount of space right here.You see this white space right here?If I keep doing that, it's just going
to delete all of that white space,and now we just have the images
right here, all clumped together.Now, this is actually really
modern style look, too,but that's just not what I want
to achieve right here,I don't want to do this right here.So, I'm just going to go ahead and leave it
at maybe something like 2,I think this right here is something
good for us.So, now you guys can see it has that cool,
little like one, two, three, four.Now, we need to add like a title below, so there's
a lot of different ways we can do this,we can add a text module,
we can add in like a call to action.So, I'm gonna click on plus two module
and I'm gonna add in a call to action.So right here, I'm find the call to action,
so right here I'll do something like pants.Okay? So pants.And the butts in URL,
don't worry about it,we will be making our shop page
and produce in just a little bit,but I want to sort of get you guys
comfortable with this page builder.So, right here, butt's in text, so what
do you want the butts in text to say?I'm gonna put shop now. Now, we can
use the background color this time,I actually do want it, but I don't want
that color, that's a really ugly,like tacky color, it's like the old aunt's color,
you know, on like your aunt comes over?That's like the color she wears, you know?
But right here under the background color,I'm gonna select black and do
something like a grey, like that.Now, guys, one more thing, you really want
to keep your colors consistent on your website.So, if you're going for like a scheme
of like red and blue, or white and black,you want to sort of keep that
consistent on your entire website.You guys can see right here,
I have this grey color,and I've kept those colors consistent
throughout the entire website,because if you have a website
with the bunch of different colors,it's going to show, it's going to look clashy,
it's going to look really tacky.And people are just gonna say, “
This site sucks, I'm gonna leave.”That's really how people are. So, you have to make
sure the site is appeasing to the human eye,because that's truly what makes
them stay and buy items.So I'm going to do this
color from now on.Four nine, four nine, four nine, okay?So, right here scrolling down, we just,
you know, change these settings,You can add in more stuff
like all pants 50% off.Now, you might want to capitalize that,And also a good strategy is to capitalize
the beginning of every letter,That's what everybody does, I know that in English
world that does not make any sense,But in the online world and the e-commerce
world it makes total sense.So, right here we have
all pants off 50% off.Now, the same thing for the design,
just like we did up here, with this module,we can do the same
thing right here, okay?So, it's the same, exact settings and these
are generally the same for everything else.So, for the text module for everything else,So right here we can change it to ableAnd I'm gonna go ahead and just
mess with these things a little bit.We can go ahead and decorate this.Okay, that's enough, that is enough.So, right here, under the customs
sales for butts in,I want it round, I don't like this,
the square is not working for me.We're not doing that today, so here
we have the button border width,we can change that, but I'm going to go ahead
and just change the butts and border radius.And also the hover over radius, okay?All righty.So, basically, you know, you can
design this however you want it.But I'm just gonna go ahead
and leave that right now.Now, what I want to do is actually
move this section up,because you guys saw right here,You know, i have these things up
and it kind of looks good, you know?It kind of cuts them off, it looks good and
also don't worry about these glows,we will talk more about these glows
a little bit later in the tutorial.So, right here, I'm gonna click on this
gear icon, and go to design.Now, we're gonna scroll down,
scroll down.Now, I'm gonna talk to you guys about
the custom margin and the custom padding,So what is custom margin?
What is custom padding? Okay.So right here we have this top margin,
now, let's say I want 100 pixels.So, right here, I'm creating
100 pixel margin right there.Okay? So, it's starting from 100 pixels.Now, let's say I want to do
that for the bottom.So now right now, it's basically creating
100 pixels of space right here, okay?I know that seems a little strange,
you're like okay, I kinda get it.But we can actually go negative.
So, right now I can say, you know what?I want to do negative 50 pixels.50 pixels.So what that's doing, if you can,
if you think about it, it's pushing it up,So instead of going, instead of creating
space, now we're removing space.So right here I'm gonna say you know what?
I want minus 100 pixels.All right?So you can see right now that's,
we've achieved that look, so basically,I took this box and I moved it up, okay?Now, one more thing I want
to talk about is padding.So padding is space, that's it.So, right here you see padding, you can
do something like you know zero pixels,So right here there is
no more space, it's gone.Now, you can go through all this,
but this is a bad situation to use padding,There are some much better situations
to use padding, so for thisSection I'm not going to talk about
padding, but just the margin.So right here I want minus 100 and this is
a really good trick for a lot of other modules.Right here, I'm gonna click on check.So, we have this.Now, I'm lazy, I'm very lazy and I don't want
to have to do that all over again,So all's I'm going to do is click on this duplicate
row and simply drag this on every single one.Do this.Do this, and do this.Now, one thing I want to point out,
that if these boxes fade in your website,or if something happens that's
kind of strange, don't worry,I have a solution to fix that, I ran into it actually
I don't know why, but for strange reason,Sometimes these boxes were fading.When I made this site live,
so don't worry about it,I have a solution for it, okay?But anyways, if it doesn't happen to you,
cool, you don't got to worry about it.So, right here we have pants and right here
you can change it to something like a shirt.Can do like shirts.Now, also I want to point out that if you
start to like mess with the text right here,they give you these cool options.So, right here you can just
like put bold italicize,These are like shortcuts in a way,
they're just there to help you out.So, oops.So right here, if I click on it, you can see that
we can change all of these settings,So I want them underlined,
I click on underlined, etcetera.It's very simple to use and if you want
to change the fonts of the color,This is where you can do it as well. Okay?So, have you guys understood this section?So, again, you know, if you want these images
even closer, remember the gear icon?You can reduce the gutter width, so now
there's no space at all. You see that?Okay, so I'm just hoping that you
guys understand the logic here.So, the next thing I want
to do is move down,And we can create this space right here,
this section right here.All right? So, I'm going to click on
this little blue button right here.Go to regular, now I just need this
section right here, that's it,I don't want anything else because
we're not you know using this,we're just creating a little headline.Now, you guys can use a text
module, or a call to action.I favor the call to actions, but right now
we're gonna use the text module,'cause we've already used the call
to action module a few times.And I kind of want to get you comfortable
with the other modules.So, right here, text module.And it's extremely straightforward.So, I want to center this. And you guys can
see right here, we have our new arrivals.Our new arrivals.And that's basically it, you know,
so we can you know,Change it to whatever we want.Now, let's say we wanted to
go ahead and change the text.So, right here under design we can
go to our text font right hereAnd we can change this to able.
And you can make it look however you want it.So, we can go ahead and decorate this again.I'll just go ahead and put it black. Oops.So, black. And yeah, we'll just
leave it like that, you know?That's good, we're good. So,
now I want to add that little line.So, how do I add that line? So,
that's what we call is a divider module.So, right here, I'm click on this little plus icon,
and we are going to add in a divider module.And right here, under the color,
I want to select black and I want it to show,So visibility, I want it to show.Now, the purpose
of this module guys is,it's actually to it actually creates
space so if I go over here,and I click on it, I'm going to go ahead
and click on it. It's kind of hard to grab,There it is,So right here under the height.We do something like 500 pixels.So it's very similar to padding,
except it just basically creates space.So, we can go ahead and
leave it like this right now.And if you want it really,
really small, don't worry,I will talk about that more towards the later
in the tutorial, when we talk about CSS.So, I have this line right here, now maybe
I want to go ahead and add something likeYou know, a little tagline, below that.So, it's pretty simple, you just
click on this little plus icon,and we'll go ahead and select
the text module again.And I'm going to centre this,
and paste it.Now, this can also work right here, too.You know this line actually
looks kind of good,Long, or you can have it shorter, but later
on I'll show you how you can make it shorter.So, we have this section right here,
but this divider module,it actually is creating a lot of space and
I don't want that much space right there.So, you see where it says heights? 50 pixels,I'm just gonna put zero. Zero pixels,
oh, I don't know, that's a little too close.So, maybe like 10 pixels, or five, let's do five.
I'm so indecisive, it's terrible, all right?So, now we can actually go
ahead and click on this as well.And maybe we want to go ahead and say,
you know I want this full width, or you know,I want it you know just regular,
or you can change the padding,So the same thing we did right here?You can do the same,
exact thing right here.Now, right here under the design we can
choose to have like a border around it,so you want to go ahead and add a border,
you're more than welcome to.But later on, I'm going to show
you how to get this box around it,there's a special CSS that you need,but we will talk more about the CSS
features a little bit later,after the tutorial you get
much more comfortable,with the page builder itself.So CSS is basically like custom
modifications, but don't worry,I will show you how to do that.So, the next section, we have products,
but we have no products yet, we have nothing.So, let's go ahead now
and create some products.So, right here I'm going to click on
this icon right here and go to save.And we're basically saving our progress,
and the great part about this page builder,is that it will automatically create
back ups for us, it's simply amazing.So, let's say for example, one day
your [inaudible] just turns offand you're like “Oh my gosh,
my site's gone”.No, they will actually, they have
like a automatic like,it's like half an hour back up,
something like that.I'm not really sure how often they do it.So, right here, I'm going to go
to plug ins, dashboard.And now we're actually
going to go to plug ins.And go to add new.So, guys, plug ins,
so what are plug ins?Think of plug ins like apps
for your smart phone,just like these have like a special
thing you can give to your website,like you know when you have your iPhone
there's like an app for this, and app for that?This is the same, exact concept, so it's basically
just added features for your website.So, one feature we want is the ability
to sell online, right?So we need to go over here
and type in woo commerce.Now, this is a plug in, and basically
you can think of it like an app,that will basically allow you
to sell on your website.So, it is probably the most… no, it is the most
popular platform right now for selling.So, right now, click on install now.And click on activate.All right? So, welcome to the world
of WooCommerce.Okay, so let's go ahead and go through this,
we're going to go to let's go.Now, it's going to automatically
create these pages for us,so it's going to create the shop page,
the cards, the check out and the my accounts.We want it to create these pages,and I'm going to show you how you can
actually create your own shop page,and not the one by default.
'Cause by default,it gives you kind of a very limited shop
page and you can't really design it.Don't worry about it, we are going
to design our own shop page.So right here I'm going
to click on continue.Now go ahead and select
where you're from,so I'm from California.And I want it in dollar,so what units should be used
for product weighs?So pounds, grams, ounces,
and what dimensions,you can go ahead and
select what you want.But I'm just gonna leave it
on inches for now.Go to continue.Now, will you be shipping products? Yes.Will you be charging sales tax?This is up to you,
so all this is up to you,but right now, well we can talk
about that a little later,I'm just going to click on continue.Now, payments, so I recommend
stripe and I also recommend PayPal.Now, the stripe luckily for us,
that we are using site ground,and site ground will give us a free SSL,
and that's what we need to use stripe.Now, other hosting providers
some of them don't offer it,so we're very lucky that we have it.But right now, I'm just going
to click on PayPal Standardand we will actually use
Stripe a little bit later.So, go ahead and put your
PayPal email address,and what this does is that it will link
your PayPal email address to your store,so if someone comes and
they buy something,all that money will go right
to your PayPal account, okay?So, I'll do something likeall right. And I'm going to go
ahead and go to continue.All right? So, you guys ready?
Ready to create the first product?Let's do it. So, right here,
let's create our first product.All right, so give your product a name.And you know, really quickly, they're gonna
have these annoying pop ups,now if you're brand new,
you should read these,but you know, I don't read these,
because I… yeah, I know what to do.So, right here product name,
so what is your product name?So, whatever you're selling,
give it a name.So right now I'm gonna put something
like woman's t-shirt.Now, this section right here, I
'm gonna go right to my demo store,I'm going to show you exactly
where these will be.So, this bottom description right here,
you can see this right here, on the bottom.This section is the section,
so whatever you put right here,it's going to show up right here
on the bottom on this description.I know they should have
reversed that, you know?They should have this section up there,
but you know, they don't.So, they have this section
down there, okay?Now, scrolling down here, I'm going to keep
dismissing these they have them everywhere,it's like, okay, we get it, we get it.
It's so annoying, it's like those pop ups.Now, right here, we have product data.So we have a simple product, we have a group
product, affiliate and variable products.Now, I have tutorials
where I do all these,but this tutorial we're going
to do simple and variable.Now, if you guys need help
with WooCommerce,after this tutorial I have a link
in the description of this video,it will take you to my WooCommerce tutorialit's the number one rated tutorial
on YouTube and Udemy,so you can be confident that you'll
learn all about it and more.So, right here, we have simple product,so I'm going to go ahead
and give this a regular price.So, it's $100, it's $100.
Now, is that on sale?Well, if you want it on sale, you can put
$50 now you can even schedule that sale,so right here, I'm going to say, okay,this shirt is on sale between the dates
of the 20th and the 30th only.So, after the 30th this will go back
to the regular price, of $100.Now, inventory. Do you
have SKU numbers?You guys are doing those SKU
number things in the retail store?This is where you'd put them in,
if not, don't worry about it.Right here, are you in stock?
Or are you out of stock?So, obviously I'm gonna
put it in stock, right?Shipping, if you have the dimensions of your
product you can go ahead and put that in,if not, don't worry about it,
it's not a big deal,we will come back to that
a little bit later.Linked products? Now,
upsales and cross sales,we'll talk more about this a little bit later,
when we have more images,but upsales, now also you guys can also
go over these little icons right here,and these are kind of all over WooCommerce,
to help give you ideas.So, upsales are products which you recommend
instead of the currently viewed product.So, someone is viewing this product,we can you know recommend
different products to them,while they're viewing this product.And cross sales which
I do not recommend,are actually when they're actually
going to the cart.And I'll talk more about why I do not
recommend cross sells. Okay?Now, tributes, these are all for…
what's it called?Variable products, so we do not
need to worry about that right now,for simple products and advanced.So, if they purchase it, do you want
to give them a purchase note?Do you want to tell them something like,
“Hey, thank you so much”or “We love you,
we love your business”or whatever you want,
so you can put it right there.So, next we have the product
short description,so this right here is important, because
that will show up right here. Okay?So, I'm just going to copy this and just
simply place this right here. All right?So remember, this right here
is pretty important,because this is going to show up
right next to your product.And that text can determine if they're
going to buy it or not. You know?It really will, so you want to make
sure it's convincing,it's good stuff, you've got
to make sure it's good.Now, product image, so we want to select
a product image for this, right?So, I have woman's t-shirt.So, I'm going to select the product image,
which one should we add?Which one?I'm feeling lucky today,
which one's the cutest?I don't know.I'm going to put this one.Okay, I'm wasting way too much time,
I'm going to put this one, right here. All right?Now, the product gallery, so this
right here is the product gallery,so these are the extra pictures,
so I'm going to add product imageand simply select the other
one right here.So, it's basically just different
angles of the product.Now product tags? I'm going
to put something like shirts,that's if like someone searches
for it, or you know,it'll actually recommend also similar
product tags, so keep the tags consistent.Now, product category, so guys,
these are very important,and if you are, you know, making
a store, I make these mandatory.You have to have them, because this
is the only way you can organize your stuff.So, right here I'm gonna
put like fancy shirts.Fancy, oh, whoops, fancy shirts,
it's kind of hard to type,because I have the mike
in front of me, you know?So, fancy shirts, all right?So, this is now a member of fancy shirts
and it looks like we're all ready to go.So, we have our category, our tags, we have
an image, we've talked about this, right here.I'm going to go ahead
and publish this.All right, so woman's t-shirt,
so do you want to view this product?If so, right here on the top
just click on view product.And there you go, we have our product,
so you can see woman's t-shirt,we have all of this stuff right here,
and we have the categories,we have the shirt and everything
looks pretty good.Right, now one thing you've noticed,
that this page is in French, what? Really?They think this is French? It's not French.
It's just dummy text, so anyways,one thing you've noticed
on the top right here,we don't have the like the shop
page or the my account,and that's just because we have
not added it to the menu yet.But we have actually seen the little
cart now, the cart's come up.So, let's go ahead now and add all that
stuff to our menu, before we forget.So, going back over here to dashboard.I'm going to now do appearance,
and go to menus.So right here we go to view all,now I want to add the cart,
the my account, the shop,we can add the checkout,
but I don't recommend that.But we can actually make that
a drop down menu, we'll do that.All right, so we have all these added right here,
so I'm going to put the shop right here,and the my account,
and then the carts,and now the checkout, I'll make it
a drop down menu, like that.So, if they hover over cart, then
they will see checkout, okay?And I'll give you an example
of that in just a little bit.So, we can go to our site right now.So, now you guys can see on the top
right here, we have the about us,the shop, my account and
then if I hover over cart,you're going to see checkout appear,
so that is the drop down menu.Now, really quickly I want to go aheadand point out that if this
happens to you right here,don't worry about it, all you need
to do is go to enable visual builder.Okay? And scroll down right here,
so imply click on this little gear icon,and we're going to enter some CSS to
make sure that this works properly,so right here, so under the main elements
all you need to do is type in position,colon, space, relative and then this
other one, the semi colon right there.nd then, just click on check
and just do that for all of them.So CSS, main elements, paste it,
so position, and then the relative semi colon,colon I'm going to do this for every
single one in the main element.And this, basically, guys,it just makes sure that this section
will appear before this image.So, it is a little complicated
for this to appear,but it's still in the less
it's an easy fix.So right here I'm going to click
on this little icon and go to save.Now, that is only for like the margins,
that's basically when you start clashing stuff,so that was probably the most advanced
thing you're going to see in this tutorial,so don't worry about it, so we
can go to exit visual builder.Now, we can go ahead and view it,
and there you go, it all works just fine.So, below this section we want
to go and add some products,so we added one product, now how
do I add my products there?So, I'm going to go to enable visual builderand just like these other ones have modules
the image module, the call to action module,we're going to add
the shop module.So, clicking oh, we can do it like
this, this little plus icon.Click on this right here, and then
we're going to select the shop module.And you can use this shop module
on any part of your website.So we only have one product, so that's it,
only one product's going to show up.So, if you want to add in more,
you can go ahead and do that,so I'm going to click on this check icon,
click on this, and go to save.Now, let's just go ahead
and just do another one.Let's just do another simple product,just to make sure that you're comfortable
with it and you understand how it works.Now, we can also go over here
to plus new, and go to product,so this is like a shortcut menu, to do like
pages or posts, or whatever you want.So, I'm going to do product.And let's make another product,
so I'm going to do black shirt.And over here, I'm just going to
simply copy this, paste this right here.Now, we'll do one more simple product,
and then we will do a variable product next.So, it is a little bit more, but yeah,
it's still pretty easy.So right here, we're going to do
something like you know $150,the inventory so is this in stock? Yes.Now, one more thing I want to point out,
that if you want to enable stock,this will actually show people
how many you have left.So I'll do something like
ten right now. Okay?So, I'll put ten, now shipping,
same thing right here,just like before, attributes, we will do this
just a little bit later in the tutorial, not now.I'm going to go ahead and paste this.Set up product image, so we
will set this one right here.And we'll go ahead and
add in this right here.Okay?All right. So, here I'll do
something like shirt.And then I'm going to add it
to fancy shirts.All right. Now, I'm going to make one more,
just so I have three of each category?So, you don't have to follow me here,I'm just going to do this just to help you
visualize and understand how this works.We'll do white shirt. White shirt,
I'll go ahead and paste this right here.Everything is on sale today.Right here, I'll go ahead and
select a product image,I'll just select a white shirt right here,
then add this as a product gallery.Now, a little bit later into this tutorial,
I'll introduce you guys to variable images,and I'll talk about products and I'll talk
more about Woo Commerce settings.But we will talk about that
a little bit later in the tutorial.I want you guys to understand how
to actually use the page builder,before you start making
a lot of products.So, now if I go over here to my sites,
and scroll down right here,you're going to see these products
that are starting to show up,this one is not on sale, so tell you what,
let's make this on sale really quick.I'm going to click on this.
Now, if you want to edit your products,just click on edit product
on here at the top.And I'm just going to give this
a cool little sale right here.Oh, you know why? It's because
these dates don't work.So, I'm just going to take off
the date right there,'cause those dates don't exist for me yet,
'cause that's actually two weeks from now.So, I'll just click on update here,
and that sale price will now work.All right, scrolling down here, and there you go,
so now we have sales for everything.Now, how did I make it look
like this right here?And how did I have like the flip,
like the other website?We will talk more about that,
in just a little bit.But for now, I told you guys before,I want you guys to understand how
to use this page builder and everything.So, let's go ahead and create
this next section, right here.So, how did I create this split
screen effect right here?Well, it's pretty easy.So right here, I'm going to go to edit,
or enable the visual builder.And we're going to scroll down,
just keep scrolling, put that up,just keep scrolling, now here,
I'm going to go to plus.Add the regular section and just
add these two columns right here.Okay, that was weird. So, I'm actually
going to add in those images,so right here, so right here, if I scroll down,
and add in this image,I'm going to upload, and simply
grab this one right here.All right? So, I have image number one.Now, let's go ahead and add in
image number two.All right, so I have the images,
but how did I do that?Well, I hope you guys can understand,all I did was reduce the gutter
width and make this full width.So, this gear icon right here,
which controls the pictures?I'm gonna click on row settings,make this full width,yes, to gutter settings and
I want to reduce the spaceand I want these cluttered
together like that.So, now you can see that we
have this section right here,where we have this split screen effect,but a unique feature that I did was how
did I get that little column in the middle,if there's no other, you know,
icons available?Well, I created one below it and I
pushed it up.So, right here I'm going to click
on this plus new row,and I'll select we can use
this one right here.Now, in the middle right here,
I'm gonna click on this,and I want to add in the call
to action module.Nope, not the audio, oops.I'm going to delete that, click on that
and add in the call to action module.Now, right here we can give it a title,
like so right here, I just put get the look.And then, I'll put it in a little icon
and then we'll put shop now.Use background color, I'm gonna put
yes, we want a white color, all right?Now, we'll change the text a little bit,so right here we're going to do
something like dark,text orientation, I'll go ahead
and leave that centered,and right here I did something
like leather jacket 1999.And then I did also woman's shirt.Okay, so I'll go ahead and click on,
that's actually what I wanted to do,so the next thing I wanted
to do was design this.So on the design you can
change this to our font,which we've been using Able for a bit,so right here I'll go ahead, you can go
ahead and design these.Now, remember, these are the same
exact settings as before.So, the body font, I'll change that
to something like that I want.The body text color.We can go ahead and put that to
something like matteand crolling down here, we can
actually use the border here.Now, for the border color
I kind of want a block one.So, you can right now
we have this border?And of course, that button has to go,
that button is just, it, no.That does not…
that's not going to work out.So the button text color?Let's go and make it black,
and that looks nice,so that looks a little bit nicer.So, how did I do this?How did I push this icon up,
if these are different rows?Well, just like we did it before
with that margin right here,I'm gonna do the same exact thing.So, taking this, I'm going
to design,scroll down,and I'm gonna go minus
250 pixels, is that good?Maybe a little bit more, 500 pixels.Maybe like 400 would be good, right?
400, perfect.Now, guys, this is probably the most
advanced thing with this theme,so it's usually not like that, you know,this is a very advanced
method that I'm using.So, if you're brand new to word press
and you feel that's too complicatedfor you, you don't have
to do that, don't worry.I'm just showing how you can
kind of get that look for your website.So, the next thing I want to do
is actually go down here,and we have an Instagram,so how did I get this Instagram up?
How did this all happen?Well, guys, this is just
a plug in that I use,that's all it is, so going over here,I'm gonna go click on
this and go to save.So, now we're actually going
to use the Instagram feed.So going over here, now,
if you guys have an Instagram,you know, this is where you would
go ahead and you know, follow along.If you do not have an Instagram
and you think it's lame,I mean, I don't use Instagram,too much but I know it's very,
very famous, you know,a lot of people out there
use Instagram as well.So really quickly,I'm going to get the name of the plug in
that we're going to be using.See here, I think it's called
the Instagram feed.Instagram feed.The Instagram feed
by Smash Balloon, okay?So, plugins, add new,Instagram feed,'cause there are a lot of them,
you know, it's very easy to get lost.So right here, Instagram feed,
I'm going to click on install now.And I'm going to click on activate.All right, so on the left side right here,you guys will notice that the Instagram
feed now shows up,so I'm gonna go into…
click on this.Now, if you guys don't you know your
information don't worry about it,you guys can actually
click right here and log inand it'll get all your information.If the button's not working, you can
just click on button's not working,and this will actually take you to like a little
system of like how to actually get it.So, if you guys don't
know your information,or you don't know how to get it,
don't worry about it.This site actually has a tool right here,
and it can help you get your feed.So, right here I'm going to put
my access token in,and your user ID.Now, it's not like your actual like you
know your ads, it's your number,so you can actually find this
in the Instagram profile as well.So, right here, I'm going to go to paste,
and paste that informationand I'm going to go to save changes.Now, we can customize this feed, you
can make it have a lot of different looks.Right here, under customize
we can go to like generaland you have all these
settings right here,most of these right here are
actually pretty standard forlike the image sizing
and everything else,but for options like load more button,
you know, I don't really want that,and the follow button, you know,
actually I do want that.You can change the text of that,
so instead of saying follow on Instagram,it could be follow us.Follow us on Instagram,and scrolling down hereyou can go ahead and just
click on the save changes.So, you guys can actually go through
all of these settings right hereand decide if you want all
of these settings right here,or if you don't want them,
so also for header, you know,I don't want to show the header, so
that's basically like your your nameand everything else,
I just want the pictures,so I'm going to go to save changes now.Okay? So scrolling up here,
so I basically customize it how I want,and you guys can go ahead
and go through these settingsand decide which you like.Now, here I'm going to go to
display your feed.And you see this [inaudible]
right here?So Instagram dash feed?That's what we need to put on our text
module, so going back to our website,so wherever you want this
to show up on your website,you're going to type that in.So, let me give you an example.Right here, I'm going to go
to enable visual builder,I'm going to scroll down right here,now this section right here,I'm going to click on this plus I'm going
to click on this one right hereand add in a text module.So, scrolling down to text,you're going to add in a text module,now, there's two sections right here,
so remember right here,that's where you're just
going to type it in.But remember, it's not the visual,
it must be the text.The text is basically you're always
going to enter in like scripts or codeor something else it'll work right there.So, I'm going to type that in, brackets,
Instagram, dash feed, close bracket.Now see it starting to load up?And voila, we have our
pictures right there.So, I click on this, now I can actually
make this a little bit bigger.So, if I want to make this bigger,
I can make this full row.Now, by default, I only have four
pictures, but that's just because,I'm sorry per row, but that's just because
that's the way I customized it,so you'll need to actually go in there and
customize it to decide what you want.So, clicking right here,
I'm going to go to save,and now, let's just say I want
that section where was it?On the other site, right here, solet's say you want it, something
that looks like this right here.Where you just have five across,
so let's go ahead and achieve that look.So over here, I'm going to go to
dashboard, the Instagram feed.Now, we're going to go to customize.And I'm going to be honest, I don't use
this one too much, but right here,number of columns, we'll do five.And add padding around images,
we're going to put zero.Number of photos? I just want five.So, I just want five to show up,
and remember padding is space,guys, so when I say zero padding,I'm basically saying I don't
want any space, okay?So, now that I've changed that,
I think that's basically it,let's go ahead and
take a look at our site.Go ahead and scroll down right here,and there you go, so now we have
this section right here,and they're all lined up properly.Now, if I want to get of this padding right
here, I'll have to adjust my row column.So, I'm going to enable the visual builder,
I'm going to scroll back down there.And this section right here,I'm going to use the gutter width
and just change it to one.So, there you go now.So remember the gutter width makes it
so there's basically no spacein between the images.Now, one more thing I want to do,is I'm actually going to add in
another module.So right here under this plus two module,
I'm going to go to text,and I actually want to upload
the Instagram icon.So, text, now visual.So, remember, guys,you can either do like an image or you
can put the image in your text module.Now, I'm gonna show you why I did this,
so this is a text moduleand right here we can
type something in,so you guys see right here,
oh he's typing something in,but maybe I want to go aheadand add in an image,
so right here I can add in media.And I'm going to add in this
Instagram logo right here.And right here, I'm going to click
on it and go to center,so now I want it centered.Now, I'm going to click on this,and I'm simply just gonna
drag this up right above it.Okay? And that takes time to load,
'cause that's you know,a slower plug in, but you know,
why did I do this?Well, let's say you want to change
the size of this logo,you can do that with the text
module, however,if you're using the image
module, you cannot.So, right here, you see that
we have this highlighted?Now, you see that I have
this all squared up?So, maybe I want to go ahead
and make it smaller,or a little bit smaller,
just like that, okay?So, that's a really good shortcut and
technique to sort of resize your imagesif you're not familiar with the what is it?Photoshop, you can
use that, becauseif you use just the regular image module
it will not allow you to do this.So, this is a very good alternative,
it's just to use the text moduleand simply just resize the image
in the box to your liking, okay?So, pretty good, pretty cool.And also, don't worry
about these borders.We're going to come back to that
a little later in the tutorial,we're gonna talk more about CSSand we're basically gonna talk abouthow I got it to look like this right here,where we have this shadow.You see how I've achieved
this shadow right here?Don't worry, we'll talk about that
a little bit later in the tutorialwhen we talk about CSS.It's very easy stuff, it's simply copying
and pasting text, it's really, really easy.So, now that I've done this right here,
let's go ahead nowand do our footer section.So, I'm going to save this and I'll actually
want to go ahead and say,okay, so we
have this section right here,I want to go ahead and add in this footer
section, we want to customize that.Well, remember earlier how I talked
about the theme customizer?Now, we're gonna mess with that,
so right here,we're gonna go to theme
customizer.And always make sure
to save your settings, guys.Always make sure, like don't forget,
it's important,I don't want you guys to be like
oh my goodness you know?So let's go ahead and scroll down,now right here we have footer,so I click on this and we have layout.So you want like the four column row?Like I have one, two, three and four?You can change that to different styles,like three, they have two by two,
so right now we'll just do three.And the footer background color,
what color do you want it?You can change the color right here,so I'm gonna go to save and publish.And we have widgets,now widgets are basically
these little things right here,they're kind of like gadgets so I'll talk
more about that in just a little bit,but this is where you can customize
the widget section.So, footer elements, we have show
these social icons, so yes.You want to show the social icons
and there is a I'll talk more aboutwhere you guys can link these,
it's in your options,it's actually really easy to get to.Going back here, footer menu and we
can adjust the footer menu right hereto like whatever colors and
everything else that you want.And we have the bottom bar,and right here, instead of like the…all this text right here,
you can put in your own,like made by Darrel Wilson.All right?Click on save and publish,
so let's go back here.And let's go back one more time,so that was the footer section.But now we need to go to widgets.Now, you see where it says footer
area one? Two, three and four,so right here I'm going
to go to footer area one,and we're going to add a widget.Now, scrolling down here
I can add something like text.So, let's do like
about our business.And then, we sell some
really cute clothes.We opened in 1999,
with just a small let's see,everyone has those stories,
small shop with just ten items.Now we sell thousands.So you can see right here that
this is actually starting to show upand again, remember how I talked
about the color and everything else?You can actually change
that in the footer section,so about our business.
I'm going to go to save.Now, there's another
way how to get here,so instead of doing it like this,you can actually go to the back end.So, I've shown you how to do it
through the theme customizer,now I'm going to show you
how to do it the other way.So I'm going to exit this
visual builder, by the way.All right, so right here,
we have this section,but let's just say we want to go
ahead and use in the back end,so right here, we can go to widgets,now you right here it says
footer area one,footer area two footer area three
and footer area four?So we can go ahead and
just drag in whatever we want,so we have WooCommerce products,I'll put that as footer area two.Now, what do you want this to say?So, I'm just gonna say productsand how many products
do you want to show?I'll put five, you can show like
your features, your on sale,you can go ahead and mess
with the dates, etcetera,so that is one of the you know,
like the widgets that you can add.Now, the next one, I kind of want
to add something different,we can add in something like pages.So right here I'll put in
something like pages.Our pages and go to save. Okay?And if you ever want to see this,
you can go to visit site,and you just scroll down, you're going
to see your stuff come up right here.Now, guys one thing that I want to mention,
that I will be showing you the subscriptionand the other plug in,
the social media one,but not just yet.
I want to crunch a little bit morebefore I redirect you guys to email
subscription and all that stuff,because it's kind of going off topic.So, I'll introduce that a little bit later,but for right now, I just want to show
you how to use your footer.So, let's just say again,
you want to customize this,I'm going to go to theme customizer.And we're going to go ahead
and go scroll down right here.You can go to footer,
and of course, guys, rememberyou can change the colors, you can
change whatever you would like in this,so if you want to go ahead
and do like the active link,which is like when you click on it,
it will change to red,or it can change the background color
to something that you'd want.Like the footer background menu color,or we can do something like the bottom bar,
which is this section right here.So, you guys can go
through these settings,and if it doesn't update, if you actually
go to these and it doesn't update,just save and publish, refresh
the page and it will appear.So, it might now like show up live,like the visual builder, however,
it will show up, okay?So, again, this is where you go to make
all of these changes for your stuff, okay?So, I'm going to go to save and publish.Now, one more thing
I want to do this,before we go to the next page,
or a shop page,is show you how to link
these social icons.So, with these social
icons right here,and if you want to use them
on our plug in a little bit later,I'll show you how to actually link
these to your social media website.So, right here under dashboard,
I'm going to click on this.I'm going to go down to settings.I'm sorry, Divi and you
can just click on Divi.Now, right here, we're gonna
scroll down hereand right here we have our
Facebook profile URL,Twitter, Google Plus etcetera,you can go ahead and put
that stuff right there.Now, guys, remember, it must
be a fan page for Facebook,or your profile must be public,so if your profile is private
if they click on that profile,it's gonna take them to like
a does not exist pageor whatever your settings
are for Facebook.So you want to make sure
that's a fan page,now you guys can actually go
through some of these settingsand kind of like learn and explorebut these are very self explanatory.Now, a lot of these settings in Divi and
WooCommerce, sort of contradict each other,so you don't need to actually mess with
a lot of this stuff, like this stuff right here,because we can actually
change this in the shop module,we don't need to go to the backend
editor of Diviand change all this stuff, so we can
go ahead and leave all this blank.Now, if you don't want those to show up,
you can just say you know what?I don't want any of those
things to show up,and then they will not
show up at all. Okay?So, you know, feel free to explore this
section a little bit, get comfortable with it,also later this is where we're
going to upload our logo,but we will talk about that
a little bit later in the tutorial.I know I'm saying that a lot, guys,
but there's just a lot to coverand I want to guide this
tutorial on trackand not just kind of throw
you CSS first and this first,we're going to keep designing the
website and learning about productsand later on we'll get a little bit more in
the advanced section of word press.So, going forward, let's go ahead and
take a look at our website right here,and you guys can see it's
coming along pretty well.Now, later on in this tutorial guys,
we're going to do a lot of customization,so for example, right here, we're going
to go ahead and decorate these,we'll make them bigger, we will add in
a lot of animation, we'll add in the flip.There's a lot that we're going to do later,but that's like customization so I don't
want to go into that right now,and also we'll be talking about how to
create that border around this section.And scrolling down here, this
looks good. This looks good.And later on we'll be talking
about the subscriptionsso if someone wants
to come and subscribe,we'll talk about that just a little bit later.So, I want you guys to get a little bit
more comfortable with the page builder,so let's go ahead and now
create the about us section.So, we're going to create
this section right here.And this section is actually
kind of like, what was it?A pre-made template sort of,now Divi comes with a lot of templates and
I want to sort of introduce you to those,but I don't want to you rely on them,I want you to just understand
that they're there to help.So, right here under this plus icon,
there's this plus sign,and right here it says load from library.Now you guys can add, like save
certain parts of your website,add it to a library, load it somewhere else,but you guys can go ahead and
mess with these settings right here,you know, check out some of these,like for example our
product features page.So, these are basically
like pre-made templates.And they just help you know,
give you ideas and everything.But the one I want to use is actually
the our team one, right here.So, the our team one, okay I should
have actually done that like this.So, I'm going to click on replace existing
content, and I'm going to go to our team.So, now it's going to delete everything
and only give me this template.So, I like this template, it looks good,now I only want some parts of this
website, I don't want all of the parts.So, I'm going to teach you how to sort of pick
and choose which you want from this template,so right here, I like this section.But this recent project,
I don't want this section,and this blog post,
I do not want this section.And this next section right here, I don't
feel like I need that right here, either.And I like this fuller header, however
we can just go ahead and customize itand then right here maybe we
can add in our team matesand you know, it would actually look
really good with a little bit of work.So, let's go ahead and do that.So, right here, under this gear icon,now this is a full width header module,and the full header modules are basicallymodules that extend all the way
across the page.So, to give you an example, if I click on
this right here, you can see the full width.So, right now we're just using the
full width header module right here.So, we're using this one right here,but I'm not going to create another one,
because we've already created one right here,so I'm going to delete this, and we're
going to customize this one right here.So, I'm going to click on this
gear icon, and about the team.So, I'll do something like, I don't know, what's
a good one? What do people do today?Yeah, it's like meet the staff, right?Or they're kind of like modern,
they're like our friends or something,they kind of change it up,
so meet, well, meet the staff.And then right here,
I'll put these guys.No business. Right?Now, we can actually
decide to center this,and I wan to make this text color dark,
but it doesn't really matter,'cause we can change the color
on the next design tab,which is the same is the call to action.So right here, it says make full screen
now, of course, you can do this,but we're not going to do this feature.We just basically want this section,now we can also add in a button, however,no one really adds a button
for their about us section,so we're not going to add in
a button right here.But if you wanted to, you could
put something like yes,and then, this right here
would be the URL,so www.you know your website.com
dash shop, etcetera.You can actually add in
a button right there,but I'm not going to add
a button just yet.So, over here under design,now I might want to actually change
the title font color and everything else,maybe add like this little bit
grey here or something.And then scrolling dow here,now these sub header font color,
we can go ahead and change that as well.Now, the content font color, we
don't have any content right here,you know that's basically where
there's a bunch of writing right here,but we didn't add anything in.Now, under the general settings,
that'd be this section right here,so we don't have anything, because
I don't want to add a bunch right here,'cause that's just not necessary, you don't
really need to have a bunch of stuff.So under the design tab, you can scroll
down here and change our fonts.So I'm going to go ahead to change all our
fonts to Able make just a little bit bigger.Okay? Now under the general settings right
here, I actually want to change the color,so under the background color,I want to have that grey color that
I had consistent on my website.Now, under the design tab I might
want to make this a little bit bigger,and of course, you guys
should be capitalizingevery single letter of the beginning of the
word, so these should all be capitalized.So, don't follow my example,
these are…right here is good, meet the staff is good,
you'd want to capitalize every letter.That's just what you do in web design,it's really just it's one of those
things that goes hand in hand.So, all right, so over here,
we have this next section.So, this section is okay right here,
now this section right herenow I just want these bars, I don't
want this writing and this writing,'cause I want to use a person's
module instead.So, I'm going to trash this.And trash this, however, I'm going
to click on this plus icon,and I'm going to use the persons' module.This is a great feature
to introduce your team mates.So, here I'm going to put Darrel Wilson,And then position, I'll put owner.The image URL, well, actually, yeah.I'll change the name,
we're gonna put a girl right here.So, we're gonna put a picture of one of our girls
right here, so I'm gonna put upload an image.So I'll put, let's just do Jill Valentine.This is the girl from
Resident Evil, right?I think that's, yeah, I think
that's her real name.Now, also we have animation, so right
here this is what we're customizing.So animation, do you want animation?
If you do, you can do fade in,now also for the Facebook URL, so if you
have a Facebook like a professional page,you can go ahead and put
the URL right there.But I'm just gonna put a little,
you know, a number sign right now.And I'm going to go ahead
and do that for all of them.And I'm going to go ahead and copy
and paste this text right here.Simply just go ahead
and paste it right there.So this right here is our person module
so you guys can see it looks pretty goodand same thing, you guys, under
the design you can change the font.So, I want to keep it consistent, you know,I want to keep it all you know
under the Able font,then of course, these are all the same
settings for the call to action.So, there's no really reason for
me to go over all of these again,what spacing is, etcetera.
You guys understand the point,so going down here, I think this
is everything that I wanted.So, I'm going to go click on check.Now, I want to actually move this one
above it, so I'm just going to click on this,drag it above here, and there you go.Now, instead of redoing
this entire process,all over again, with your
fonts and everything,you can always just
duplicate the row.So, or I'm sorry, the module,so right here I'm going to click
on this duplicate row,I'm going to delete this, and going
to delete this other section.And I'm simply just going to take
this and drag it above it again.Okay? Now, same thing,
I'm going to click on duplicate,now I'm going to delete this
and I'm going to delete this.And I'm going to drag
this over here as well.So, here you can change the name, you know,
you can change it to your other team mates.So maybe this is we'll just
do like Rebecca.And I'm going to go ahead and change
this image, so image URL, upload.Find an image, let's see, right here,and also guys, make sure
to do the same size,so if you use one image size,use this same image size for all
of the images so it matches up,and I will be having a tutorial
on image resizing,so be sure to check that
out on my channel,because I know image sizing can be very
difficult when they come out a little distorted.And this one, last one, right here,I'm going to do something like,
let's see what we do here,see what we got here,
see what we've got.We've got let's see,
I had one more.I'm going to do something likeI'll just go ahead and we'll just, we'll just
duplicate it, we'll just duplicate this one.Or, you know what?
We'll just leave it, just leave it,and then right here I'll put
something like you know, justI don't know what, Jessica, her name's
Jessica today. We're doing Jessica.All right? So there you go,
that we have everything all set up,now scrolling down here,
we have these bars,so this is the bar counter module.And guys, it is very easy to understand.So, we have three bars,
we have customer happiness,tech support and community management.So, right here if you want
to go ahead and edit that,just simply click on the gear icon,
change it to whatever you'd like.And change the percent and
same thing under the design,you can change the background color.You can change the bar
background color, etcetera.So right here maybe I'll put
something like that.And you know you can go through
these and you know mess with it,design same thing, you can change the padding,
so remember padding is space.So, if you want a lot of space,
you can put something like that,or I'm sorry, push it up
like that, but generally,I would probably leave it as something,
you know, simple like that.Now, the title font, again, I want to keep it consistent,
you guys can see they're all changing.And you guys can just go
ahead and go through theseand just go, change these to whatever
you guys would like.So now it looks like that.Okay? Scrolling down here, okay?So that is basically like a quick run on
how you guys can decorate this,it's very self explanatory, I don't need to like
tell you again what letter spacing is,because we've gone
over that a few times.Now, if you want to add in another one,
click on add a new itemand then just simply give it a title,
so fun times.And then, it'd be 99%Okay. Now, if you want to delete one,
of course, same thing,click on the gear icon and just
simply delete it. And that's it.So, if you want the bar counters,
that is a good option to use.So, we've done this section right here,
now let's go ahead and scroll down.And I want to introduce
you to the parallax effect.So, earlier on this section right here, I had this girl right here with the parallax
effect and I bet you're wondering,how did you get that? So right
here under the gear icon,I want to add an image and I also
want to apply the parallax effect,so I'm going to click on this
section settings right here,I'm going to add a background image,
just like you know, anything else.I'm gonna find the picture of the girl.And scrolling down here,now you guys can see right now it doesn't do
anything, so there is no parallax effect.Now, all's you need to do
to get that parallax effectis simply just enable the parallax
effect by saying yes.So, now, if I scroll down, you now can
see that the parallax effect is in place.So, that's all you need to do for the parallax
effect to come into place.Now, there is another one.Now, this one's sort of, kind of cuts the screen off
like that, so you guys can see it's a different style.Parallax effect, so if that's something that you
want to achieve, you can do that as well.Or you can do the true parallax, which is
like that, so they're a little different,but rest assured they are
both parallax, all right?So, now let's get it into
the little tactical stuff,so I've shown you basically how
to use this section right here,I hope you guys are comfortable with these
modules, but let's get a little bit more technical.Let's say for example you want to center this stuff.
Well, you can't center this stuff just by default.It will not allow you, so over here, we're actually
going to start learning about custom CSS.And custom CSS, guys, is kind of like it's a little bit
more technical but I just want to expose you to it,so in the future, if you ever need it, or if there's
a question, at least you know what CSS is.So, over here in the CSS tab, I have this
command right here, for main elementsand I also have another command for like the member
image and the title is, sorry, text align center.Now, I know this looks complicated,
but it's really, really not.So, let's just go on over here to this setting
right here, and let's just go to the gear icon.All right? Now, I'm going to go to CSS.Now, guys, also remember that all of the codes
that you need, everything you need,there is a blog post on my website that
is linked in the description of this videoand it will run you through everything, so don't worry,
if you don't understand this the first time.This is probably, like I said,
CSS is more on the advanced side,but I just want to expose you to it, because
you're here and I want to show you what it is.So, right here we have title.Now, the command text align center
all it does is just text align center,it just aligns the text, so you just need to type text,
dot align colon space center semi colon.Now, you can do this for anything, so remember position,
same thing, you see how it's moving like that?Now, remember social links, same thing,
I want to center them, that's it.That's all you need to do and this command
will work for any module all over your website.So, the text align is actually a pretty
standard, CSS command,but if you're brand new to word press
and you have no idea what CSS is,then it might be a little bit
like advanced for you?But it's just a basic command
to center things.So, you guys can do that
for basically anything.So, now that I've centered that,
now I want to create a shadow,so I actually want to get this beautiful
little sort of look going on.So, how do I get it? Well, same thing, guys,
there is a command for a box shadow.And all's it does is like it says, it just creates
a box shadow, so going over here,now you guys can just go ahead
and copy this description, now this is also in the description
of this video.If you choose to have this, so over
here I put it in the member image.So right here I'm just going
to go ahead and paste it.And now you can see
we have that glow.Now, you can change this to any
color that you would like,so I bet you're wondering, Darrel,
where do I find these colors?Well, it's actually in every
single module.Now, under here on the design tab, if I scroll
down, oops, I move that girl a little bit.If I scroll down right here, you're
going to see this background color.Now, if I hover over the background color,
you see these little codes right here?This is the color of whatever
you'd want the shadow to be.So, for example, if you want a blue color, you would
just ned to go ahead and copy this code right here.And then I'm going to clear
that 'cause I don't want that.So, under the CSS if you want it
to have that blue glow?All's you need to do is simply paste it,
make sure there's not two of those,and there you go, so now it's blue,
you see that?So you guys can get very customizable and
this will work for every single module, guys.So, you can you know start outlining all
your stuff, and make it look really good.Now, the same thing for member description,
maybe you want to go ahead and paste that in there, too.You know? You can add it
to a bunch of different places.So, going down here,
you can add it to the title,you know, you can add it to basically
anywhere that you would like.So, over here, you can see that I put it under the member
image, and I put it under the main elements.So, going over here, I want to put it
under the main element.Now, the main element is basically
the like foundation of it,it's like the main… the main it's…
the main element.It's kind of hard to describe, it's like the bread
and butter of the module, kind of, you know?So, clicking on that, that is
how we achieve this look.And it's simply a CSS command, and
you can do this same, exact thing here.In fact, I'll go ahead and do it one more time,
so again, I want it under the main elements, and I want it where else do I want it?
I want it under the member image.I do that, because I want it to emphasize
more, you know?I want to really emphasize it, now,
how do we actually make this centered?I bet you guys remember. Text align,
colon space center, semi colon. That's it.So, same thing over here, I'm just
going to copy and paste this,'cause I am way too lazy to type this out,
so I'm going to copy this, right here.And again, title, now I know you
might not use this module,you might not use it for this module,
but later on, down the road,I promise you that you might it for something where
you're using like a product or a page, or some text,and you kind of want to position it somewhere else,
this is a great example of where you would use it,and you might want it for later, and it's just good
to know, it's free knowledge that you're getting.So, that's about it for this
little section right here.So, you guys can see it's very similar to mine now,
you know, except the colors we have the parallax effect,and we've basically successfully
created the meet the team page,and congratulations, you guys,
have just learned CSS.Which people go to like college and
spend like thousands of dollars for,like you've learned it for free,
that's it, it's that simple.So, I'm going to go ahead
and save this page.Alright.Congratulations, so the next section that we're going to do,
is we are going to do the what's hot page,and I'm sure you guys can already understand how to do it,
because now let's go ahead and take a look at it,and I kind of want you to understand
the modules that we used here,so I'm not even going to tell you
what we're going to use.I sort of want you to understand it
and expect what we're going to use,so right here, we have a text module,
an image, another text module, right?Right here, we have a text module with a call
to action, remember the call to action?We have the big font, the medium font
and then you have the button?And right here all's I did was I just simply put in the code
on the main element for both of these modules.Again, right here, we have a two column row,
so one column, two columns,I have an image and I have a call to action.
So that's it, that's all I did.And scrolling down here, one more time,
right here, we have a call to action again,and we have an image and I simply
just put the glow in that module.And going down here, now if you
don't know what this is, you're fired.So, this right here is just the same
exact thing we did on the last page,this is just a call to action,
I added a background imageand I just put in the parallax effect,
that's all I did.So, we can make this in a matter
of seconds, and in fact,we're going to use a template
for this next one right here.So, this is the what's hot page, and now
I'm going to enable the visual builderand we're going to create this next
page really fast and really easily.So, let's make our life a little easier
and let's go ahead and get a templateand sort of pick and choose what
we want from it. Now, over here,you guys can see I kind of want this section
right here, where we have the imageand the call to action
all ready for us.So, over here, I'm going to click
on this little icon, go to plus,and I'm going to go ahead and select the product
feature section, so this section right here.Alright. So we have this section right here,
now I don't want all this other stuff,like this all, this stuff is way, way too
much and I don't really like the color.I just actually want that one section,
where it's kind of like zigzag,this section right here,
this is exactly what I want.Now right here, we can
actually drag this up.And put it up here.And right here we can start from it, so right here,
we have this section right here, however,this is not the correct module,
so this is a call to action.I don't want to use a call to action again, so right
here I'm going to go ahead and trash this.So we're just left with just this
background right here,so right here I'm going to click on this
icon and let's change it up now,so for example, we're going
to add in a text module.And I'm going to center this, and we
can put something else, like you know,we're, what did I put right here, you know?
Get the hottest items in the summer.So I'm going to go ahead
and just like paste it in there.And you also want to make sure
that this is under heading one,I'll explain why we do that in just a little bit,
but make sure this is under heading one.Now, click on check. Now, I want you
guys to understand the logic of this.So, we can either go ahead
and add in a text module,and insert the image, or we can
just add in an image module.So, for example, I'm going to do both,
just to show you.So right here, I'm going to click
on this icon and go to image.I can either decide to upload this, and just
put this in right here and upload the image.Now, I can do it this way, but remember, if we do it
this way, we cannot change the size of the image,so I'm going to click on check. Or cancel,
and I'm going to do this again,so I'm going to go to plus new and now
I'm going to add a text module again.Now, over here,
under the add media section,I can actually just put the image
in the text module instead, now this is just an alternative
way to do it.I'm just trying to you know
expand your thinking,so you guys can achieve anything that
you want with this thing, you know?There's no really right or wrong way to use
this theme, it's just different styles of them,in my last tutorial we were
using images for blog posts,so it's just really what you can
think and achieve with it.And also, keep in mind that if you click on this image
over here, you can actually make it link somewhere,so you can actually decide to say,
hey, if someone does click on this,you can click on this little link icon,
and you can put in a URL.So, if you want them to click on it
and go somewhere you can do that.So, guys, it's all about just getting
as customizable as you can.The word press theme, there's no limits,
so you can do whatever you want with it,it's there's no limits, there's no right
or wrong way to do this.Now, I'm going to click on this check,
now you see right here?We just have another text module, so that's it,
that's just another way how you can do this,so it's pretty easy to understand
and of coursewe just need to change the background
to grey and we'll be all set.So, right here, plus, scroll down
to the text module,and I'm going to go to center,and all I'm going to do is just simply take this text
and just go ahead and paste it in there.Done, simple, easy. Now, earlier I mentioned about
the header text, well, header has a lot to do with SEO,but in this tutorial we're not going
to talk about it's likeH1 tags, H2 tags, 'cause this is not
an SEO tutorial.However, if I go to this gear icon, and go to design,
you're going to see how it says header font.Now, the H1 tags, the H2 tags,
refer to as header font,so if I want to change this section, we need
to go over here and change it from there.Now, is this were just basic text,
like here I'll just go aheadand give you an example really quick just to show you,
I'm gonna put hi, or I'll put JOOOO.If I go to design, you can see that the heater font
doesn't apply to this, because this is a text font.So, scrolling down here, this right here,
text font now applies to this section,so if I change this, you're going
to see this change.So, remember this is a header and this is text,
even though it's both in the same text box,we just kind of separated it, we made this
the header, and we made this just the text font,so I'm just going to go ahead and delete
this, we don't really need that.And we're done with this section,
except this ugly, ugly, ugly red color,we have to change it,
or I'm going to go crazy.So, the background color, let's go ahead
and change it to something like a dark gray.All right, I think that's good enough.And of course you guys can
change the font and everything,but I'm not going to over that because we've been
talking about that for quite some time now.So, right here we have product
feature and we have an image.Now, a good way to save time is just customize
one module, you know, to your liking,spend around five to ten minutes
just customizing itmaking it look really good
and then just duplicate it.So, instead of actually changing it for all of these,
we can just, “Okay, I'm going to change this module”,I'm going to decorate it then I'm just going to duplicate it
and we're just going to use this module instead.So, let's go ahead and do that,
so right here, under this gear icon,changes to whatever you would like, now the button
URL, change that also to whatever you'd like,but I just really want to change the button here,You know, you guys of course are not going
to have this text right here, of product feature.This is just all for tutorial purposes.So, I'm just going to just simply
kind of change this up a little bit.You know, I don't want to go too much into this,
'cause we've been talking about this, again.And for the button styles, I'm going
to change this to text color black.Oopsand I just want to change the button
border width, oh no, not that.I want to change the radius.So it looks like that, okay?So, now instead of actually doing this all over again,
I'm simply just going to go ahead and duplicate this.Delete this, and simply delete that, there we go,
and then simply drag this over here.So, we don't have to spend all of that time, you know,
editing it and messing around with it,now a quick way just to fix this, so, you guys
see right here that this is on the left side,we want to change that, so simply
just put on the right side alignment.So, scrolling down here,text orientation, we can do right side,
or we can even do justified,whatever you know,
are trying to achieve,but of course, I just want to do it on
the right side, so it looks consistent.So, now we want to go ahead
and add in some images.So closing this, click on this and
I'm going to select an image.Go ahead and find
the image module,I think I passed it, I do that a lot,
I really, it's bad.And we're going to go ahead and add in just like
one of these basic images, like that, okay?So over here, image URL, I'm going
to go ahead and add in,You know I don't think I added that girl in the background,
no I did not, so I'll make sure to update that.So, I didn't add that other girl, but I'll add
her in the drop box, don't worry.So, I'm going to click on this, and then click close.
Now same thing right here, I'm just gonna close this.Click on that and add in a button module.
Really, really simple stuff.Alright. And then I'll go ahead and add in something
that looks like that right there, okay?All right. Good perfect. So now
we have this section right here.Now, if you guys have noticed right here,
I actually kind of pushed this down a little bit,so I want to teach you a little
bit more about padding.So, right here, in this gear icon, let's say you
want to position this somewhere differently.And you're gonna come across that a lot,
when you're decorating your website.So, on the design, you can do it a few ways,
you can change the margin or the padding.So, the padding you want
to change it to like 300 pixels you can see that's creating
a lot of space right here,but maybe you just want to add 150 pixels,
maybe a little bit more, you know orif you want to go for that approach you
can do that, but I'm going to go 100 pixels.Now, you can also do percentage. So, for example,
you can do something like 10%,and that would work as well, but I actually
want to use pixels, for this.And then, maybe, maybe we should change the size
of the font, it's a little small, we can make it a bit bigger.And then also for this section
right here, as well, font size.Okay.So, we have this going
and we have this going.Now, same thing right here applies,
we can do the same thing, buthow did I get this glow around
everything like that?See you all have that dual glow? So I'm going to open up
this builder and show you exactly how I did it.So, instead of actually using it for the modules, I actually
use it for this row right here, so the green row.So, under the row settings, under CSS you're gonna see
that I put the main element on the actual row itself,so we don't have to use it for
you know the modules guys,we can actually use it for
an outline of the entire row.You guys can see,
that's all I did right there.So, over here, going scrolling back up,
I did it for the main elements, all right?So, over here, same thing, click on this
gear icon and CSS, and main elements.So, if you want to achieve that look,
then that is exactly how you do it.Now, I bet you're wondering, well,
how did you get the secondary glow?You know, there's two glows right here,
how did you achieve that look?Well, I decided just to put that
around the specific image.So, it's creating like
a dual glow effect.So, over here, under this gear icon, the CSS, same thing,
main elements, but this is just for the image module.Now, guys, one more thing
that I want to remember,that if you don't want this on your website,
the glow, you don't have to have it.However, it's just a really unique style
for your website and it adds a lot of décor.So, I felt that I was going
to add it in this tutorial,so over here, under my image module,
right here, main element, paste it, done.So, now that we have that, now you
guys can see that we have space.Now you see on this module right here,
how I can kind of drag it upto get rid of that space, and same
thing right here, drag it up.Now, a shortcut way I can
do this, is just to justYou know just duplicate the entire module
so I can just go ahead and delete this,And so you know what? I'm just going
to duplicate this entire row again,and I'm just gonna actually
switch these around,so I'm gonna put this on this side, and I'm
gonna take this and put it on the other side.So it's gonna save you a ton of time, you don't
have to spend time, you know, editing stuff,And it'll, it's easy, so whenever there's something
that can make your life easier, guys, just do it.So, over here we need to just basically
change this orientation to the right side.And again, we can go ahead and you know, you know,
that's basically it, of this section right here.Now, one thing I also want to point out, that maybe
you want to get rid of all this stuff right here?Now, there is a module right here
that is here, but you can't see it,so I want to show you what
happens when this happens.So, this might be a text module, or it might be something,
I don't really know, so it's a divider module.I don't know how it got there,
but I'm glad it showed up.Now, I'm going to go to edit page and this is the first
time I'm going to show you the back end editor.Now in the future Divi is actually going to put this
on the front page, so you won't have to do this anymore.So, you can see right here,
how it says divider?So, you see the modules right here, we have
an image, a call to action, and we have a divider.So, this is the reason why you can see that it doesn't
really look well. It's kind of, it's messing us up.So, let's go ahead and just view the page
and let's go ahead and fix that now.All right, so over here,
this one looks good,and over here I'm going to delete
that icon right there,then you guys can see, now it's actually
kind of looking a little bit better.Now, let's say you want to kind of
like have this perfect aligned,well we can actually go ahead and
just you know, use the gutter width,so you guys remember
the gutter width?So, under the row settings, we can just simply
go to gutter width, and we can reduce that all the way,and if I were to reduce this one all the way
as well, it will be perfectly aligned.But I kind of don't want to do that,
'cause it's really scrunched.And it'll cause me to do
a lot of other things.So, you know, if you guys want to go ahead and mess
around with these settings of your row, you can do that.I'm just basically letting you guys know what you
guys can do, get customizable with, etcetera.So, that's exactly how you achieve this sort of style
effect, now the CSS really adds to the website, guys.So, you know, if you guys have the time,
you know, just you know, go look, you know,learn new commands or learn about
like you know other things you can do.There's a lot of different CSS,
like creating arcs on your websites,so it want that arc-y style,
that's another thing you can do.But if you're brand new to WordPress,
I would not worry about it,if you've been around for a while,
you're watching this tutorial,Then I would recommend
to check it out.So, you guys can see we've basically
done the same exact thing right here,except I added this other sectionand all's we can do is just go ahead and
duplicate this row to achieve that look.I duplicated the row, now I'm going to go
ahead and drag it down below this one.And there you go,
so everything is all set, okay?Now, let's go ahead and add in the last one,
right here. So, the last one, again,is I want you to look at this
and understand what it is, it's just a call to action module
with a background, that's it.And I just added the background, so right here,
I'm going to click on this plus icon,regular,the big row right here.And simply just grab the call to action,put in something,
what did I put right here?So, sign up today
for the instant access. For the…now do like sign up.And then, for background color, we're not going
to put anything, I'm just going to put clear.And scroll down here, for text color, we just
need to do dark for now, so we can see it.And then, of course right here, you can go ahead
and add in some you know some dummy text orwhatever you want right here.
So, I'm just going to put in some text.And then of course, under the design,
remember you can change everything?So, I'm going for that same
fonts on my entire website,and also the button style,
you can change that as well.But I don't want to do that, because I've showed
you guys how to do that a few times.And in order to get that background,
remember the blue section? Section settings,and you know background image, now you
can also add in the video for these sections.So, I want to you know remind you that you can
do that, so I'm going to go ahead and do that.If you need the videos, like the free
ones you can go to vidivo.netand you have something that looks
like this, right here instead.So, it really just depends on how customizable
you want to get with your website.And you know, different themes
you can do with it, andyeah, that's pretty straightforward,
that's pretty standard.But right here, I'm going to enable the parallax effect
and I'm just going to add in a background image.And we're just going to go
ahead and use the image.I don't want the video
for this section.Okay? So something
that looks like that.And again, remember you can change
the button to whatever you would like, okay?So, over here I'm going to go to this
plus icon, and go to save.Now, one more thing I'm going to show you,
is how to actually save certain parts of your work.So, right here, we have this big,
blue section with all these girls.Now, it would be a pain in the butt to redo
everything and on another page,like for example, you're designing
this for somebody and he says,“Hey, can you do this all over
again on another page?”You're gonna say,
“Dude, that's a lot of work.”Not worry, don't worry about it. You guys
can actually save this entire section.So, right here you have this
little save section to library.So I'm going to click on that
and I'm just going to do test.And I'll click on save to library,
there you go, saved to the library.So, there's a lot of different ways
you guys can add it, so over hereso over here, on this plus,
new icon later on in this tutorialI might introduce you to something
like pre-made layouts.So, right here it says
add from library.So, if I click on test, there you go,
everything is there all over again.And it's just really, really clean,
it's such a fast way to work,so a lot of other themes
don't have this, guys,so you know, other themes they have to work
from scratch all over again, I'm just like,“Dude, I would never work with those themes.”
So, this is a really, really easy theme,it's just it's just so easy
what you can do with it.All right, so now that we've done this
section right here, the what's hot section.We're going to go
ahead and do our blog.So, if you want to go ahead
and blog, which you should,because blogging is very good for
SEO getting ranked, getting found,I'm going to show you
how to add in your blog.So we actually forgot
to create the blog page,so over here, under plus
new we can click on page, and let's go ahead now
and create our blog page.So, all's you need to do is go
right here, and put in blogor whatever you want to name your
page, and simply click on publish.Now, again, if you remember, if you want to add this
to the menu, you'll need to go to appearance,and go to menus and you'll need to go
ahead and add in this page now,to our current menu, so pages, view all,
click on blog and add that to the menu.So, maybe I want to drag it
up over here, like that?There we go, I like that,
that's good, that's good. All right, so going back
over here to visit site.Now, all we need to do right
here is go to blog,now, we can design our page first, but we don't have
any blog posts, so we need to first create a blog post,so in order to do that, you guys can
go to plus new, and go to post.So, this is basically where you know,
you talk about whatever you like to talk about,so over here under the blog, I'm going to give
you guys an example of what I put.Like how to get him to like you, or is blonde hair in?
Now, guys, one thing that I want to point out,that my YouTube channel actually 20 different places
you guys can list your e-commerce website,so after this tutorial, you know, I would definitely watch it and I have
a lot of other e-commerce tutorials,a lot of people ask me questions, I'm like you know,
I actually have a tutorial for it, it's there,so right here I'll do something like best
or 20 best websites to list products.And then, right here I'll just put some, I'll just go ahead and grab some dummy
text from one of these things right here.All right, I'm going to copy
and go to paste.Now, you can also use the Divi builder,now on my website, I do have something called blog
pre-made layouts and that's from Elegant Themes,and it's basically a pre-made blog page,
and if you guys go to Darrylwilson.com,under my blog you guys will see
exactly what I'm talking about,In fact I'll just show you guys,
right now. While we're here.So, that is like the standard way
to build a blog, but with Diviyou can actually get a little bit
more customizable with it.So, right here, I'm going
to click on this,actually, no it's under this one,
let's see which one I did it for.I did it for this one right here.So you guys can see the blog post
looks a little bit more professional.Looks really, really good.So I actually used a pre-made layout
from Elegant Themes to create this.So if you guys want something
that looks just like this right here,you guys can go to my Divi
child themes, Divi layouts.And I have a lot
of free layouts.So scrolling down here,
these are all free layoutsand they're basically just pre-made
websites for everybody so,If you want like a free website
and you can make right awayyou can just go ahead and download one
of these templates and just simply upload it.And I have a tutorial on that as well,
on how to upload these.It's really simple.It takes about two minutes, and I also
have premium ones which I make people,you know, pay for so, yeah.
But anyways.So going back over here,
I added this post in right here,and maybe I want to add in
like a featured image.Now the featured image
is this right here.So, this right here is the title, featured image
and then you have the post stuff right here.And don't worry about all the stuff
right here on the right side.This is very similar to the footer except we're
just going to apply it to the sidebar, okay.We'll talk about this a little
bit later into the tutorial.As far as the Subscription and
the Monarch plugin, it's over here.I have what I would like and I think
I'm ready, you know, to post it.So, going down here, I'm gonna
go ahead and set a Featured Image,and I'm going to select
this girl right here.Tags, I'll put something like news or something,
or whatever tags you would like.You can also categorize this. So,just like we had the Shop module
where you can categorize products,you can do the same
exact thing for blogging.So if you have like a website
that's just about blogging,you can sort of categorize those topics
so it shows up on certain parts of your website,and on others it will show up
on different parts.So, right here I'll put something like girlie,
or girl, girl talk, girl talk, yeah, girl talkand add that category.And it looks like right here
we are ready to go,So I'm going to go ahead
and publish this.Okay, so I basically
created our post.Now we need to actually
apply it to our website.So I'm gonna go back to our
websites, go to our blog.Now I'm going to enable
the visual builder.And you guys can see right
here on this other website.So this right here is just a text
module with a backgroundand then I just put in
the blog module.All right. So I'm gonna go
over all that right now.Over here I'm clicking
on this plus icon.I'm simply just going to go ahead and
add in a text module with a background.Just to let people know it's like,
“Hey, this is our blog.”So our blog,and the design, we can,
you know, change that.We can make the font
a little bit bigger.Or the… I'm sorry,
this is the text font.So text font, make it
a little bit bigger.Then you know, you can always add
in like a background image to thisBut we're not gonna… we're not gonna do it
for that section. We're gonna apply it…we can actually apply it to this entire
background right here in the row settings.But, you know, you get the idea.
So our blog,and… see right here,
we can choose to,you know, design it to whatever
you guys would like.So something like that, or you can
change the color to something.So just be creative, you know, this is just an example
of how to like introduce like your blog.But I'll just go ahead and
leave it like that right here.So, I just basically put in like a dark background.
Like small, simple blog.Now, over here under this plus icon…
now you can actually use it in the same row,or you can just make
in a whole other one.So, I'm just gonna make a whole
other one just for tutorial purposes,and click on regular.
Now, I want this one right here.Now right here you're gonna scroll down and
we're actually just going to grab the blog module.And what this does is that it automatically
uploads all of your posts right here.Now there's two layouts.So we have this one right here,
which we have the featured image.And then it just like talks about it.
Like the best websites to list products.And then you see it has a little bit of talk.
Now, this right here is a stock post.So this post comes automatic
with Siteground;when you install so you don't have
to have that. You can always delete it.So, right here under this gear icon,
you can click on it.Now, of course, you can, you know,
include the categories we talked about.And we can decide to show
the featured image.If you don't want the featured image,
you can hide that.You can show the excerpt
or show the entire content.So the difference between both is,
excerpt is just basicallyA small preview of it and then it
has like the read more button,which we can enable right here.
And the other one just lists all of the content.So now you guys can see right here it has like
the 20 best websites and it has the read more.And you can, you know, decide to hide
the author or hide the datesand, go through all these settings.
You know, these are pretty self-explanatory.It's really up to you now, we can
also have like an icon overlay,so if they hover over it,
it has that like that different color.Now, depending on your, your, you know,
your style going forward.You know, you might…
this might be necessary,but for me I just feel that
the icon overlay is excessive.It's too much for this.
And the same thing, guys,under design you can decide
to change all of the fonts for this.You can choose the header.
Now, the great part about this, guys,is that a lot of other themes,
they don't have this option, you know.It's basically like a template, you know.You use another theme and that's it,
you know. You can't change anything.So, there's a lot of different ways
you can customize your blog page.Now, under the layout we can also do grid.
Now, I actually did grid right here.So right here we have just an image a
nd some content right here and that's it.And you can choose like how many posts
you want to talk about or you know,all that good stuff.So right here I'm gonna click
on this Save Changes,click on this and then
I'm gonna click on Save.Now, I want to show you how to delete
this post without having to use this module.Now, I can just click on this trashcan and delete,
but I actually want to show you the Dashboard.Go to Posts. Now these are
where all your posts are.So right here we have 20 best websites,
aand then we have this one right here,which we can just go ahead and trash or we
can just go ahead and edit it instead, you know.I can make it something else.So, “Why is Siteground good?”And then right here I can simply
just add it to the category.You know, you can change the text
and I can set a featured image to this.And maybe I'll put something likeI'll just put this girl.Actually, that's a really bad title with
this girl. I'll put something like,”Why girls don't wear shoes anymore?”
Now that's a good one.A lot of those posts you guys
see are just like clickbait.Like they're just… they're not
really true or relevant.They're just trying to get you to click on it 'cause
they want as much ad revenue as possible.So right here under these edits,
we're actually gonna change the permalinks.So, this doesn't make sense, you know.It says, you know, “Why don't girls
wear shoes anymore?”and you see the permalink is WordPress resources
at Siteground. We need to change that.So if you wanna change that just do like,
“Girls don't wear shoes.”Now, this is more for SEO purposes,
but I'm just showing youhow you can basically change your
permalinks in case that happens.And I'm gonna go ahead
and just update this.All right, now I'm gonna add one more,
just for tutorial purposesto show you three posts in a row.So I'm just gonna simply just go ahead and just,
you know, steal some content right here.And you don't have to follow me. I'm just,
you know, creating a post just to help you guys out.”Why blonde hair is in.”And scrolling down here,
we'll add this to the category.I'll set a featured image right here.We'll go ahead and do something
like this one right here.And, yeah, I think that's it for,
you know, this post.It's not much… there's not much to it.You know, it's really self-explanatory.So let's go ahead and view
the blog page now.So right here I'm gonna go to my blog.So now we have this right here.Now, right here you see the category.Now we can choose to hide that
as well 'cause it's kind of annoying.We don't really want that to show up
on every single one right there.So, let's go ahead now and customize this.Let's make it look how I have it on this section.So, right here you can see I centered the textand I actually put in the glow around these images.So, maybe you remember how
to do that, maybe you don't.I'm gonna go ahead and run you through.If you decide to use the blog page
and you want to change it up,'cause by default it doesn't look that good
but we can make it look a little bit better.So again, gear icon, we go to my CSS.Now the title, I want to center that.So you guys can see text,
dash align, center etc.All right, so I'm gonna go ahead and copy
that and just put that on my title.Okay. And you can do it
for anything, you know.You can do it for your categories,
you can do it for anything. So, the title.Now you can see that all this goes up.So post meta, you can go ahead
and put it for everything right here.And the featured image, of course, it's already
centered, and also the Read More button.We wanna go ahead and align that. Oh, that actually
won't align because that's at the end of the content.So, you know, that's basically, you know,a quick rundown of how you can do that.Now, the featured image, we can sort of add
that glow around the featured image as well.So again, I'mma go over here to my content.And also, guys, remember this is
all in the description. All these codes,everything that you need
is in the description.So, featured image.
So it's pretty self-explanatory.So, the featured image controls
this section right hereand all they need to do is just
paste it in there and, voilà.So now we have this
showing up right there.Now I bet you guys are wondering,
you know, why is this a little bit different?And that's just because I decided
to add in a gray background.So there you go.Now it looks a little bit different,
and our blog page looks really really good.And you might want to, you know,
edit this or change it, or, you know,whatever you want to do.
You can go ahead and change it.Content, show excerpts.We don't want the categories to show up
because I think that looks a little ugly.I think that looks good just
like that right there, okay?So that is basically how you can put the blog
page or the blog module on any page you want.So if you want it on your About Us section,
even if you want it on your front-page section,that's a very good way to sort of
put it anywhere but,I decided just to put it on my
blog page. Now, by defaultif you choose to use like
the default WordPress one,I'll show you how to use it,
but you probably never will.So it's for other themes that
don't have this advantageover here under the Theme Customizer.Now, this is just for
educational purposes.You don't need to follow me here.Under the static front page where it says
Post Page, you would select a page.And basically, the default with WordPress
would just basically put those pages there.But we have modules and we have
a lot of more customization,So we don't need to follow the standard WordPress,
you know, way they do it.We can actually just create our own and make it,
and decorate it to however we want it.I mean, this looks much better than the default
one that comes with WordPress.All right, so that's about it.
We've actually created our blog page.Really, really simple stuff guys.
You know, it wasn't too hard.And you know blogging is a really great
way to keep your company alive.To tell them, “Hey guys.
You know, we're blogging.You know, come look at it,
come talk to us, etc.”So the next section we're going to talk
about is the Contact Us section,where people will be able
to send you an email.They can fill out a form and it will
go directly to your email box.So all we really need for this page
is just one simple plugin.It will automatically create everything.So let's go on over here to our Dashboard,
and we are going to install a plugin.So Plugins, Add New, and we are going
to install the Caldera forms.Now in the past, you guys have seen
my other tutorials, I've recommendedThe Contact Form 7 plugin. However,that's had a lot of issues
in the past three to six months.And me and, you know,
all of my other partners,we've kind of just walked away from
the plugin because it was just so inconsistent.So right here, Caldera Forms,
just click on Install Now,and when it's done click on Activate.
So we're going to basically create this form right here.So right here we have the First name,
Last name, Email address.I'll show you also how you can add like
a telephone number in and make it required.So going over here,I'mma go to the plugin now,
Caldera Forms.Now on the left side right here just
click on Caldera Forms, okay?And we're just going to make a new form.Now, if you guys are brand new to this,a little plugin might have come up
and it said like,”Hey, you know if you wanna learn more
about it, you know, click here for a guide.” You're more than welcome
to do that, guys, becauseIn this tutorial I can't go over all
of the options forCaldera Forms because it's so big, and there's
just so much you can do with it, you know.Even for this tutorial, I can't cover every single
module because it's just too much to cover.But right here I'm gonna
go to New Form.And there's different, you know,
templates they have.Now, I want you guys to actually
just grab the regular contact form.These ones are a little bit more
advanced like, you know, booking,and they have like the Check in/Check out date.But Caldera Forms is really
incredible what it can do.So right here, the contact form.
Now just go ahead and give your form a name.So I'm gonna put… I'll put, I don't know, The regular.
I don't know why I thought of that.So, The regular. And go to Caldera Form…
or Create a form.All right, so right here we have your details.
First name, Last name, Email address,How can we help, and Questions.So, it's basically created
everything for us.Now if you wanna edit this,
so right here on this right side.It's here, it says, Your details.
You can put something here like,”Shoot us an email,”
or something like that.So, “Shoot us an email.”Shoot us email, it's really hard
to type when I'm on mic right hereSo it's why I kind of like
mess up and stuff so,You're like, “This guy's
a really bad typer.”It's like no, I'm actually really fast. I just have
a mic in front me. It's kind of hard to do that.So right here I have,
“Shoot us an email.”And if you want to change
this text right here,just simply go ahead
and change this.Now, let's just say you want
to add in something new.Let's say you wanna add in
a new section right here.So right here we can do something
like clicking on this plus icon,and you can go ahead and
add in all of these modules.So, guys, I remember I told you it is
kind of hard to talk about every single one.But for example, I'm just gonna do like
the phone number basic right here.Now over here we're gonna put something like,
you know, your phone, or phone number.That's like this slang we do. I'll just…
I'll write it out, you know, I'll write it out, you know.There we go, the number.So we have this [inaudible] right there, the condition.
We're just gonna go and leave that.Now, I wanna make this required
so I'm gonna say, I want this required.So, when I put required I'm basically
saying I really want them to,You know, put in the phone number
because I just want that, you know.I really choose to have that information.So, I'm going to leave that as a required,and then here you can do
like Local or Custom.So that's basically a way
how you guys can add it.Now, another way you can add it,is by simply clicking on this right
here and then clicking on Add a field,and then dragging it down to this box.And it's gonna ask you
the same exact thing so,feel free to like kind of like
mess around with this, guys.And also there's like a file right here
where people can upload their files.There's like e-commerce stuff
like credit cards.There's all sorts of really,
really cool stuff.And I recommend checking
out their tutorials, guys,because I haven't even tried
their e-commerce one yet.I have no idea about it,
I've never really integrated thaton a contact form but that looks
interesting, so, you know,you might want to check that out.So right here I'm gonna do Phone
number right here again.And like I said you can go ahead and
just put in something like, you know,I'll just put in phone number.Okay. And then right here,You know, we can just go ahead and like,
you know, drag this up to where we want it to be.Maybe you want it right here, and of course
you guys can make it required, okay.So if you guys are looking for something
like this, Caldera Forms can do that.Now, let's take this section right here.You know maybe we, you don't want to have this
section anymore because we already have it.Simply go down over here
and just delete the field,And there you go.So right here we have, Shoot us an email, First name,
Last name, our Phone number, our Questions.So I'm gonna go ahead
and save this form now.So I'm gonna go and save it.
Now, one more thing.You're gonna go to Form settings right here
and right here we have the Form name.We have the Shortcode,
which is what we need for this.And you guys can go ahead and like
mess with these settings, like, you know,when they send the email like
what will it say? Will it say, “Cool, thank you,” or something?So right here just put like what
you would like it to say to them so,So, “It's been submitted.
Thank you very much.”And all this other stuff is a little bit more technical
so you don't need to really mess with this.Now over here under the Email,
make sure that you have your email right here.And also when you get the email,
this right here will be your response,Or it will be from the website so make
sure you put your website.com.Because you may…
you wanna like, you know,make sure that you know it's
coming from that website.So put like puppyplanet.com or something,
or whatever your e-commerce store is.Put your domain there or something to help
you remember that it's coming from the…your website, all right.So, I'm gonna go ahead and
go to save form now.And now I'm gonna go ahead and place
this shortcode on to our Contact us page.So right here I'm gonna go
to enable the visual builder.I'mma go to this plus, and I'm gonna
grab the text module and paste it right there.And it's calibrating, and voilà,
we have a beautiful contact form.Now, I kind of wanna change the background right here.
So the background color,I'm gonna change it
just a little bit.And there you go. So we have
a very nice contact form.First name, Last name, Email address,
Phone number. Questions, Comments etc, okay.So, basically we set up a contact form,
guys. It was really, really simple.These will all go directly
to your email inbox,'cause I've used a lot in the past
and it took me a whileto find a very good and very reliable contact
form so I recommend the Caldera Forms.So the next thing that
we're going to do now isWe are actually going to go
back to the front pageand we're gonna mess a little
bit with the CSS features.So I also want to let you guys know
that you guys are actually doingreally, really well if you've
made it this far.You know, we've actually touched
base on almost everything.You know, we're designing the homepage,
we're creating some products,we're learning a little bit of CSS.And the important stuff
will come a little bit later,such as the WooCommerce settings.So just bear with me and let's keep going,
and we'll crack one thing at a time.So the next thing I want you guys
to do is go to your front pageand I wanna show you how to actually
design it just a little bit nicer.So right here you can see that we
have these glows around everything.I have this shadow right here. You can see
I have the glow around the product as well.And scrolling down here I also have
the shadow right here around this box.Now, this might look
like nothing, you know.You might not even notice it,
but when you're actuallyvisiting a website for the very first time
it just looks bland, you know.Compared to this right here,
we have a much better odds ofpeople clicking on our stuff, because
this looks nicer and this doesn't.So I want you guys
to be able to succeed.And, guys, really, honestly, a lot of these
images and a lot of these like sales that you getare just from images, guys.It's just from positioning and appealing
to the human eye, that's it.People actually don't really focus
too much on your product.So right here, we click
on Enable visual builder.And I'm gonna show you guys the CSS that
you need if you want to accomplish this look.Now, remember, this is totally optional.You do not have to do this, but if you want
a little bit more for your website,and you wanna get a little bit more decorative,
I'm going to show you what you need to put.So right here is the Main Element
and I'm gonna simply copy this.Now, this is also in the description.You just need to simply copy it and just put it in your
module in the CSS in the Main Element.So going over here, I'mma scroll down
and I'm gonna grab this one right here.CSS, Main Element,
and just paste it in there.Now, remember, if you want
to change the color,earlier we talked about all you
need to do is find the codeand simply just change it
to whatever you like.Now you guys can get as you know,
as customizable with these shadows as you want.You can even put it over here
under your Call To Action.So right here I can put it over the same thing,
but I probably might not want to.That might be just a little bit
too much, you can see.So, you know, I actually don't wanna add that,
so I'm not going to add that in.It's a little bit too much.Okay, so over here, same thing.You go to this image, you can go to CSS,
you can put in the Main Element.And this is a much better presentation
than just having blank images, you know.That glow really affects sales.You know people will actually determine to buy
something just because of a few colors.It's really how e-commerce works.Trust me, I've been doing it for
awhile and it's really funnywhat makes sales and
what doesn't, you know.So scrolling down here.
Now we have this next section right here.So I've actually added a different
shadow to that one.So right here I'm gonna click on the settings and I'm
gonna show you exactly what I did under the CSS.We're gonna go ahead and
scroll down right here.Oh, I'm sorry. It's under this box.
So under the actual row,Under the CSS,
I'm gonna scroll down.And I actually used this right here.So basically I just created a border
and I created a box shadow.So you guys can actually go ahead
and just take this script,Copy it and put it in your, in your, in your…
what's it called? In your row.So, remember, this must be in your
green row right here, okay?So you're going over here, you can click
on that, CSS, and simply paste this.There you go. So now we have that
same border shadow. And remember,these pixels are basically just the space.So, you know, we have 20 pixels,
20 pixels, 20 pixels,qnd then right here is the color.
So that's all I'm doing right there.So if you guys wanna go ahead and change
that to something that looks like this,you guys are more than
welcome to do that.Now you see right here under this border
right here, there's that shadow.So that is what the box
shadow is for, okay?So if you wanna achieve that look,
that is exactly how you do it, okay?So, yeah, that's basically it for that section.Now, I will talk more
about the divider.The divider I feel that it can be very
confusing to a lot of people.I'm going over here to the divider.I'mma go to the CSS.
Let's scroll down.Now, all you need to do is
simply just say, the width,I want it 70 pixels and
the margin means auto.Now, guys, this is totally optional.
This is a little bit more advanced.So if you're brand new to WordPresss,
it might be just a little complicated.But if you've been around WordPress for awhile,
you wanna know how to do this stuff,it's very simple, guys.
It's very, very easy.Now for the width, you can
change it to semthing like 100.You're just controlling the width of it
and you're saying,”I want the width to be 100 pixels.”
And margin,the auto control basically says,
“I want it in the middle, okay?”So that's all I did right there.All right, so let's go ahead and save our
progress right here before we keep going.Now, for this section right here,
I bet you guys already know what I did.So going over here, I just basically took those same
commands and I just put it over here instead.So going over here. Now, first off,
how do I make it look like this right here?This looks much better
than this right here.Now, you see right here where we have two images?
That's only because I enabled the visual builder.But on how people will actually see it,
it will look just like this right here.So it will not have that… it won't
have that double image look, okay?So right here under the… I'mma go ahead
and enable this again just to show you guys,and compare and constrast.I'm gonna show you
exactly what I did.Now going over here, I'm gonna click
on this gear icon and go to the CSS.And scrolling down right here.Now what I did right here was
I aligned the text to the center.You guys can see right here earlier
we did that with the profile, remember?So I just align the text center and
I just gave it a box shadow.That's all I did for that. So that is
basically how I achieved that look.Now, scrolling down here,
I added an overlay as well.So you guys can see right
here I have this overlayon the box shadow as well.So let's go ahead and
put this in one by one.So for the products, I'm gonna go ahead
and goes to our Shop Settings right here.And I believe I put it
in the Products section.Now, another thing I wanna
show you guys thatif you guys have issues with
this or if this is not working,ask Elegant Themes to give you
the correct code and it will work.Now, this is the correct code.
But, guys, if you're missing a single space,if you're missing a single period,
if you're missing a hair, it will not work.It must be exact. So make sure
that the code is correct.And again, I will put this in a blog
post on my website.You can always refer back to it if
you wanna achieve this sort of likelook right here we've got going on.So right there you can see that I have
the text aligned to the centerand I added this beautiful
little shadow behind it.But I've also added something else.I've actually added the overlay
image right here.So I'm going to take this, and I'm just gonna
simply go ahead and go over here to Overlay,and add that in right there.So after we've entered that in, you're going to notice
that you're going to see this glow. However,you guys will still need to enter
a piece of CSS intothe Theme customizer because on some
webhosting servers, this does not work.So this is another webhosting company,
and right here are the products.Now, if I hover over it you're going
to see that it does not work.So you guys can go
to my blog right here,and I have actually a post right here.
I'll go ahead and click on my blog andshow you guys exactly which it is.So this one right here, “How to make
an e-commerce website with WordPress.”I'm gonna click on that.And you know all the CSS
guides is in here.So if you wanna achieve
this really nice glow effectsor get customizable, all the codes are here.If you do not want it then just simply…
just hang it.So scrolling down here.
Now right here it says,”These next two must be placed
in the theme customizer.”So all you need to do is simply
go ahead and copy this right here.Just like that. Just like I've done it
right here, and copy that.Now, this is my other website.And this is on a different
webhosting company.So I'm gonna go ahead and just
paste it in here just to give you guysan example of how it
doesn't work right now,and then how it will work
when I enter in the CSS.So we're going over here.
I'mma go to my Dashboard.And I'mma go to Divi and then
go to Theme Options.So scrolling down here.All I need to do, guys, is simply just go
ahead and just paste this code right there.That's it. That's all you need to do.
So now I'm just gonna click on Save Changes.And then I'm gonna go over
here and go to Visit Site.Now this was my demo website,
and this is on a different webhosting company.And now as you guys can see
I'mma go ahead and scroll down.And now you see the glow is there.So if you're using my recommended hostingon this tutorial you may or may not need to,but I'm just gonna tell you
just to do it anyways.So right now if I go
click on this and Saveand I'm gonna go ahead
and exit the visual builder.If I scroll down right here,
you're gonna see that it does work.But for some hosting providers,
it may or may not work.So just to be on the safe side,
I want you guys to do it anyways.So you can go to your Dahsboard, Divi,
Theme options, and then simply scroll down.And again right here
I've entered in the code.However, if I delete it and I go
ahead and Save Changes,on my server for this current
hosting company it will still work.So I'm just, you know, showing you that
for some webhosting companiesit may or may not work.
So just to be safe,Go to my website and enter that inBecause I know everybody not might
be using my recommended hosting.And that is how you
would fix that issue.Now another thing I wanna point
out that if you guys wannadecorate this and make it look
really cute and nice,so however you want to do that, you guys
can go right here to your gear settingsand go to Design tab.Now here you have the Sale Badge Color,which controls this section right here.I can go ahead and change it
to like, black.The icon hover color, the overlaid
color we can go ahead and change thatso right now we have that like,
kind of like that faded look to it.But we can go ahead and change that to
anything we’d want to something like blue,and the icon color which is like purple.So, you go over it and now you
see that it changes colors.You guys can simply go through
this and mess around that;of course, that looks really ugly,
and I don't recommend that you do that.But you know, depending on your website,
guys, there’s always a need for something.You know, there is really a need
for something all the time.So, I understand even though it looks tacky,
some businesses might need that.So right here we can change the title
font to something else,so anything we want, but we want to keep
a Poppyont Able and scrolling down right here,we are able to control the font size,and again we can change the title
text color right there.We can also change the letter spacing
right here, so maybe, maybe one is good.And right here we can go ahead and
change the price font or something else,so you can go ahead and
have fun with that.And again, you know, these are all
very self-explanatory, guys,so I'm just letting you know that this
is where you would go to changethe sharp settings and
everything else. Okay.So basically, out of this part in the video,because I asked to test it on different servers,and some of them worked but just entering
that CSO skies, and then it will work fine.Now how did I achieve this look?
How did they make it look like this?Well, all they really did was make the row
full width and I just made more space.So right here we could go to this icon,
we make this full width,now we can also mess
with the gutter settings.So earlier we talk about
the gutter settings.You can see now that the gutter
settings is getting a little bit bigger.If you want it like that, you can do it like that.If not, you can go ahead and leave it like that.So that right there looks a little bit better
than what we had before.And again, right here we can click on…
exit the visual builderand it looks very similar to
what we have right here.So these do look a little bit smaller and
that's because just probably the image sizebut not to worry, we'll go over
all that etcetera. Okay?So, showing you guys how to use this,
it's pretty simple, it's pretty straightforward.The next thing that we're going to do
is actually learn how to use our logo.I mentioned about a logo, so guys,
I've seen other tutorialswhere they give you like free
logo maker’s guide.So, if you're really serious about ecommerce,
if you're really serious about a business,just get a logo, you know,
pay someone to do it.And I‘d actually got my logo from this website,
there’s a website called fiver.comand there is a link in the description
of this video,and it will actually take you to fiver.com.So, this website right hereand these guys will make beautiful
logos for just five dollars.So, for example, you're going
to type in logo up here,and simply go to one of these.Now guys, these guys produce
some really, really nice stuff.And for five dollars, you can get
a really nice looking logothat looks something like this right here.And your other alternative is just
to go to some free website,get like a stick figure logo,
that nobody would want.But if you guys are really
serious with your store,I would recommend these guys because
these guys provide some beautiful logosand for five bucks it's kind of a like
a really, really good deal.You know what, there's a lot
of work that goes into thisso I recommend going to fiver.com
to get your logo.And if you guys choose to use like the free
resource, you guys can always do that.But remember your logo makes you look more
professional and people will see your logo,they'll see the image like this right here
and they'll say, “Oh, that's a cool logo.Maybe this is really a professional store.
They get intrigued and they'll come and say,I’m gonna buy from that store now because these
little things here and there, like your images,your pictures, everything adds up.It really adds up and people
will buy based off images.Let's go ahead and go back
to our website right here.So, scroll down here. We have
added in the glow effects,now remember you can add that
to any module that you want, if you want to achieve that look.
Just remember to change that code.And the color you can find
on any module.So, for example, right here, I'll go to
the design, and scroll down right here,and we'll need to find the color,and this is really where we find
the color right here guys.So this little number right here,
whether you want to change it to the glow,it's going to be right here, okay.
So you would take that and put that for the glow.Okay. So that little number
right there okay.And ah. That’s about it for
that section guys,and the next section we're actually going
to go finally design our shop page.Oh, I’m sorry, one more thing;
let’s add that overlay right here too.We didn’t add it right here.
So over here, scrolling down,you can see I have a cool shadow.I did the same exact thing guys,
all I did was add that shadowand the reason is why is
because this looks boring.It looks nice, but we can
improve on it you know.And why not just do it, you know, like
there’s no reason to be lazy and not do it.So, scrolling down here I'm gonna
show you exactly what I put in that.So this little gear icon, the CSS and this
one, sorry… it’s the [inaudible] icon, whoopsies.So scroll down here, I did the same
exact thing guys,I just basically copied the same exact one for
this one and I did it for this one right here.It is the same exact code.Okay, and again you guys can go to my blog
or even ask Elgin Teams to provide youwith that code to make sure it's
exactly what you want. Okay?So, I put it in the main element.
Let's go ahead and do that.So right here under this icon… I'm gonna
click on the row settings, this teal setting,and go to CSS, and go to the main element
and simply paste that in there like that. Okay.Now the reason why it looks like that is we
have padding right here, we have space,so I just kinda want a, take it out,
and same thing right here on the bottom.Want to reduce that so we have that
little look right there of this section right here.So, It's kind of have that overshadow,
that’s really, really good.And of course, we have the same thing on top.And again also, you can also reduce the
padding right here to, you know doing that.And this section right here, there are
a lot of different ways we can do this.We could have just made a whole
different blue row right here,but instead I connected the blue row.So an alternative method would be
to create a whole other blue sectionto sort of get rid of the white section
right here. To get rid of some of it,I could have done that as well. But I think
you guys might be comfortable enoughfor the page boulder to sort of explore
different options with it.I'll leave that up to you, but this really
isn’t that big of a gap anyways.If there were like a lot of white, I would
say okay, we have to fix it,but that's acceptable. That amount
of white is acceptable,I mean from here to here that’s not too
much and we can reduce it even more,so I think that’s totally acceptable. So,
I'm going to click on this, and click on save.And that dark shadow is really is fun.
You can add it to different parts of your website,you can add them to a lot of different
places and it's really a fun piece of CSSor your website. So, I've been telling
you guys a little about the CSS,we've talked about this right here,
so these images don't flip over,so we're going to go over that and the
shop page which is the next section.A really quick before we go to the shop page,I want to actually introduce you to the
menu and also show you how to fix its logo.So, I told you where to get the logo,
right? Fiver.com,so if you want to change this logo,
there's a few ways you can do it.But I'm gonna go show you the correct way,
so right here you go to your dashboard,and we're gonna go down to Divi
and go to theme options.Now right here it's simple:
logo, upload, logo, upload.Now what's a favicon? Well,
you see on this top left right herewhere we have this little YouTube
symbol? That’s the favicon.So, if you want to change that for your website
which I recommend, because if you don't,it’s just going to give you the default one
that comes with your web hosting company.You will change it right here so I’m gonna
go ahead and show you how to do both.So here, logo upload, I’m going to select
the sun right here, and also for the favicon.Same thing, upload, and I'll choose
the Instagram one, you know.So, that’s favicon, and there you go.
So I'm gonna go down here.Also make sure to go to the settings,
you know if you choose to,you know mess around with the settings,
this is where you'll find a lot of the settingswhere people asking questions like,
“how you do this, how you do that?”that's exactly where it is.And also, they have a navigation,
but you know, all this stuff right here,guys, I truly would not mess with it because
the modules themselves can do a lot of this stuff.So, it's really not necessary to even mess
with some of these settings right here.And a lot of these are kind of outdated,so it's cool and let's go back to the site,
and cool, we got our logo right there.But really quickly, we don’t have our menu,
we really wanna change it.You know it's not appealing, I don't want
this whole, this white thing right here.I kind of wanna make it transparent.So, let's go ahead now and customize
the menu before we go to our shop page.So over here we go to theme customizer.And the great part about this is
that everything is like visual.You can see exactly what you're doing.So here under our header navigation,
you click on that, all controls the menu.So, we can have like two menus;
we can have the fourth header module as well.So, I'll talk about that after
we're done with this,cause I don’t want to jump all over place.So first we have to have our header format
and you can choose to have this like centered.You can choose to have it like center aligned
with the logo, or sliding or full screen.So, you see how if I click on this right here,
it's going to have it as full screen.So, there's a few different options
that you can have this with now.If I scroll down right here, we can choose to hide
the navigation until the scrolling is wellso we can do that as well, or you
can have it like that as well. Okay.So, I’m gonna leave it default for now.
Cause I'm going tocustomize this and I want to show
you on what I'm going to do.So, next is the primary menu bar.
So, this right here is the primary menu bar.Now we can make this full width,
we can hide the logo, we can use the max height,or we can kinda mess round with that.The logo max high I recommend always
just doing it like big. I like it big.I think the logo, we wanna extend
the logo as much as possible.Now the text size, again right where we can
make it bigger or we can just make it smaller.The letter spacing… now guys if you
notice, this looks very familiarbecause these are basically the same
exact settings in the modules,so we make it pretty much consistent,
 kind of told you guys from the start,you guys learn the setting for one module,
  you basically fit the entire website. Right?So right here font. So, I'm gonna do Able,
so how you pronounce it, A-B-L-E, AB-LE.I believe someone in the comments is gonna
be like, do you, you're saying it wrongthe entire time which is happened.So right here you have like
the font size, they style as well,so they'll be bold or you want to italicize.Now here you might want
to change the text color.Now that's really ugly. But that's would
be really good for like an organic storeor something like that.So, we're gonna make it a little bit bigger,
 so we can see it a little bit more;and the text color I'm gonna
leave it as blackand right here you can control
the transparency of the text.So now you see it's really dark,
now over here it's fading away.Active link color. So, if someone clicks on this.
What color do you want the link color?You can even decorate that. If you don't
want a link color? A really quick wayto get past that is just to reduce it
all the way like that,and then when you click on it,
there will be no link color.Background color. Click on that,
I can scroll this all the way down toget a transparent color, so that
color is all the way down.ou see how the menu is fading away,and wallah, now I have that beautiful,
transparent style or I can just add in colorthat I want I can make it also transparent.
You see how it's a little transparent right there.So, this controls the transparency,
this controls the color on this other side,.Now I'm gonna leave it transparent,
because I kinda want that look.I think that the black with this
text matches everything else,I'm gonna leave it like that.Now the drop-down menu
background color…so right here we have the dropdown
menu background color.So right now, it's sort of transparent.But of course, you can change it
to anything you guys would like.So now you see it's purple, so you
can go to this, mess with that.Now also the dropdown
menu line color is well,so over here you see that
blue little line right there,that is what is the dropdown
menu line color.So, you can go ahead and change
that to whatever you want.And also, right here the dropdown
menu text color as well. Okay.So that's pretty self-explanatory. You know,
this is actually very easy to understandand as you can l see everything
live as you're doing it.Going back over here, now we
have a secondary menu bar.So, if you want a secondary menu bar,
which is the one above it,we need to actually activate it.So, going over here, I think it is
under the header elements,which is showing the social icons,
and right here you put like a phone number,7800 -58… then also your email,see you put besttutorial@gmail Okay.Now we can’t see it right now just because we
have to see them published in order to see it.So, we're gonna do that really quickly just to
show you guys about the secondary menu.Now we need to make sure the secondary
menu is, it's active.So here you see it active. So, let's
go ahead and close this really quick.And Voila! Now you see we have this
secondary menu right here. Okay.Now, the same thing applies if you want to
customize it, okay. So, theme customizer,and that is considered the secondary menu.So menus, I'm sorry, I had our navigation
a secondary menu bar and then right here,you know, you can go ahead and
decorate to whatever you want.You can change the background color,
you can see how up here's changing.Now if you guys sort of wanna move stuff
around, you could email Elegant Themesand get some custom CSS to position
it anywhere you want.But by default, and you know guys,
Elegant Themes have been announcingto really big changes, so there might
be changes in the future.I don’t know, but as of right now,
this is basically the default settings for it.You can make it like full width.Or you can mess around
all these settings.These are also the same exact settings
as the primary menus. I actually don't want,I really don't want this menu here so I’m
just gonna go ahead and delete everythingbecause I just choose not to have
a secondary menu. Okay.Just going over here to fix navigation elements.Now you guys can just kinda go through
these. It’s pretty kind of self-explanatory now.The fixed navigation guide is actually
when you scroll down.So, if you scroll down, you want to
make sure that the primary new barand the fixed are the same, because the
scroll down gonna look the same. Okay.So again, primary menu bar is basically
how it looks, fixed is when you scroll down.The secondary menu bar is the one
above it and the header elementsis just like the options inside
of the secondary menu.So, it's pretty easy to understand.Now since we're here, a lot of these
other gadgets and widgetsare just basically like a general settings.Like identity. Remember we talked
earlier about how you can changethe name of your website, so here, you can
do that right here, you can add a site icon.However, we don't really need to do that
cause we’ve already done that in the backend,but you can do it again. So right
here I’ll just select an imageand put the Instagram one
and you can position it.They’re gonna show you right here to see
what it would look like. You see that?So crop the image and going back.Now remember I told you earlier how some
of these contradict each other so we alreadybasically set this in the back end and
we just kinda did it again right there.So, but it's up to you whatever you
want to do, so layout settings,you can have a box layout which looks
like this or you can do a full width.Now, I gotta be honest.
Box setting is like 1990;a lot of sites don't do box setting anymore,
so you might not want to do that.Now the reason also that it looks like this
is because the screen is scrunched together.So, it only looks like that because
we enabled the box layoutand also because we're using
the theme customizer.So, you know you go ahead and check out.
Some of these settings guyson the left side is like, the layout
settings, background;a lot of these can be done with
the modules themselves,so I think it's not a good idea to design
your page from the theme customizer,So I would not recommend doing it.
So that's just my two cents,but it's your website so you guys can do
whatever you guys would want with it.So that’s about it for the menu
section and also the logo.So, let's go ahead now and
go to our shop page.Now, I actually made the active
link color transparent,so I need to change that
before we continue.So basically, when you click on it,
it turns invisible,so I need to actually give to give it a color.So, I’m gonna show you what I… but the mistake
I made was… okay, so today was my fault.So, header navigation, primary menu bar,
now the active link color,I wanna keep that the same, so black.And then go over here and make the
transparent color and then to save and publish.Okay, so that's basically,
why that was invisible. All right.But it was by default you get
a sharpie that looks like this,and we're lucky we have the Divi
theme because by default, guys,you can't edit the shop page; in fact,
even up here the visual builder is gone,so a lot of the themes that you get,
you can't customize the shop pageand if you don't want the way it looks,
tough me. That’s all you get.But with a DB theme, you can
create your own shop page.So I highly recommend that you do that
because this shop page is not appealing.People might not buy on it, or spend the time
to design it yourself and get sales, right?I mean, this doesn't look ideal.
Not even if you go to any website.This doesn't look that good, so let’s go on
over here to Plus New, and go to page,and we're gonna create a new shop page.So here I'm gonna do Shop page.We all just do shop and then we
activate use the visual that’s right here.Now a very big thing I want to recommend…now you must have a different promo
link than dash shop.So, this is okay or you can do something
like dash shop page.But if it's like this right here, Blue Commerce
will think that it is the same shop pageand Blue Commerce will actually
override the settingsand it will make it look like the ugly one.So you wanna make sure that
your permalink is different.So, Sharp page or sharp dash product
or sharp dash showcase or something.So, Sharpdashpage is my permalink. Okay.Now this can be the same title, that's okaybut the permalink must be different than
that sharp. I can't stress that enoughbecause Blue commerce will override
the setting because they thinkthat's it's actually the same sharp.So right here I'm gonna go to use
the visual builderand I'll just go ahead and design it.
Let’s go ahead and decorate it.Now, I'm gonna do exactly what I did
over here for the shop page.So really quickly I'm gonna
educate you guys,this right here is just a fourth module
and I just add some background and text.This right here we can do either a text or
a call to action, and reduce the paddingand we can make it full width.Right here we have a sharp module and
then over here we have a side bar module.And after we're done with
the products and everything,and the verbal products
and everything else,I'll show you actually how the subscribed
works and also the follow us.And also, this review thing right here,
don't worry about that.I'll talk about that in just a little bit.
I purposely left that there.So, let's go ahead and go to our shop
and we’re going to create the shop page.So first you click on this little plus
icon, and go to full width.Then we grab a full width header and,
you know, welcome to our shop,and then go crazy.Now remember a big tip, guys, is to always
capitalize the first letter of everything.I know in English, that's like F-F-F,
but here it's A-A-A, so,that’s what everybody does on the internet.That's what makes sales.All right. Also, right here, we can design it,
we can do something likechange the title fonts, or whatever else,
or you know, all this stuff right here.I think it actually changes to white up here.
Yes, so white was a little bit more easier to see.So, I do like whites and then the sub
header font. Also do white as well. Right?I see here, content, white and then the…
yeah. Why is that one changing?That one shouldn’t be changing.
Subheader font color. Oh, there it goes. Okay.All right. So, I'm gonna click on check.Now, right here I’m gonna add
a background image. So, settings,background image. Now, you can also
add in a video, so you go to video.netand download those free videos,
or you guys can go to likeShutterstock or Getty images
and download the videos there.So right here I’m adding a picture of this girl,
and go to upload image and go to check.Now right here, I’ll delete this module,
I don't really need it. And there you go.So now I have the scroll on top right here,
and that’s actually appealing.That looks quite good.So, the next thing I'm going to do is add
on this section right here. So very simple.We're gonna go click on plus,
regular and this one right here.Now guys, there's a lot of ways to do it,so I don't want you to feel you that
have to do exactly what I am doing.You can add in a text module,
and add in the background,or call to action or you can add in
another fourth style.There's a lot of different
ways you can do this.So, I’m gonna just add in a call to action
and I'll just put a like a shop page.For a shop, the latest stuff.Of course, you can bring in anything that
you want and I do not want a button here.Now, background color, yes. I'll change
the background color, like this right here.And maybe like fade it up a little bit,
and then for the design,you might want to change the font
and make it just a little bit bigger.Right? So, it's there. But you know,
it doesn't really look good you know;we have too much white space.So, we need to actually reduce the padding
so right here under this gear icon, so this row,for this row I want to extend
this row all the way across.So, row settings, make this full width,custom gutter and reduce this
to do you remember, one.Okay, and there you go.
Now one more quick thing before I continue.I wanna actually introduce you
guys to the fourth menu.Just in case you want to add a menu
to your page or something,so right here add a new section, full width.
Now we can add in the fourth menu.And guys, It's literally just another menu.
And you kinda like change it, you can center it,you can customize it so this is another
way you can add another menuto any part of your website. Okay.I did mention that earlier before I got
carried away so this the fourth modulethat you can use for menu. But I'm not
gonna use it because I don't want that.I'm latest. So, we have all this
padding and stuff right hereso let's go and reduce all this padding.And now for this teal section right here,
same thing, I wanna reduce all this.And over here, same thing;
and over here same thing.Cool! So now I'm going to click on
this little plus sign and go to regular,and I'm going to add in this one right here.So, you see right here this is actually perfect,
so right here we can have our products,and then this little right section,
can we get our sidebar.So, we've already kinda like,
you know, picture perfect day.You know we’ve kinda like picture
how it’s gonna look.So going down here, let’s go ahead
and find the sharp module,Now guys, I do have other tutorials,
as far as, I do have a lot of other tutorials butIf you guys want a specific thing
on your products, like checking,I’m sorry, like party add-ons, like bookings,
like dynamic pricing,like buy two get one free,
or like a specific shipping style.After the rule commerce, after this tutorial,I have a lot of commerce tutorials among that.But don't go there yet because we have
to first talk about tool commerce setting,we'll talk about in just a little bit.Now over here I want to add in a sidebar.So right here, sidebar,And that's here. here. Oops.
And also check my channel.I have another one; it gives you like thirty
sites where you can list your products guys,because the ecommerce site
is great to have, no doubt,but you want to link your products to
have as many different types as possible,which is what I do and a lot of other
people do to make money.So, all right. So, we add in the sidebar,
we have our products.Now you’re gonna want to make
this bigger, I want to extend this.You know, I wanna make this bigger,
and I wanna gutter it like two.So, we have it like that.
Now let’s say for example,you want to actually change this to sort
of have more products. So right here,call number will do for this time.
So now you’re gonna see that we have four.So now I bet you guys are wondering why
doesn’t our shop page like the default one,like we had on the front page
or this one over here.So, guys, it’s very simple. all we have
to do is take the same exact CSSand just apply it to the same module.
That’s it. We're just takingthe same stuff from this one
and put it in the other one.So, this is also in the description of this video.Also, guys make sure to check on my blogpost,
if you guys are having problems with the CSSor If it's not working for you, so right
here I'm gonna simply just copy thisand just go ahead and apply this. So, CSS,
they just wanna add this to the product.So, CSS, and then wanna
add this to the productand just paste it in there like that.
So right there, it already looks much better.You know we have that box shadow,
and we also have everything aligned in the center.Now another thing I have over
here is I have the overlay.So right here, we have the overlay,
I'm gonna go ahead and copy this.Now guys, if you want to have this
just around like the actual product, it’s like you don't want it over the… like the actual,the… if you don't wanna want to have it over it,you just apply it to the actual product itself.So, we can do something like apply it
to the main element right here.And we can add it like that or you can
actually add it to something else like,you can actually add it to like the title
or something like that.So actually, the title will not work.But going over here it’s kind of like
mess around with this now.So, you can add it to the image.
Right here you can put image.Now if you guys want something
like that in there,now you don’t have to scroll
over it for that to work.So, it basically just works by default.Now you can also do that for like
the actual part over here.So, you can just like change the box
shadow right here as well.So, if you’re looking for that you can
go ahead and do this as well. Okay.But I actually have for the overlay.So right here that's basically
saying only when they hover it,it’s going to turn that that color. Okay.So, if you want to apply this to any
part of your website, you can do that.You can probably even add it over hereto the sidebar right here around the main elements.So, you guys can see and we can also center
that text, do whatever we want. Okay.So, I'm just trying to make you
understand the logic behind it.Now quickly if you guys don't want your
own shop page but you want the overlay,you want the overlay effect to that glow.I would give you a piece of script
and just a little bit.That is only if you choose to use the default
one and not overdoing right now. Okay.So those of you who don't wanna do
the custom shop page, don't worry.I will still give you the CSS for that.Right. So I'm going to click on publish,
and we’re actually gonna publish this page.Okay, so let's go ahead and
exit the visual builderand wolla! you know we have
our cool shop page.Now there are somethings that
really want to be changed,maybe you want to change
the sale to a different color,and maybe also we want
to change the text as well.So, remember, settings, everything
is in the designs, guys.By now you guys are probably
learning how to do this,so icon hover color, you know,
so the overlay color,we're gonna put that dark and title we
can change like the spacing of these.We can change the line height, the price font.We can go through all these settings right
here and make any changes that we'd like,so price font we can make it even bigger,so like I said, there’s always a…
it is so customizable.You know, you can get as customizable
as you want.And make it look however you want.So, we click on this right
here and go to save.So, another thing I want to
go ahead and point out,I'm going to give you guys
another CSS lesson.Now on this shop page right here,you guys have noticed that if people
decide to give you a product reviews,it's gonna look like this right here.And the reason why it looks
like that is becauseto be it so, things, everything is to the left.So, you wanna make sure that these
stars are to the, I'm sorry in the centerSo, going over here, you can see
that I have no reviews yet,but that we're gonna go ahead
and fix this right hereso in the future if someone
does review somethingand you decide to text align
center to everything,that it will work properly.So again guys, everything is
on my blog page right here.So right here we have the center
of views for your website,all you guys need to do is go over
here and copy this right here.And simply go ahead
and paste this in.Now you guys again this is just if you
want to be you know customizable,if you want to go a step
further you know.So let's go over here
to our dashboard.I'm going to enter this
in the theme customizer.So Divi – Theme – Options.Imma scroll down, just keep
scrolling, just keep scrolling.Now, this over here was again
for the product shadow,so around all of our products we have that
hover over glow and I talked about it earlier.So again, remember that if you want
that glow around all of your products, just go ahead and use that code, okay?Now I want to go ahead enter
in this code right below it.We're going paste it, we’ll go ahead and make
sure that these aren't touching like thatand click on save changes.All right so now they have entered in this code right
here let's go ahead and go back to our website. Now earlier again remember it was actually
showing that it was on the left side,so now let's go to our shop pageand now you can see that it's really beautifully
aligned in the center right there, okay?If you want to go ahead and achieve that
that center review that's exactly how you do it you guys always refer back to my blog
page and if you have any questionsor if something did not work for you or you
just want to know how to do something elseand also remember to hit up elegant themes cause
again all these codes came from elegant themes these guys provided me with everything,so that’s because if guys ever need help
with your website or you have a problemor you want just like an added you
know kick to it or something like that, these guys can help you out
with your websites, okay?So let's go ahead now and
go back to the tutorial.So us go back to our shop page now, you guys have
probably also noticed on our other shop page right herethat we don't have that product
flip, you know, it doesn't work,you know the price aren’t flipping over like we
had earlier, so let's go ahead and do that.So that is basically a small plug in, so
right here we’re gonna go to dashboard,we’re gonna go to plug ins and go to add newand I believe it's called product flipped image or
Woocommerce or we’ll just do like product flipped.Product flip.And I think the one that worked for me was,let me double check, let me double
check right now.So go over here to my dashboard.
Now this is actually my other demo websitesand you know it's hard because a lot of plugins
come in, they come out, you know they update, they're good, they're not good anymore
and the one I use over here,was I used the Woocommerce
product flip image.OK so you guys want to go over here
and type that exactly into here. Now guys this is a free one and it works
because I have spent a lot of timeor a lot of time trying to find a really
good plug in for you guys,so right here Woocommerce product
image flipper, just click on install.There's a lot of like websites that
offer them like for like thirty bucksbut I've done my research
and this one works perfectly.So remember under your products now
there's no little like option for the left side but on the products you can go
your products and click on them.Whatever your secondary images right here, the product
gallery, that is what it's going to flip as, okay?So whatever you have here. Now, if you have like five
pictures, it's going to do the first one right here, okay?And it's all automatic, there's no like
settings for it, nothing like that in there,so going back over here,
I’m gonna go to my shop page and if we…Let me see here.Oh, you know what, I didn't change
it in the menu, sorry about that.So I have to add the shop page to the menu.
I was like wait why do I have this one again,so here I’m gonna go to our pages
and we're going to add in our shop. I believe that’s the right one.We’ll see if it is or not we’ll add both of them.Okay, I’m gonna save this to the menuand it's one of these, it's one of them. All right.Sorry about that, so now we go over here, you can see
the image is now flipping over, do you to see that.So if you want that affects you can actually use that
plugin for its and it will apply to your products.Now the next thing I want to talk
about before we do the variable product,which is the other part we talked about
earlier, we did the simple productand now we're going to variable product but
I want to introduce you guys the live chat, you know, live chat feature guys is very easy, it's
simple and it's actually really really really easy to use.So there is a link in the description of this video it'll take
you to a website called Tidochat.com and it's freeso it's not going to cost you
anything so Tidochat.com.And like I said it's a free live chat,
so it doesn't cost anything ,now it does if you want like their premium
features, so if you want like they're pro features,if you want something that's like a little bit better but once you maybe get like a lot of
traffic you might wanna upgrade to thatbut for now I'm going to go ahead and say, Okay try Tidio
now, go ahead and make up in an account right here.Now I’m gonna go ahead and log in because I already
have an account these guys, I already use themand they have a really good live chat system.So right here you can see it's loading up.Now right now my trial period has ended so
I basically have to just select the free version,so I'm going to downgrade to basicAs I said you guys can use it, you
don't have to have a paid version,you guys can still use it for free on your website.Alright now I want to actually
install the Tidio chat pluginthat will connect to this so this right here is our
dashboard so going over here to our website,I'm gonna to my dashboard and we're
going to install the Tidio chat pluginand that basically connects
our websites to Tidio chat,so Tidio chat.There it is right there so right here install now.And I'ma click on activate.Alright so I have Tidio chat activated.Now over here on your left side you're going to see
Tido Chat come up so just simply click on that.Now you need to actually integrate this or you
can just go ahead and enter in your accountYou can do either or but that you'll only have
to do this one time and then after thatit's just going to link you to your page,
so I'll just do integrate with site.Alright so your site is already integrated with
Tidio chats now I’ma go to click to panel.Now I'm actually going to close this
again and do this just from scratchso you understand how this
works one more time. Alright so, you know I really
don”t want [inaudible]I have to do that. I will just enter in right here.Alright, so I guess they want us
to like sort of decorate thisbut you can always do this in the settings
guys, so don't worry about that .Now going to close this Ooay,
so going to close this.Now again if you click on Tidio chat it's going
to keep opening up this section menu.so in order to find out if you have visitors
on your website or something like that,you need to make sure
that this is open OK. So right here we have this
section open right here OK.Now, if I click on this dashboard and you can
go through all these settings right herelike, you know ,visitors so you know
you can go and check this out. Now right here we can create an account like I said
I recommend doing that already so here we go.Okay, so it's actually using my other one so it doesn't
really matter we’ll just go to dashboard right hereand let's say for example like you know
we're available now.Alright!So now we’re gonna go to our visitors.Now I'm actually gonna visit my website I'm
actually to go to it right now and let’s see here,So I’ll do to, whats the domain right here?We’ll to Tidio Chat tutorial.So I'm actually going to go to that on my other
computer and we're going to see the visitor, we’re gonna see someone come up.Alright, so now I'm on the website, so I'm gonna
go ahead and go to like visit site visit site. Now over here on the right side you can
see that it says we’re available nowso people can already start talking but I'm actually
going to go to the backend and right hereand now you see that we have visitors on site so now you
see that Tidio Chat says OK we have two visitors on site.Now you can actually see everything about
them, you know you can click on them,you can find out where they're from, you can find
out what country, what page they’re on etceteraand if you want to sort of engage
them like while they're shopping,you click on join conversation and
then simply say hey what's up.Now whatever pages are on or whatever they're doing it's actually going to make a pop up for them like saying
hey guys do you need help or you need something,so it's a very easy process to use and
if you want to like leave the chat,you just click on leave and there you go.So again, you know, go to our dashboard and
like I said you know we’re available now,any questions, let's chat or chat with
us you can do all sorts of cool stuff,so it's a very easy thing to understand.Now, you can also see right here that
there's two visitors and they're both me,so again, cause I’m on a laptop on my other
computer so it's very easy guys to engage inbut I recommend making the account
because this is really annoyingyou know you want to have this keep coming
up but I just create the account, integrate itand then you know mess with all the settings,
so you can go through the settings right here,you can decorate this, so I think created mine, you can
ban visitors, you can do all sorts of really cool stuff,you know, notification of an incoming visitor.So if you want to know if someone's actually visiting
your websites you know you hear that noise,I mean you do quick responses, now the
premium features, they include stuff like…see I did this one right here, so this is the one
I did for my demo and I added like an avatar,you can like to use a file and
select whatever you want but the Pro versions they have like the automated
ones where they like always hit them up or something like that.You can hit up like maybe like five or six
there's a time but with the free versionI think it's limited to just three people
you can talk to at a time OK?So use Tidio Chat, it's a free service but
once you start getting heavy trafficand you think that's going to help your business,
you might want to upgrade your websiteso that you can actually, you know decide
to you know e-mail a lot of people at once or you know etcetera OK.So Tidiochat.com, the link is also
in the website if you guys need it.Now going back to our website over here, you guys can
already see that it’s like hey what's up you know, it's already starting to engage because
Tidiochat actually thinks I'm a visitor,so they don't actually know the admin
but that's just good to know so againyou can also decorate all this stuff and make
it customizable and I can close it, you knowso and it's actually good because
as I talked about on the checkout,if people have problems with their
credit card or somethings not workingmaybe there's something
wrong with your websiteand these people are just saying hey
you know there's something wrong sothat's also kind of like free feedback
you're getting in a way, okay?Now, another thing I want to introduce
you guys to is the social share,so if I go to one of these products right here, I click on it, I can't really share it to anybody
you know it's kind of sad you know, I kind of want to share it to people and tell people
about my website but as of right now I cannot,I’ll close these ones.So I want to basically add in the social
share now there's a lot of plugins guysand I believe the one that I use over here,
now I want to give you guys the exact oneso that you guys don't mess up is the
Woocommerce social media button share.You guys will notice as you guys mess with
Woocommerce and mess with pluginsyou're going to come across a lot of plugins that
just kind of suck and they just don't workand you know you can see like the ratings
on them and everything so it's just like,it's just maybe some people made these
plugins and then they just like depreciated it,they just stopped working on it so, I spent a lot of time kind of going to plugins
and understanding which ones workNow this one right here Woocommerce social
media share button, you click on install nowNow you can also see like the number
of active installs and the ratings as wellto sort of help you get an idea of, if it's a good plugin
or not so here we’re gonna click on activate.And guy’s even myself you know, I'm very
fluent with Woocommerce and e-commercebut there's so many new plugins that
come out there’s so many new trends,it's hard to kind of keep up with it because
technology evolves so fast you know.So let's go to our install plug ins right here, I'm close
this one right here here, I don’t want to use jetpack,I don't like jetpack.So going down here we can
actually go ahead and find the…So this right here is the Woocommerce
social media button shareand you can either, you know, edit or deactivate
it, but don't mess with the settings, okay?So in order to find that,
we’re gonna to our productsand we’ll click on one of these
products right here.Now we can also go ahead
and click on view product.Alright, so we have these social
shares now that are coming up.So you can see we have, we can tweet,
we can share it, we can pin it,we can you can you know put it
on LinkedIn or whatever.Now let's say you want to control the
amount of shares that you havecause we have one, two, three,
four, five, six seven, eight.Maybe that's too excessive,
maybe you want like just five right.So let’s go ahead and do that,
let’s go over to our dashboard.And I believe it is, it’s over here somewhere.Oh Share buttons, duh, share buttons, okay?So right here, you can actually decide to you
know say Facebook, Twitter, Google Plusbut I just kind of want these ones right here
you know and I don’t want these other ones.Now they have like a pro version where
you can I do all sorts of other stuffand if they share it what will it say,
you can control that.Now you can also control the amount of like the buttons,
so for Facebook you can use your own custom button,if not you can use the blank one.Now you can have like a button with a counter,
a box with a counter something like this right here.Now, I don't know if you can control it,
Now you can have like a button with a counter,
a box with a counter something like this right here.Now, I don't know if you can control it,I'll be straightforward you guys I don't know
if you can control the number of sharesbut that would be pretty cool if you could,
I don't know if there's a way to do thatbut you don't want to see like a button with zero
shares you know it's kind of embarrassing,it's like well you know once
you're on your stuff I'm leaving.So it can work against you hypothetically, so you
can actually just go ahead and go to save settings.Now also you guys can use post this
anywhere on your website with a short codebut I don't really want to do that.So let's go ahead and just go
to our website againand we’ll go to our shop pagenow click on this one and there you go.So, now we only have four.And that looks much better than having it…
so, if I click on share right here,I can actually just share it to my Facebook.So, there you go. Now, I’m sharing that product to
Facebook and people can buy it.So, it’s very good to share, you know, have that
option at least, because you have nothing to risk,you know, you have no risk here, so it’s just
like good, positive things that can happen, you know, somebody buys your stuff.So, it’s kind of worth it to actually
add that in, okay?So, I’m going to go ahead and close this and we’re actually going to… So, basically, guys, we’ve pretty much,
you know, added all the plugins for this.We’ve added live chat, we’ve added the social
shares, we’ve added the product flip.So, the next thing we’re going to do is we’re
going to do, like, the WooCommerce settings.We’re going to do the available products, we’re going to do the… the products, we’re
going to do, like, the available products as well,and lastly, we’ll do something like the free taxes,
where basically it enables all the taxes for you,and then we’ll do the stripe,
but really quickly before we do that,I want to actually show you how
to customize this sidebar and actually enter in all those things
we talked about earlier, okay?So, we have this sidebar right here.
It doesn’t really look good.You know, it doesn’t have anything.
So, how do we decorate this?Well, we can go to our dashboard right
here and we can go down to our widgets.So, appearance and widgets.So, you see where it says sidebar right here?
Now, I want to delete everything here.I don’t like any of this stuff.This stuff looks ugly, it doesn’t look good,
I’m just going to delete everything.I mean, who has this on their website,you know? Like, nobody, like a meta.What’s a meta? I don’t even know what that is.So, we’re just going to delete everything right here
and there’s different plugins that we can add.So, right here we have like
the WooCommerce cart.So, whatever people have added in their
carts we can actually put that right there.We have product categories, so maybe
you want to put that over there.So, we have product categories, we have top-rated
products, we have recent reviews, recently reviewed.So, what that means is if someone recently reviewed
a product, it’s going to recommend it againor it’s going to show that to them again.So, if you want that you can do
that, also WooCommerce products,you can, you know, just have a
list of some of your products. Like I said, all you need to do is just simply take one
of these and just drag and drop right there, okay? So, I’m going to save this, save this, now, if you want
to add anything else, you can go ahead and add, you know, those over there, but I’m going to
go back to visit site, we’ll go to our shop,and you can see that we have our top-rated products
right here on the right side and the product categories.Now, how did I actually get it to the other side or the other site where I had it like
the other thing that you guys saw?So, right here we have our subscribe
and we have our follow us.Now, that looks much betterbecause this just looks really customizable and
this just looks really colorful and it looks vibrant,you know, makes people
want to click on them. And here I just put, like, the top-rated
products and search for stuff.So, let’s go ahead now and before we actually
mess with WooCommerce settings,let’s go ahead and do the Monarch
plugin and the Bloom plugin,because you guys already
get that with the Divi theme.So, it’s a really amazing thing and, like I said,
it’s just a little bit of work you have to doBecause think about it, someone’s
shopping on your website, you know, why not give them
the option to get your email,you know, why not? You have
nothing to risk there.So if you want, go to Elegantthemes.com
and go ahead and log in. And now we are going to download the plugins.So, remember I told you earlier that
you get a bunch of premium plugins?Well, Bloom is one of them
and Monarch is one of them.So, I’m going to click on
download and download. So, we have Monarch
and we have Bloom.Now, I’ll be straight-forward with you guys.
Monarch is really easy to understand.Bloom does take a little time to learn,
however, I have a whole other tutorial on it,but I’ll kind of run you through the
basics of it, so you can understand it,and if you want to go to the advanced section, you can always check out my other
tutorial that I have on the Bloom plugin.So, we’re going to go over here,
actually over here.Let’s go ahead and upload these.So, I’m going to go to my blog, or our
dashboard, appearance, and add new.Now, we’re going to upload a plugin.Now, these are not available on WordPress, so if
you search for them, they’re not going to be there.So, these are, like, premium, exclusive plugins.So, choose the file, now it’s under
my downloads, Bloom, open, install.And I guess to use this plugin, you guys
will have to have a MailChimp account and making a MailChimp account is free. I currently have MailChimp and
it’s a free one for, like, 2,000 subs,and I have a whole another
tutorial for that as well,but you don’t need to, like, you know, you don’t need
to look at it, but it’s not that hard. It’s really not.So, right here under Bloom, we’ll click on settings.Now, I want you to open up another tab
and I want you to go to MailChimp.com.Alright, and I guess you guys
can sign up for free. It’s a free service for… especially,
if you’re brand new, I highly recommend it.However this is my account, so I’m just going
to show you really quickly how it worksAnd, you know, if you want to
use it, I recommend you do itbecause it’s really, really good to have, because people
can subscribe, you can send them all sorts of coupons, and it’s just part of ecommerce, guys.
You know, mailing lists, right?So, over here we have active optins and
we have nothing. We got nothing.So, over here, new optin.Now, you can have different styles, you know, you can
have it pop up, you can have it fly in, below the post,in line, locked content, or as a widget.So, I’m going to do widget.I only want it as a widget. Now, you can always have it pop up, but for this
tutorial I’m just going to do a simple widget.Widgets are, remember, these
things on the side right here.These are widgets, like widgets and
gadgets, that’s basically what they are.Alright, so give it a name. I’m just going to put my
new optin right here, I’m going to select MailChimp.Now, they recently added some
new ones, so if you guys needed,you know, like, you’re thing linked up, then—or your
provider—they added, like MailerLite and some other ones,but I’m going to go ahead
and add the account.Now, this is my account name, is this right here,
now your API key, you guys can get in your settings.So, if you guys go to MailChimp
right here under your profile,maybe it’s under the settings,
let’s see, details, it’s in here somewhere, extras…
yeah, API keys.You can always go there and
get your API key, okay?So, I’m going to go ahead and copy
and paste mine really quick.Now, I have my API key copied,but the thing you need to do before you actually take
the API key to the Bloom plugin is to create a list.So, right here under lists, click on lists, now
you see this is one of my lists right here,so this is my current email subscriber form,
and basically I have around 2,370 subscribers.So, you’ll need to create a listand basically what this does is it stores all
of your subscribers on to a list, right?They have to go somewhere.So, over here click on create list
and I’m going to create list. Now, for you it might look different, it might just have, like, something that’s
just, like, nothing’s here, create a list.So, go ahead and give your list a name.So, right here you can put something like, you know
Darrel’s, you know, or your website’s newsletter. And remember, your subscribers will see this, so make
sure it’s professional and make sure it looks good.Now, right here you’re going to put the default
email address, so people will reply to it and right here is the name.So, for example, I’ll put Darrel Wilson,
so people will know it’s from Darrel Wilson.Now, scrolling down right here, you’re going to, you
know, remind people how they sign up to your lists.So, just tell them, hey, you know, you guys, sign up to my
list and, you know, thank you for subscribing, etcetera,and then go ahead and put in
your contact information.Now, they do recommend that
you put your information,it’s probably like a CAN-SPAM Act
law or something like that,but you can just put like a PO Box
or something like that.Here I just put my city and my business name,
etcetera, and the notifications will be sent to,and then you can put something like a daily
summary one-by-one as they subscribeor one-by-one as they unsubscribe.And once you’re done with that,
you’re going to click on save, okay?So, then you’re going to go
ahead and create your list.So, it’ll look something like this right here.
Of course, yours will say zero.Now, MailChimp is very comprehensive, so I, again, I have another tutorial just for like,
you know, setting up campaigns, how to style it, how to send out links and everything
like that, so be sure to check that out.Now, once you have your API key and you have your
list created, you’ll have to go back over to the website.Okay, so I basically took my API key, I put it there and
my account name, so I’m going to now authorize this.So, I’m basically connecting it.Now, select an email list.
So, I’m going to select my email list. Now, again guys, you guys will need to make a list,
and like I said, I have another tutorial on that,but I’m just showing you how you
can use this and how easy it is.So, right here, I’m going to say, okay, select
your design. So, I’m going to select the design.And they have a bunch of really nice, cool ones.I’ll select this one and just go to save and exit.Alright, so I’ve basically linked that
with my MailChimp account,so if anytime somebody enters in
their email onto my Bloom plugin,it will just go right to my MailChimp account
and just link it up, you know, so it’s automatic, it’s an automated process.So, now let’s go over here to our
appearance and go to widgets.Now guys, you don’t have
to follow me here.This is if you choose to use the Bloom plugin,
which I highly recommend that you do.So, Bloom, I’m just going to take this and put it right there. Now, this, I’m going to say, select my optin, my new optin,
which is the one I put, and right here I can put subscribe.So, I’m going to save it.Now, let’s go ahead and look
at the sites to see our sidebarand voila, we have that cool subscribe then right
there, so the site’s starting to come together,but now I want the Monarch one, you know,
I want the social media following stuff.And also guys, remember,
you can add this to your footer.So remember at the bottom right here we
talked about earlier, this are also widgets.So, if you don’t want it right here, you can also
put it on your bottom section right here, okay?So, now I’m going to go ahead
and add in the Monarch plugin.So, plugins, add new, upload plugin, choose the
file, and I’m going to select the Monarch plugin.This one I like because you can actually set the amount
of numbers of fans that you have and everything,maybe you kind of want to like, lie on it,
like, I have like, 10 million followers,and people are going to be like “Oh my god, that’s
so cool, I’m going to go, like, watch this guy’s stuff,” and then they click on it and you have, like, two
followers, like, oh, this guy’s a loser, never mind. He’s a nobody.So, here is, like, the basic settings, guys, and
same thing, you know, you can have the sidebarand line pop up, fly in, or media. Now, you can choose, like, anywhere you want,
so I’m going to do sidebar for this one.Now, networks. So, what networks do you want?Well, we can have, like, Facebook, Twitter,
Google, all sorts of really cool stuff.So I’m just going to do, like, Twitter, Pinterest,
and I’ll just do those four, you know? And, you know, I’ll leave it like this right now.Now, for example, if you guys want to use this,
you have to basically put in your URLbecause all this is, guys, is just a URL.So, simply go ahead and put in
your Facebook address.And then when they click on this, it’s just
going to take them to your Facebook.So, I have a fan page.I think it’s Facebook.com,
let’s see right here.I’ll go ahead and enter in mine.It’s right here. I’m going to go
ahead and enter in my name.This is my link right here. So, guys, remember, it’s all
just a link is basically what it is.So, you can actually choose to have
it automatically upload all your stuff,but that’s in a separate tutorial,
I will not go over that right now.So, I’ll do something like, so, let’s see right here,
Google Plus, I’ll just leave all this standard right here.I don’t want to go ahead and
mess with any of those.Alright, so I’ve saved changes.Now, social follow as well.So, the social follows, guys, is if
they choose to, like, follow it or not.You can also have that right here and you
can do the same thing, add the network.So, one was social sharing and
one was social following, okay?So, social sharing is basically sharing it to
their Facebook or sharing it to wherever,but the social follow is basically
when they want to follow it.So, I hope you understand social sharing, they share it to
Facebook, social follow is when they follow you, okay?So, same thing right here.And I’m going to go ahead and enter
in my username and just put Darrel.Now, how many subs do I have?Well, I got 1 million or something
like that. I got a lot.Twitter, same thing.I’ll do something, like, I’ll just put in your Twitter
thing and then put, like, an at Darrel Wilsonand I’ll say I have that many, okay?Now, you can also do get counts via API,
but guys, I’m just introducing you to the plugin.I don’t want to get, like, too extensive on
this, because there’s a lot you can do.So, we’re going to save changes, okay?Now, let’s go ahead now, and
if you guys want to put it anywhere,you guys can just get the short code for it
and it’ll, you know, it’ll produce a short code, but I just want it as a widget.So, general settings, of course, you guys can go here
and go to, you know, get your Facebook API keyif you choose all your APA secrets.Now, again, that is only for the
automatic updating of your followers,so if you choose to have that, go ahead, now keep in mind,
guys, I do have a separate tutorial on Monarch and Bloom,so I know this isn’t extensive, I know
I’m kind of rushing through it a little bit, but I don’t want to go too much into these
plugins, because I can talk about this for hours.So, I don’t want to go to much, too far into it, okay?So, social follow, social sharing, okay?So, now let’s go ahead to our
appearance and go to widgets. And scrolling down here we’re going to find the Monarch,Monarch follow right here and l’ll simply go
ahead and add it there and put follow us.Now, I’ll also put this on our footer areas, so
I’ll put, like, a, right here I’ll put it under our…I’ll do footer area three, you got four, and then number one,
I’ll go ahead and just delete this about us right here.And then I’ll go ahead and add in,
what’s it called?The Bloom plugin. So, the Bloom, okay?And put my optin form.So, now let’s go ahead and see the changes
we’ve made to our website, okay?Now guys, I understand that I’m going fastand as a beginner you might not have
understood everything I just did,but you know, go back and just kind of
read it over, study it, and look it over,because, guys, ecommerce
and WordPress takes time.It truly does take time, so it does, you
know, it’s not as easy as I make it look.Now, right here we have the subscribe,
however, the follow us is on the bottom,and the reason why it’s on the bottom is because
the format that we have is not correct.So, let’s go ahead and change
that really quickly.I’m going to go to my theme customizerand I believe it’s under footer, layout.So, you see here I have three.
Now, I want to select four, and save and publish.Now, scrolling down here,
you can see that it looks better.Now guys, that alone right there makes
your footer look more actively friendly. It makes it already look good, so
I really recommend those plugins, guys. It’s so imperative that colors
and images will get you sales.That’s really what will happen,
so I recommend this. If you guys choose not to use it, you guys always have
the option to then download it later and mess with it.And right here it says you have
59—58 million followers, like …..This makes your shop already look
popular, you know? It already does.So, I recommend it.Now, let’s go to the shop page
right here, and again, same thing.So, we have our subscribe and
we have our follow us, guys.So, you can have, I think, up to, like,
four on the page, something like that.So, that’s exactly how you guys would do the subscribe
to our newsletter and also to these right here. Now, again, MailChimp is very… what’s the word for it…
MailChimp is very dynamic, so you can do a lot with it.So, I recommend watching my tutorial on MailChimp,
so you can get your account all set up,so people can come to you website and
they can go ahead and, like, select it.Now, over here you’ve noticed that we
have those social follows right here,so if they click on it they can actually, you know,
share it to their followers, etcetera, okay?So, if you guys choose to use that, you know,
it’s a very good plugin, guys, I gotta be honest,this is definitely, like, one of the best plugins
that you’re going to find on WordPressbecause it’s a premium one and it’s free with
Divi, so you might as well really use it.These small things, they really add up and make,
you know, make your site look really, really good. So, just by looking at our site, you know, it already
looks more, you know, more user-friendly, you know, we have the logo, we have our,
you know, our social sharing to the left,we have, like, all this stuff, it’s already starting
to look like a real ecommerce website.So, again, I recommend doing
most of those, but it’s up to you.So, the next thing that we’re going to do is we’re
going to learn more about WooCommerce,the products, and also the settings.Now, another thing I want to point out is that
as you guys venture off with WordPressand you want more for your products
such as, like, product add-ons… So, if I go to one of my products right here,you know, let’s say, for example, I want, like,
a product add-on, like giftwrapping for 5.99or you want to create a booking website, or you want
to create, like, a buy two, get one free kind of thing,or you want to modify your shipping,
there’s a website called Woomill.comand you guys can, like, join it for, like, 15 bucks. And you get access to like all,
like 190 WooCommerce plugins.Now, the difference is is that this website
will not give you support for the plugins,so they don’t give you, like, a key code or
anything, but they do update their plugins,and like I said, they have a whole lot of plugins
and you guys can get them for extremely cheapand again the only difference is that
these guys do not offer support.So, right here they have
like a bookings plugin,so if you wanted to have, like, a yoga
booking website, you can do that.If you want to have people sell on your
website, this plugin right here does that.And I have tutorials on all of these, so if you guys
are interested in that, I highly recommend it.So, this is the table rate shipping, like,
you know, buy three, get free shipping,or product add-on’s, like I told you about the
gift wrapping, and they have, like, square,and all sorts of really cool plugins.So, be sure to check out Woomill.com if you
guys are interested in getting plugins. You’ll save a lot of money going to WooMill
rather than going to WooCommerce, but then again, you guys
won’t receive support.You guys just receive the plugin itself.And you guys can use the code “Darrel 25” to save 25%
off any of your purchases from Woomill.com, okay?So, that’s, like, later on once
you want more for your store,because by default, WooCommerce doesn’t have
much, you know, they don’t have add-on’s, they don’t have, like, gravity forms,
they don’t have any of that stuff,but you can get all that from just,
like, you know, for just, like 15 bucks.And the code will save you
quite a bit of money.So, let’s go ahead and go
back to the tutorial.Now, lastly, before we go to the WooCommerce settings
and I talk about Stripe and checking out and tax and all that stuff, I want to let you guys know that you guys
can actually edit your mobile view, this right here.So, unlike other themes, like, for example, like, you know,
the way it looks is basically how it’s going to look,but you can actually decide to actually
change how this looks on mobile devices.So, right here I’m going to click on this.You guys see now that this is how it looks on a
tablet, this is how it looks on a phone, right?Now, let’s say, for example, you want to
exclusively change something just for the phone.Well, if I click on this gear icon, if I scroll down right
here, you can see where it says disable on,and then I can disable this on
the tablet or on the phone.So, basically, I’m saying if someone comes to the
website on a tablet or on a phone, this website…or, I’m sorry, this section right here will
not exist. They will not see it, okay?And you guys can see it’s
already greyed out.Now, if you guys want to change
something, particularly just for the phone,you can click on the gear icon and this works
for every single module guys, okay? Not just this one.So, right here we’re going to go to design.Now, let’s say, for example, I want to… well,
actually, no, we’ll do this one right here,we’ll do something a little bit more dynamic.So, design. Now, you see right
here it says, like, header font size? Maybe on the phone I want to make it bigger.So, let me see right here. Going back up…So, right here, I’m going to actually
push this up just a little bit bigger,so this is only going to change on the phone.
So, it’s actually this one right here.That was a little strange, I don’t know why it
did that, but weird things happen sometimes.So, only on the phone will this module
have bigger header font size.Now, the same thing for the smartphone.
So, that was for the tablet. Now, this is for the phone.So, scrolling down here, you
can make this look bigger, okay?So, keep in mind this is only for the smartphone. If I go back to desktop, you’re going to see that
it actually looks the same right here, okay?Now, let’s just say you want
to make a section disappear.Now, there is a reason why you
would want that to happen.One of the reasons why is because video backgrounds
will not play on any iOS device or Android phone,so if you choose to have a, like, a background video,
you might want to, sort of, hide that sectionand maybe create another section, you know, to do that,
so, for example, let’s say I’m going to duplicate this row.I know this seems strange, but just follow with me.So, let’s say you have a video background right here.So, over here I’m just going to go
ahead and put in a background. Alright? Now, I want you to
understand what I’m doing right here.So, right here I have this video playing, right?However, this section will not
play on a phone or a tablet,so we don’t really want to have it
enabled for mobile users, right?So, over here on this gear icon,I’m going to scroll down right here and say, okay,
disable on the tablet and on the phone, okay?So, when someone comes to the
website on a tablet or a phone,they will not see this section,
they will only see this section.Now, we can kind of inverse this.So, I don’t two lining pages, right? We don’t
want two. There’s no reason to have two.So, instead, we can go on this gear icon,
scroll down right here and say ok look,since this is already, you know, here, I don’t
want this available on the desktop, okay?So, do you see what I’ve done right there?
I’ve basically inversed them.So, if you come here on a desktop,
you’re going to see this videoand you will not see this… and you won’t see this
section, okay, do you understand what I’m saying?So, theoretically, we have two landing pages,
we have one for our mobile users and we have one for our desktop users, okay?So, if you come to this website with a phone,
you will see this landing page right here, okay?You come to it on a mobile device, I’m sorry, on a
computer, you will only see this one right here, okay?So, that is a reason why you’d want
to disable certain sections, okay?Now, a lot of you probably didn’t know a lot about the
video sliders not being played on iOS devices.That is a very common error.
I’m hoping Apple in the future will fix that, okay?So, right here I’m going to click on this
plus icon and go to save changes.Oh, it’s kind of blocking that
little thing right there. That’s really annoying.Okay. Well, I guess I’m not doing
that, okay, I’m not doing that. Another way I can save it is just by
clicking this and clicking on save and exit.Okay? So, what I just did,
I hope you guys understood it.So, if you come here on a computer,
you will only see this section.Now, if I scroll down, you see that
section does not appearbecause that section with the girl will only
appear for mobile and tablet users, okay?So, that is a quick little rundown of how
to, sort of, optimize your site for mobile
because that section with the girl will only
appear for mobile and tablet users, okay?So, that is a quick little rundown of how
to, sort of, optimize your site for mobileand how to sort of like mess
around with each module.You can make anything look
different on mobile devices, guys, so it’s not like you’re stuck with
one template and that’s it.It can get as customizable as you want with every
single module to make it look different on any,you know, any mobile device or
anything else that you want, okay?So, now I’m going to talk to you guys about
the, like, the homepage and everything else,let’s go ahead now and go to
our WooCommerce settings,which is probably going to be the
most important part of this tutorial.Now, I do want to recommend that I do have
another tutorial on a lot of these things,but I’ll talk more about that
when we get there. So, right here under our dashboard, we’re going
to go to WooCommerce and go to settings. And I’m going to explain what
everything here does.Okay, so, first off, this is our
general section right here.So, we’re based in California.Do you want to sell to all locations? Yes.Shipping locations.Now, if you don’t want to sell to all locations,right here we have sell to all countries,
except for, or sell to specific countries.So, for example, if I only want to sell to Russia and United
States, I’m going to put Russia and United States.So, now I am only selling to Russia and United States
and anybody else will not have access to our store.Shipping locations.Ship to all countries, ship to specific
countries, or just disable this all together. Well, I’m just going to say I only want
to do United States and Russia,because if I’m only doing business,
you know, in United States and Russia, then there’s no reason to ship anywhere
else, right? That kind of makes sense.Now, right here we have taxes and calculations.Go ahead and enable that.And don’t worry, guys, I will talk more about alternatives
for you if you don’t want to learn about taxes okay?Now, right here we have the store notice.So, what does this do? Well, just check it and I will show
you in just a little bit, okay?So, right here I’ll put happy birthday.Happy birthday.Now, the currency, I would leave this all blank.This is how it’s supposed to be, so if you’re
using, like, a euro, or if you’re using a peso,generally, they kind of like, set it the way it’s
supposed to be, like, for example, right here This is how the… you know, in the United
States, actually, that’s how it looks.So, if you want to change that you
can, but that wouldn’t make any sense. But you’re more than welcome to.So, right here I’m going to click on save changes. Now, let’s go and visit the store really quick just
to show you what that site-wide store notice did.So, here on the bottom right, or on the bottom
right here, it says happy birthday, dismiss.So, if you want to have that that is actually
what the site-wide store notice is.Going back over here, let’s go ahead and keep
going through the WooCommerce settings.Okay, so we’ve done our general,
now let’s go ahead and do our products. So, right here we have our products.And we did this earlier when we first set
up WooCommerce, you remember that?We did, like, the weight and the dimensions,
and people can enable reviews, etcetera.So, over here on the display,
we have our shop pageand this is basically…
this doesn’t apply to usbecause we’ve actually created our
own shop page with the Divi theme,but if you’re using, like, another
theme, you just create a pageand put it on whatever page you
want for your shop page to appear.Right here, shop page display.You can have something
like categories only. So, for example, if I go to categories and I go
to my shop page, the categories will show first,and then the products after I click on it.You understand? Or you can do category and products, but that’s a total
waste because either of these would be suffice. There would be no reason to do this one.But, they gave us that option anyways.So, right here you have default product settings. Now, this doesn’t really apply to us, guys, and
the reason is because the Divi theme actuallyhas the power to do all of this,
but a lot of other themes do not,so a lot of other themes have to
sort of rely on these settings. But for us, we don’t need to, because we can
customize our shop any which way we want.I know, right? It’s kind of funny.A lot of shops, they’re extremely limitedand I don’t even know why people use
some of the themes I’ve seen,but some themes are really good, you
know, but Divi is also one of the best.So, inventory, again, right here we have manage
stock, so we can enable the stock management. Now, hold the stock, so right here you guys
can actually put this for like a pending order, but you know, we don’t really need
to mess with this right here.The only thing that we would need to mess
with is probably the low stock threshold,which basically says when do you want to be
notified about when your stock is running low.At two items, at three items, at 20 items, at 100
items, you would go ahead and set it up there. Now, the out of stock threshold is basically
saying when you run out of a certain product,then it’s going to say you’re out of stock.So, out of stock and your store
will also be out of stock.Now, over here you can choose to hide the out of
stock items, so if an item becomes out of stock,you can check that and it will
disappear from your catalog.However, if you allow back orders,
then you might not want,you know, you might not want
that feature to be checked, but, you know, this is, like, you know,
kind of, like, in very rare circumstances,so this really won’t apply to us
or a lot of other people.Now, I’m just going to click on save right
here and go to downloadable products.So, downloadable products right here, they have
the forced downloads, which I recommend.That basically let’s people download
the product once the purchase it.If not, you’ll have to do something else, like
redirect or X-Accel, but I don’t recommend those. I recommend just these ones right here, okay?So, save changes.So, now we have the tax right here, okay?And I also mentioned about tax and how
you guys can get your taxes automated.And that’s true. There is a way. But really
quickly let me introduce you to tax first,and then we’ll talk about you
can get your tax automated.So right here we have, you know, the option to put
your tax inclusive of tax or exclusive of tax.Now generally you probably want to leave them
as exclusive, and I’ll talk more about why in a little bit.Now right here we have calculate tax based on the shipping
address, billing address, or the shop address.Well, generally you probably want to do the shipping
address or you can do the billing address.It’s up to you, but I’m going
to do shipping address.Shipping tax class… I’d basically
leave this standard right now.We’ll talk more about the standard
rates in just a bit.Now the rounding, you know, I’m still not
sure why WooCommerce added this in,so I’m just going to not talk about this
because I think rounding is a little strange,and it’s a new feature, so I’m not
going to go too far into rounding.Now, display prices in the shop.
So excluding tax or including tax?So what that means is, if someone sees a product,
do you want to include the tax in the shop,or do you want to exclude
the tax in the shop?Now, display prices during cart and checkout.
Well, you might want to do that including.So if they go to their carts or the checkout,
it’s going to be including tax. Okay?And these other ones right here,
price display suffix,I don’t want to go too far into this because
these are actually kind of unnecessary,like as far as itemized and single total,
we’ll talk more about this a little later.So I’m going to go ahead and click on save changes.
And now we’re going to go to standard rates.So this is basically how, you know, you guys would
do your taxes and everything and set everything up.So first I’m just going
to go to insert row.Now guys, really quickly before I go into this,
I actually have a tutorial on WooCommerce.Okay, so I’m going to go to WooCommerce,
and on number one. This is my video.Now I’m going to link this
video in the description.Now this is an hour-and-a-half video just
on all the WooCommerce settings,and getting very, very advanced into
every single setting, and very technical.And I talk about everything. I talk
about taxes; I talk about shipping;I talk about if you’re shipping
to different areas,if you should charge sales tax or not because some
places might have no sales tax rate, right?But not to worry, because I’m very
comprehensive in this tutorial.You guys can see that a lot of people
like my content, and in this tutorial,I’m not going to go too far into all these settings
because I already have a tutorial for it,so I don’t want too far into taxes
and too far into shipping becauseI already have a very large, comprehensive tutorial
for it, and that video is also in the description.But, I’m just going to go ahead and do one,
just so you guys get a little understanding on it,and you guys kind of, you know,
get your feet wet. So country code.So here I’m going to put United States.State code: so, maybe California, right?I’m from California, and now, if you guys leave the zip
code blank, it will just do the state code, okay?So right now, we are taxing California,
and the zip code is in the United States.So what is the rate in California?
Well, you guys can go to TaxJar.com,which is actually in the other video,
where I talk all abouthow to pick up tax rates and
everything from the other states.Now, that being said, we will talk
about the automation in just a bit,but for California it’s around
seven point five zero, I think.It’s probably not, guys, so you might want to check
with TaxJar.com, and that is also in the description.So tax name, you can go ahead
and give it a tax name.Now, is shipping taxable?
Well, I’m not really sure.So again, I’m going to refer you to TaxJar.com
to find out if it is taxable or not,and also if you want to add a compound tax
rate applied on any other taxes, okay?Okay so right here, I’m going
to go to save changes.So basically, I set the tax
rate for California.So if you’re only a one-store shop, and you’re just selling
in your own state, that’s all you’ve got to do.That’s it. So it was very easy.
If you’re a full e-commerce website,and you want to sell to this state,
this country,and any other country, you might want to watch
my other tutorial on WooCommerce.However, stick around, because I’m going to talk
about the automation. Reduced tax rates.So, in certain cases, some places have a lower tax
rate than others, so you would enter them in this row.So for example, let’s just put, let’s
see here, we can put something likeI think certain parts of California maybe have
a different tax rate than others. Now that’s not ideal,and that’s not likely,
but in certain rare cases,some places do have reduced tax
rates based off where they are living.So you would go ahead
and enter that there.So for example, I think in California, like some
parts of like San Bernardino it’s cheaper tax;it’s sales tax, it’s lower.So right here I’d put United States,
put California,and then I’m going to go ahead and put the zip
code, like 9-1-something like that.And then here you can put the city, but it’s not really
necessary because we just need the zip code.And the tax rate there, let’s
just say, is five percent.So that is an example of the reduced
rate for taxes.So it can get a little complicated and a little dynamic.
So I’m just I’m going to click on save changes.But don’t worry guys, you know.It’s actually really easy, you know, because
you only really need to set this up once,and then you’re good to go. And if, you know,
you’re just selling in one state, it’s not that difficult.If you’re selling across the nation
and in other countries,then you might have to add in
a few of these standard rates.And also zero rates, where some
places have zero sales tax.So certain states do have zero sales tax,
but you can go ahead and enter that there.So, I’m not I’m going to go ahead and click on
save change, because I already added that.Now, TaxJar actually have a free
plugin that you guys can use.And this plugin will actually pull all of the rates
from all of the states and everything else.However, they give you a free trial. So right here
I’m going to go to plugins and go to add new.So right here we go to TaxJar.Oh, let’s see right here,
so it’s tax – is it tax jar?Oh there it is, it’s TaxJar. So right here: TaxJar
Sales Tax Automation for WooCommerce.So I’m going to click on install now, and I’m going to go
ahead and log in to my TaxJar, my TaxJar account.Okay, so I’m going to go ahead
and log in to my account.Let’s see, one more time.Okay, so this is my TaxJar account.Now, it you guys choose to have the tax…
like the automation and everything else,you guys can use this and link it
to your Tax Jar account.And I actually have a coupon code for you guys,
so if you guys do decide to purchase it,then you guys will actually
get a small discount.So let’s go ahead and go back
to our store right here.So I’m going to go ahead
and activate this now.Alright, so I’ve activated the plugin, and we’re going
to go ahead and click on settings right here.So step one: activate your TaxJar
WooCommerce Plugin, the API key.So right here, click to get your API token.I’m going to go ahead and click there, and since
I’m already logged in and I already have an account,all’s I need to do is take in the API key, and it’s
going to go ahead and link our site with TaxJar.Save changes, done. So right here,
you know you can configure sales tax.Right here, if enabled, TaxJar will calculate
all the sales tax for your store.So you’re going to click on that. If enabled,
TaxJar will download your orders for reporting.That’s actually really good, you know, because
they’re actually going to give you a store databaseand everything else.
So that’s really, really helpful.And here you want to put…
they actually know where you are.So right here it says, you know, we already know
your store is in CA, so ship from what city?Put whatever city.Ship from what zip code?I’ll just put something like Rosemead,
91770, and click on save changes.All right?And as you guys can see right here,
if I go to the taxes section right here,you’re going to see that
everything is all done.We can’t really edit tax anymore, because TaxJar
has basically controlled our tax section.So we don’t really need to deal with
taxes any more, guys. That’s it.So whenever someone buys something
from your store, it will all be automated.Now again, this is a free trial that they give you,
so I think that’s a… I don’t know how much it costs,but I know that my coupon
code is Darrel,so let’s go ahead and see
if we go to accounts,update billing and information.So, this is where you guys would need…
and it’s twenty bucks a month.And the coupon code is going
to be on the screen.So you guys can choose to use that;
it will save you ten percent on your purchase,and it actually helps me
to continue to create these.Now you don’t have to have TaxJar.You guys can just, you know, do it yourself,
but the coupon code will save you ten percent.Alright, so let’s go back to our website right here,
and let’s keep going through these settings.So we’ve done our products, we’ve done our tax, we’ve
done our general. Let’s go ahead and go to shipping.Alright, so we have our shipping
zones and shipping classes.Now for this tutorial,
I’m just going to do one.Now if you guys want to learn
more about shipping classes,you guys can check my other tutorial, but for starters,
you might just need like a basic shipping zone.So right here, add a shipping zone.
Now give your zone a shipping name.So right here I’m just going to put, like, USA.
Now what regions? So what regions is this going to?So I’m going to do United States.Now you can actually decide
to limit specific zip codes.So for example, if you do not want your sales
to go in a certain zip code in the United States,you can go ahead
and put them here.If not, you can go ahead
and leave that blank.Now, I don’t know why. Maybe some items
might be illegal in certain zip codesor something like that…
something weird, you know.I don’t really know why you would need it
like that, but they offer it nonetheless,and that’s actually a really good
thing because, you know,I’m sure there are situations
where you would need that.So right here add a shipping method. So we could
have a flat rate, free shipping, and local pickup.Now local pickup is probably the dumbest
option, but it’s still there.Now, I’m just going to do flat rate,
and go to add a shipping method.Alright, so you can see right here we have a flat rate,
and if you ever want to change it, you can click on edit.Now, is this taxable? Yes or no?
You can put yes or no.Now what’s the cost for your flat rate?
Well, maybe it’s 9.99.Alright.Now let’s go ahead and add in a second rate.
So I’m going to click on add a shipping method.Click on this, and click on free shipping.Now I’m going to click on add
a shipping method and go to edit.Now, the title. So you’re going to put free shipping,
but maybe there’s like an exception.You know we can’t offer them a flat rate
and free shipping at the same time,so I’m going to put in parentheses
right here over fifty bucks.Ok, and don’t worry if you don’t
understand this right now, guys.When you go to the shop page and the check out,
you will understand what I’m doing right now.So free shipping requires what? A valid shipping
coupon, a minimum amount order, both, or and.So that basically says:
do they have to have, like,do they have to spend a certain amount
and have a coupon, or have both.So generally you probably want to do a minimum
order amount and then just put fifty bucks.So right here I’m saying: look, if you guys come
to our shop and you buy something over $50,then we will give you free shipping.We’ll click on save changes.Okay. Now shipping classes,
we’re not going to do.I’m just going to do, like, the shipping zones,
and let’s do shipping options.So enable shipping calculator at the cart page.
You can choose to have that or not.Hide shipping costs until an address
is entered? Yeah, maybe.I think that might be a good idea because,
if they’re already going out to buy it,and then they just see the shipping
costs at the way end,they might be like, ah, it’s okay, forget it,
I’ll just buy it, you know.So you can have that checked, but for tutorial purposes
I’m going to uncheck that and save changes.Alright. Check out.So right now we just have PayPal tight here,
and also we have enable guest checkout.So if you want to force a secure checkout,
we can click on that.If not – now, the great part about the Siteground
is that we actually have a free SSL.So that costs like 50 bucks on other hosting providers,
but if you use Siteground, you get it for free. Okay?So you can enable the use of coupons,
which we will do at the end.Checkout page – now again, guys, this is basically
if you don’t have a cart page or checkout page,you can create a page and then apply it to any other
page. Now these are your checkout endpoints.You don’t really need to mess with this
right now. These are for your URLs,and since we have our URLs to post name,
we don’t need to edit this.And right here we only have
PayPal as our basic option.So I’m going to click on save changes,and over here I’ll click on PayPal.So right here we have, we’ve enabled PayPal,
and right here it says, you know, the title is PayPal.The description is, you know,
pay with your credit card or etcetera.But guys, I’m going to be very honest:PayPal can be a very big hassle, and I don’t
recommend it only as your only method.I do recommend it as an option, but as your number one,
only method of payment… no. Absolutely not.So right here, we have our receiver email, which is
the email for your PayPal account that you will need.And if you guys need a PayPal account,
you guys can make one for free, okay?So don’t worry about it; it doesn’t
cost you anything. It’s all free.So scrolling down here,now we have our API
credentials right here.I don’t really need any of this right here,
so I’m going to make sure that this is all, like, blank.I don’t really need any of this right here,
so I’m going to click on save.That’s for, like API stuff like that, and like your
API credentials, but you do not need that.So again, we’re going
to go to accounts.Alright, so our account page… now enable
customer registration on the checkout page.So that’s basically saying, do they
have to make an account?So same thing right here, enable customer
registration on my account page.So you can have it on either the checkout page
or the my account page. You can have it on both.So, don’t worry about that too much.Account creation, this will automatically
create a user name from their customer email.Now, I do recommend that,
because people like everything easy.You know, if they have to go make an account
first, it’s like, oh, so much of a hassle.But if you just, you know, automatically create it
from their stuff they already gave you,it’s… everyone’s happy.
You know, it’s a faster process.So scrolling down here. I’m going
to go and save changes.Again, these right here are for the URL’s,
so if you want to change it,you can always go ahead
and change it right there.Alright, now emails.So these are the emails that
people will actually receive.Let’s say, for example,
you get a new order.Then you’re going to get an email
that says, new order.Now, you see right here, it says
recipients, right here so,this right here, new order,
will go to your email address on file.Now, you can always change this in the settings
in the general, for your website,if you want it to go to a different
email address.So, cancelled order.If someone cancels their order,
you’ll receive an email.Now if you go and click on the gear
icon, you can configure it.You can sort of change this, or you can just say,
I don’t want to get notifications whatsoever,if somebody cancels
their order. Okay.Now go and save changes.I’m going to go ahead
and go back to emails.So these are the emails you’re going
to receive, and you guys can just clickon the little thing right here to configure.And if you don’t want it, then you can
go ahead and just, like, change it.You can also view the template,
and you can, you know, etcetera,So that’s basically, like, how it
will look. But going back here.Now, let’s just say, for example,
you want to decorate your email.So from sender name, you’re going
to put, probably, your website, right?So, yourwebsite.com. So I’ll put likedivichildtutorial.com.And then from the address,
you’re going to put your email addressthat you currently have for your store.
The header image.So this is actually going to be
in your media, right here,and I’ll talk about that in just a second.But scrolling down here, to the footer
text, like best place for your items.Or best place for goods.We can change the base color.So I don’t want this color,
I want it to be black.Background color.Maybe like, you know,
a darker something.Body background color,
we can change that.And then the text color. So I’m going to click
on save right now, really quick.Now I’m just going to go ahead
and show you what I’ve just done.So, I made some changes.
So, best place for goods.You know, davey childs tutorial.Now right here I’m going to click on this
template, and you guys can see,this is what it’s going to look like,
right here. So,I changed the header, it’s black.And this is black, and this is grey.
We have a white background.Best place for goods.
So any changes that you make right here,will be on all of the emails.So you want to make sure that
you have a design that you like.Now let’s just say, for example,
you want to add in your logo. Right?So over here under media,
you click on library.Alright.And now the URL that you need is…
click on any of your images.Now you see right here it says, URLI’m going to click on copy.And we’re going to go back
to our WooCommerce.WooCommerce and settings.I’m going to go to emails. And we’re going to go
ahead and paste that in there, right there.And go to save changes.Okay? Now we can actually
go ahead and click on preview.And there you go. So now
our logo is there, okay?So if you want that, you can go ahead and
do that, that’s how you decorate your emails.So, save changes.Integration.We’ve already done that. And API,You don’t need to deal with web hooks
or keys or any of this stuff.This is more for the developer aspect,
and it’s a little bit more complicated.So later down the road when you get,
you know, advanced,you might need to use this,
but for now, we’re not going to.So let’s go ahead now and
check out on our website.So, visit site.I’m going to go to our shop.
This one right here.And let’s go ahead
and buy one of these.So right here I’m going
to go to add to cart.View the cart.So here we have flat rate. 9.99,
just like we did before, right?Or we have free shipping,
and then I put (over $50).So I’m basically letting the customer know that,
if you buy something over $50,Then you will actually
receive free shipping.So that is a way that you can,
you know, get free shipping.So right here, I’ll go to proceed to checkout.And the customer will need to put
his billing information right here.Last name, company name,
all this stuff right here.Then, right here you can see
that we have the shipping.And then the tax right here, we put the…
we actually set the tax for a tax dollar,So they calculate the tax for us.
And then we have the subtotal right here.So, right now we only have PayPal.Okay, so, we need to basically
figure out how to get Stripe,Because let’s be honest, you know,
they have to proceed to PayPal.They have to go, you know, to another part,
they have to go checkout, make an account.And if they don’t want to, guys,
that’s it, you just lost a sale.So, doing that with just PayPal
is not recommended.So we’re going to download
a plugin really quick,and we’re going to show you how
to actually checkout with Stripe,which is basically a credit card.
And since we have the SSL on our website,we don’t need to worry about that,
because Stripe requires an SSL,however, we already have one.
So that’s pretty cool that we have it.So, dashboard. I’m going to go ahead
and scroll down over here to plugins,and go to add new.And we’re going to go over here and type in Stripe.And the great part about Stripe, guys,
is that you don’t need to have like a credit thing,nothing like that, so you don’t
have to apply for credit.A lot of the payment processors,
they require that stuff, so it’s pretty crazy.So you are right here.You guys can do a Stripe payment gateway
and make sure it’s by WooCommerce,and click on activate.Alright, so we’ve activated
the Stripe plugin.Now we’re here, WooCommerce
Stripe gateway.Settings. Guys, this is really,
really, really easy. Okay?So you want to go ahead
and enable Stripe.Now, title. Let’s just put credit card.
We don’t want to say Stripe.We don’t need to tell our customers
like who we’re checking out with,or who we’re working with. T
hey don’t need to know that.So pay with your credit card.Okay?So we have this section.Now, the only thing that we really
need is this information right here.So we have test mode, and we
have the secret key etcetera,So all you need to do is
go to stripe.com.This website right here. Go to dashboard,
or go ahead and click on sign in.Go ahead and create
an account. It’s free.It’s free to make the account, guys,
you don’t have to pay for anything,It’s all free to make the account. Okay?And once you’re done
making the account,You’ll be brought to a page that looks
something like this right here.So this is my home. Now you might see like
a bunch of pop ups or something like that,Saying, hey, you know, you know, let’s show
you how to use this, or something like that.You can follow those. You know,
it’s always good to learn more.This site’s really good, because they take like a…
like a 2% fee or something like that, 3% fee.And that’s it. And they automatically
take it to your bank account,So they do automatic transfers
all the time.So this is a really, really,
really famous processor.So, you’ll first need to activate
your account.So, of course you’ll have
to activate your account.Tell them about your product, your…
you know, your account information.If you have a EIN number.
If you do, you can enter it.You can enter in all your
information right here.Your statements, your phone
number and your bank details.Now, why they need your bank details, because once they transfer it,they’re going to need to transfer it
to a bank account, right?They’re not going to transfer it
to your PayPal account, because,You know, they’re already a processor.They want to basically take the money
that you get from your website,this money right here
will then go to Stripe.This money right here will automatically
go straight to your bank account.So, you will need to give them
a bank account number.Now this is only if you want to use Stripe.And I recommend that you do,
because it’s very simple to set up, okay?So once you’re done verifying your
account and all that other stuff,you can kind of like, you know,
go through all these settings right here.I check all these out, like customers.Right here, they’re like, hey,
you know, this is on hold.You know, make sure to add your bank account
right here because you have $320 on hold.You have customers.
People have bought your stuff.Your products. You have your API, etcetera.So right here I’m going to enter in
my information, for my API.The API is very important.So right here, I’ll do it one more time.You know, I always forget my passwords.Okay.So, this is really what you need right here.So after you’re done verifying your account,
you know, confirming it in your email,Entering your information,
this is all you need. Okay?And this is going to connect
the site together.So right now, you can see
this right here, it says,Do I want to enable this in test mode?If I do, enter your secret key right here.And that can be found right here.Okay? Paste that.Now enter the other one right here.Now once your site is ready to go live,You would uncheck that box and
then put in your live secret key,and your live publishable key, is that how
you pronounce it? Publishable? Alright.So over here I’m going to go ahead and say, okay,I want to go ahead and do that.
Now you can also haveThe Stripe checkout, which is like
a more hip way of doing it.They also have Apple Pay.
Really, really cool stuff.So right here, oh, you can
also save credit cards.So I’m going to go to save credit cards.
And that’s also very helpful.I mean, that will make a sale guaranteed.So let’s go to visit site.And let’s go ahead and go straight to our cart.Actually, let’s go to our shop really quick,
and let’s go ahead and add in,Like, an item or two, or something like that.So we’ll click on this right here.I’m going to add this to the cart.
Now really quickly, If you want to edit this, right here,Your shop page and everything like that,
you’ll need to go to your theme customizer.And this is just, like, a quick thing, I’m not going
to show you how to customize everything.And you can go to, like, buttons right here.
Buttons and style.And simply just, like, change the stuff
how you want it to look right here.And also, like, thethe like the general settings,
or the general settings right here,Topography right here. Now keep in mind,This will change it for your entire website.So that’s a big drawback.
But it you want this look, like,where you can decorate
the buttons with everything else,you can go ahead and do
that right here. Okay?But I’m going to go click uncheck right here.Now I’m going to add this to the cart.
I’ll add another one.I’ll add another one.And I’ll click on view the cart.Now the great part about this guys,
is that our tax is already automated.So they already know what tax, where I’m at,
so they’re just charging me the correct tax.So proceed to checkout.So right here, I’m going to put in
my billing details.So I’ve put in all my billing
details right here.Now scrolling down right here,I’m going to go ahead and enter in
like a credit card number.And then right here I’ll do, like, 25, And then one, two, three.Okay, so keep in mind, the order
is for $163.13, alright?So 163.13, remember that number.So right here, I’m going to go to place order.And the order is processing, just like I showed
you guys in the tutorial, and there you go.You have just made money.Now, you can always double check
this by going to your Stripe account.So I’m going to go to home right now.Now you see how this kind of
went up right here?So we can actually go ahead and
use our… see our transactions.So let’s go ahead and
load new payments.So you see right now, $163.13
is what we just made.So this goes right to your Stripe account,And then this will automatically
go to your bank account.It’s actually on, like, a two day
cycle or something like that.So, again, over here, 163.13, and
it goes right to your Stripe account.Now, I recommend this big time guys,
because PayPal alone is just not enough today.You know, it’s going into 2018
next year, and, I mean,only one payment method for
PayPal is really not ideal.So also, if you want to set up the likethe payouts and everything, you can,you know, do your add to bank account.And I think over here, you see where
it says the payout schedule?You can do, like, daily,
or change the schedule.Or just switch to automatic payments.I’m sorry, to manual payouts,
which is basically saying,you decide when you want the money.But they will actually transfer all the money
in your Stripe account to your bank accountevery two days.Now you can change this to every week.You can change this to twice a week.You can change it to once a month.Whatever you would like. Okay?So that’s basically how you
guys would set up Stripe.You guys can see it’s very easy to set up
and it’s all an automated process.So now let’s go ahead and
talk about coupon codes.You know, up here, click on plus
new and go to coupon.So, I mentioned coupon codes,
and guys, coupon codes are like,The bread and butter of your store.If people think they’re getting a deal,they will use it, and they will buy something.You know, if you give someone 20% off,they’re going to use it. I guarantee it.Even just now, when you guys
saw the coupon code,10% is better than nothing, right? Soit’s really, really good to have.So, if you want to have coupon
codes for your store,Let’s go ahead and add one.
So right here I’m going to putDaryl 100,and you can give, like, a description
of it, talk about it.Now you have a percentage, a fixed cart,
or a fixed product discount.So if you want a fixed discount
on the cart, you would put that.And then you can, you know,
put a number.Or, a specific product discount,
you can go ahead and put that.But generally, I think most people
use the percentage discount.It’s just easier for everybody, it’s easier to understand,
and it just makes everybody happy.So I’m going to put 25%.So basically I’m saying,
if they use this coupon code,at checkout they will get 25%.Now, do they get free
shipping with this?Well, probably not. I’m going to say no.Now when does this coupon expire?
I’m going to say to the end of 31st, or whatever.Usage restrictions. So, do they have
to spend a minimum or a maximum?Can this be used with
other coupon codes?So basically, can this stack
with other coupon codes?Now, if you have an item already on sale,
do you want to exclude those items?So, for example, if you made
an item 50% off already,will this coupon code apply to it?If you do not want it to, then you can
click on this check box right here.And also, you can set up specific
items for sale right here.And also, specific categories.
And you can alsoexclude certain categories as well.So usage limits. Right here we have
the usage limit per coupon.So how many times can
they use this coupon?Limit usage to x items.So how many times can a specific
item be used for that coupon?And then also here, per user.So right here, I’m going to click on publish,
and let’s go ahead and use the coupon code.Alright? So let’s go to our store.And I’m going to go to our…
let’s go ahead and go to our shop again.Let’s go ahead and add something in.I’m adding this cute shirt.View the cart.And I’ll simply go ahead
and paste this right here.Oh, not this one. So, Daryl 100.So this will give a 25% discount.So click on applied coupon code,and you can see that’s moved $12.50.So we’ve basically saved money. So that’s basically
how you guys can apply coupon codes.It’s very straightforward, it’s very easy.And a good idea is to promote those on, like, you know,
Instagram or Facebook or something else.So in this section, guys,
I’m going to show you how toCreate product categories
on different pages.I’m going to show you how you
can add it to your menu.And I’m going to show you how you canput them anywhere on your website,So if someone were to click
on a certain button,it would take them directly
to your product category.So the first thing I want you guys to do,
is enable the visual builder.I’m going to show you guys a really, really
cool trick that will save you a ton of time.So right here we have our shop page.Now right here, under this purple icon,
I’m going to click on that,and click on these
two arrows right here.Now I’m going to export this layout.So I’m going to put something
like the shop page demo one.And go to export divi builder layout.So basically, what I’m doing,
is I’m making a copy of this page.So we don’t have to redesign
everything all over again.So after I’m done with that,I’m going to go over here to plus
new, and go to page.So, whatever product category that
you have, or like for example,let’s say you have belts,
you would type in belts here.So this is going to be your
product category page.So if you’re selling shirts,
you’re going to put shirts.Or if you want to link them to belts,
or pants, or shoes, etcetera.So here I’m going to put
women’s on sale shirts.And I’m going to click
on enable the divi builder.And right here, I’m going to click on,
use the visual builder.Alright?So we have this thing right here. Now again,
we’re going to click on this purple icon,and click on these two arrows.
And now this time, we’re going to go to import.And we’re going to go ahead
and choose the file.So, this is under my downloads right here,
and I think it is like, the shop demo,the shop page demo one,
and click on open.Now, I'm going to click on import
the Divi builder layout.So all’s I’m doing,
is I’m just creating a replicaof exactly what we created before.So we don’t have to spend all that time
redesigning everything, right?It’s going to save us a lot of time. Now,
instead of actually putting the products right here,you would click on the gear icon, and then you
would simply select the category right here.So for example, if this were only the belts page,
you would click only the belts.If this were only the shirts,
you would click only the shirts.So right here, this was the on sale clothes.So, only the on sale clothes
category will show up.So I hope you guys understand
that you don’t have to,like, you know, recreate
everything all over again.So right here, the shop module
makes it very easy for us.So right here you can see that it’s just
the on sale clothes, okay?So I hope you understand that, it’s very
straightforward, very easy to understand.So right here we click
on check and publish.So now this is the on sale shirt section.So let’s say, for example, that I want to link
this part to a different part of our website.So right here, I’m going to click
on exit the visual builder.Now you see this permalink up here?
I’m going to go ahead and click on thisand go to copy.So now we can go to any part of our website,
and link this to our website.So let’s go ahead and scroll down
right here. Or go to home.Now right here, I’m going to go
to enable the visual builder.Alright?I’m going to just click on that,
it’s asking for a restart.Now I’m going to scroll down
right here. All the way down.Now you see this right here? Maybe this is
the section for on sale women’s clothing.You know, depending on how
you make your website.So right here I’m going
to say this is on sale.So right here, on this gear icon,
I’m going to paste that permalink right there.Click on that, then I’m going
to click on save.So remember, you can guide them to any product
category that you would like for your website.So I’m going to click on
exit the visual builder,and now I’m going to go
ahead and scroll down.Just keep scrolling.So right here, how it says get the look.Now if I click on this, it’s going to take
them to the on-sale products only,because we’re linking them
to that specific page, okay?So it’s pretty amazing what you guys can do.A lot of other themes don’t have this, guys,
so it’s truly, it’s a beautiful piece of technology.Now another thing. Let’s say they
go ahead and hover over your shop.How are we going to show
them where to go?So let’s go on over here to our dashboard.
I’m going to show you how to do that.So appearance. And go to menus.Alright?So, this right here, for the categories,
I want you to go ahead and delete that.Or if you have a category, do not use the product
categories for this section right here.Now the reason why we don’t want
to use these product categories,is because it’s actually going to use
the old default one from WooCommerce,and we don’t want that. Now,
under pages right here, go to view all.We’re going to go ahead and find
that page that we created.So, women’s on sale shirts.So instead of using these old
product category pages,The ones that are default, we’ve actually
created our own special page for it.So click on add to menu. Now right here,
I’m going to take this section right hereand simply go ahead and
put that under the shop.Now right here I’m going
to click on save menu.So what I’m doing right here, is I’m actually
saying, this is a sub-item for the shop.So if they hover over shop, they’re going
to see women’s on sale shirts,right there.And again, if they click on it,they’ll be taken directly to that page
that we just created, right here. Okay?So, in that aspect, you guys can link them to any
sort of product category that you would want,or any specific sale.Now another thing I want to point out about
those importing and exporting layouts,depending on your sever, it’s kind of
funny for some of them.For Hostgator's kind of weird,
for other companies it’s like, eh,It doesn’t work sometimes. So,
another way how you guys can do this,is by going over hereto our dashboard.And we’re going to go ahead
and scroll down right here.Now, under divi, there’s a divi library.Now this is another way
you guys can do it.So, the layouts.
You can click on add new.Oh, I’m sorry, import and export.And we can actually import
that layout from here as well.So if that did not work for you earlier,this is just another way how you
guys can import those layouts.So you guys can see right now,
it’s importing.But for sometimes guys,
it just doesn’t work,and just go ahead and just,
you know, give it a try.You know, I know for some servers
it’s a little strange.Now, another way you guys can do this
besides the way I showed you,was to go to all your pages.And then, you know, click on add a new page.Then click on the visual builder. And you can
actually import it from here as well.So right here I’ll put, like, pants.Now, the layouts guys, I got to be honest.It just depends on your server,
guys, it really does.It just works for these three methods.And I don’t know why it’s like that.But depending on your hosting company,Importing the layouts can be kind of strange,
depending on your server.So right here you guys can see,
using this method, it worked. Okay.So there’s three methods.
There’s one using the visual builder.There’s one using the back end. And then
there’s one using the divi library. Okay?So, go ahead and mess around
with each of those threeTo actually import and
export your layouts.And depending on your server,
or your hosting company,it will work from these three methods. Okay?Now, another thing that I want to point out,that we’re going to talk about
the variable product next.But I want you guys to actually,like, go to YouTube and just
type in like WooCommerce.Now, my tutorial is number
one right here.So this is my tutorial on WooCommerce, and guys,I go over everything. I go over
every single option,so I don’t want to spend a lot of time
talking about other products,or, you know, deep, you know, shipping,
or API’s because this is my tutorial right here.And, Oops.So right here I talk about, like,
is shipping taxable etcetera.And you guys can see, you know,
I have a lot of likes, a lot of people like it.So I don’t want to spend another two
hours talking about WooCommercebecause a lot of the options… I’m sorry,
it’s just very repetitive for me just to create,you know, duplicate content
and keep talking about this.So if you guys have questions
about WooCommerce,and you guys want to learn
about the other products,Because right now I’m just going
to show you about variable products.But if you guys want to learn more about,
you know, grouping, upsells, cross sells,all that other stuff, I have a complete
tutorial dedicated for that, okay?So let’s go ahead now and
create a variable product.Alright, so go ahead and give
your product a name.Let’s go ahead and do,
like I’ll do girls cool shirt.And then right here again, you guys can
add in your long scale description.I’m going to go ahead and delete some
of this right here, I don’t need all of this.So over here, I’m going to grab
some demi text really quick.Just for (inaudible) purposes,
you know, just to make it easier. Alright?So right here is what we’re going to create.
We’re going to create the size, the color, etcetera.So I’m going to go ahead and
just copy all this demi text.Okay, so a variable product.So if you want it to look
like this right here,Where they have a size and
a color, something like that.We’re going to go ahead
and make that right now.So right here, this is your
long scale description.Okay, so, again, it’s going
to show up right here. Okay?So anything that you put right here,
is going to show up right there. Okay?Next, let’s go ahead and change
this to a variable product.Now again, if you want to learn how
to do grouped and affiliate,I recommend watching my other tutorial.So again, guys, we have like the inventory.
We have already kind of done this with the single product,So you know, you can manage stock, tell them
how many you have. I have 50 of these shirts.Shipping.Now we don’t need to mess with shipping, but you guys
want to learn more about shipping classes,you guys can watch my other tutorial.Also over here are attributes. So we need
to actually add some attributes.And we actually need
to add in some variations.So if you go to variations right here,
it’s saying, before you can add a variation,you’ll need to add some variation
attributes to the attributes tab.So over here, attributes.
I’m going to add one right here.So we have none. Let’s go
and add one. Let’s add size.Now right here I’ll put small.Then right here I’ll put medium.And I’ll put large.And I’m going to select
use for all variations.Right here I’m going to click
on save attributes.Okay?Now for variations,
I’m going to click on that.Go over here, and go create variations
from all attributes. And go to go.And it’s basically saying, are you
sure you want to do this? Yes.Yes, I am sure.Alright? So we have large,
we have medium, and we got small.So large over here,
I’m going to click on this icon.And I’m going to put a picture for large.Now, you have to do this
for each specific one.Okay, so for large,hw much does this cost? Now guys,
you must put a price. Okay so,it costs $50 for the large.Okay, you can select a sale price.
You can put in stock.You can put the weight for the large.
You can put all these settings right here.If you want to put a sales price,
you can put it right here.And you can also schedule
the sale as well.Okay, so let’s go ahead and move
down to the medium one.Medium?Same thing. I’m going to go ahead
and just put in this one right here.And then again, we’ll put $50.I’m going to leave all this blank.And the last one.Click on that one, and we’ll do this one.And you’re going to put $50 again.Okay? And then I’ll click on the… actually,
I need to set an item right here.So on the product image,I’m going to go ahead and
select the girl right here.Or, we can just do that
one right there instead.Now you don’t really need
to have a product gallery,because when they hover over it,
it’s going to change image anyways.So, it’s up to you if you want that or not.Now, also, product tags.You can add in a tag. So,
for example, like, shirt.And you can always, you know,
add in a categoryor make it, you know, a new category.So I’ll just put, like, a variable.
Or actually, no.Because we’re actually going
to see the product name.So put, like, women’s shirts.And categories, guys, are very,
very helpful becauseRemember, you can link them
to certain parts of your websites.So let’s go ahead and publish this site,
I think we’re all ready to go.So I’m going to click on publish.I’m going to do that one more time,
that was kind of strange.Okay. I’m going to go to view product.And there we go.So, right here we have size.
We have small.Medium. And we have large.Now, right here it says 50 in stock,
because I entered 50.And also there’s no, there’s no,What do you call it? There’s no
text right here thats becauseWhen I made the product,
I didn’t add anything right here.So you want to make sure that you
add a lot of stuff right here, okay?So just for your own knowledge, that you’ll
actually need to put some text right there, okay?So right there I can go to update.And now if I go to it, you’re going to see that
the product now has the text right there, okay?Now let’s say you want to add in a secondary one.So we just have size. But what about color?
Maybe there’s a specific color for this, right?So I’m going to go to edit product.Scroll down right here.Now, attributes.We’re going to add in one more.
So right now we have just size.But let’s go ahead and add in
another one. We’ll do color.And then we’ll just do
something like black.And we have like.And I’ll also put use for all variations.
Save attributes.Now for the variations. I’m going to go ahead
and do create variations from all attributes.And go to go.Okay, so we have the large.We have the… well, we need
to delete this one.So we only need the large white, the large black.
We don’t need the any color.So I should have actually changed that up there.
So right here I’m going to remove this one.Remove this one.And remove this one.So the any color, we don’t need that.So right here we have a large white.
A large black.A medium white. A medium black.And a small white and a small black.So right here, we need to set the image
and the price for each one.So I know this can be a little tedious,
guys, I know it’s like, a lot.But you only have to do it one time.So right here, I’m going to select
that one, and I’ll put $100.Or, yeah, I’ll put $50.Now for the large black. Now, you’re going
to have to change the image here,Because if you have it on, like, a white, it’s going
to look different, or it’s going to look white.So you need to make sure that
it’s the color it’s corresponding to.So scrolling down here,
I’m going to put $50.Medium white. Go ahead and select this.And I’ll put the white one right there. $50.Medium black, same thing.I know this looks a little tedious, guys,But this is e-commerce,
and this is kind of what it takes.Because people out there
want convenience.They want it simple, they want it easy.Oh, this was actually white.
I put the wrong one. So I’ll put white.Why didn’t you guys tell me? Huh?I told them so the medium black,
we’ll put the medium black right hereAnd then $50. Scroll down here.And lastly, we have the small black.So I’ll put this one right here again.And I’ll put the $50.Alright? And save changes. Alright?Alright So now let’s go ahead
and click on update.And now let’s go ahead and view the product.Alright, so we have the size.
I’m going to do a medium.What color? Black.So you can see now, black appears.Now we have white. A large white,
or a large black.So it’s going to basically change
because of what we put on there.That is a variable product.And guys, if you want to learn more about
WooCommerce and all of the settingsand all of the products, I highly
recommend to check my tutorial.I’ve made one specifically for WooCommerce.It’s about an hour and a half long,
it’s very thorough, it’s free,and it’s very easy to use.Now if you guys are interested
in doing something likea booking website, or product add ons,Such as like,for this, you know,
for 5.99 more, you can do this.I have a complete list of tutorial guys,
for shipping, for like naming your own price,for bookings, for product add ons,
for subscriptions, for add on…I mean, all sorts of stuff, guys.
I have a lot of tutorials for a lot of different things.So I’m very comprehensive and
I’m very thorough on all of these.So go ahead and check out my channel,
go through all of these.They’re very, very helpful, they’re very
thorough, they’re very highly rated,and it will save you a ton of time
trying to learn it yourself.Just spend the time to like you know,
just go through it, learn it, understand it,and I guarantee you after that you guys are
going to be saying, dude, I’m so happyyou made these tutorials and it was actually
very, very, very easy, okay?So that’s about it, guys, for my tutorial.
I know it was very, very long.But hopefully by now, at the end
of this tutorial, you guys understandhow to, you know, set up your
e-commerce websites.It’s very, very simple. It’s not hard.Everything’s, you know, pretty automated,
and you know,feel free to comment on this video and
let me know what worked for youor what was difficult, etcetera. Okay?So other than that, guys,I hope you guys enjoyed this tutorial,
and I’ll see you guys later.

Source

(Ecom product research shopify)Hey guys in this video I'm gonna show you the step-by-stepstrategy that I use to find winning products every single day that make more than 10,000 25,000 even$100,000 every single mom in the top 3 tools that I use for free to find products to on my computerI find outalrightSo the first tool that I use is called alley shark and the great thing about this is that you can sort by a lotof thingsso for exampleI like to sort by the lastSeven days of products right here and I'll show you you can sort by orders growth wish list or priceI always sort by orders just to see which one has more orders in the past seven daysBut the really cool thing about this you can actually go into categories you can go into Nisha's over hereSo let's say your niche is like fishing you can see the top products that are selling in the past seven daysFor fishing specifically so that's why I absolutely love this tool. Then you can go into top countries that are selling themAnd then the shipping always choose a packet because that's a shipping method that we use for drop shippingYou wanna choose a packet and then ships from you can also choose others which you knowIf you only want to shift from the US we want to ship fast and you want to ship high qualityYou can also chat track US or in Europe or AustraliaWherever your drop shipping fromThe other cool thing that I like about this is that in the bottom you have this section called where the videodrop shipaccepts PayPal and saved only so what you want to do is only click the drop ship once so that you make sure that thoseProducts are being dropship by other people and that they're not, you know, really hard to dropship or impossible to dropshipSo let's go over the products and what you can see here is total number of ordersFor the specific time that you choose so let's say you want to choose two days for example hereIt'll show youFour hundred and forty seven dollars for the past two days and then six k orders in totalI always say that if a product has more than five thousand orders, it's likely to be a little bit saturatedespecially in the US market so you don't want to go for products that are more than five K orders each in the example ofThis one this little four hundred, you knowFour hundred orders in the past two days and then three thousand orders in total107 people added to wish list in the past two days and then nine hundred seventy eight people added to wish list in totalThat's what these numbers down here mean. This is a great product to actually advertiseso let's actually go into the product the great thing about it is it shows you here the total number of orders and you canCheck the product onAliexpress or add it to your Shopify directly here and the product performanceDepending on the days, right so you can see this much better in the aliexpress drop shipping centerWhich I'm going to show you later right here. You can see in the past three days how the trend is goingSo let's say I choose the past 30 days in one of theseProducts and we choose see this one is pretty saturated. I've seen a lot of people wanting to sell this one. Let's choose oneThat's not so saturatedThis one 5k right here. Let's see the trend and as you can see boom 84 orders 70this is a great product and this essentially what you can see in the aliexpress drop shipping center is how many people are ordering everySingle day, so ali shark absolutely love itIt really shows you like winning productsSo you can also check products with a video and then you can sort byThe let's say the last seven days and then sort by growth so you can see the products that are actually having the mostMomentum so that's sort by growth heregrowth andIn the past seven days. Let's see here. So this one for example 700 orders in a week 6k ordersThis one is actually pretty cool these sunglasses right hereYou know two thousand ordersAlmost three thousand orders in total and in the past couple days has seen a lot of growth and a lot of performance and guysAs always if you want a winning product with the exact facebook ads targeting that we use commentsSecrets down below subscribe to this channel and hit that notification bellI am going to check who is subscribing who is not so subscribe hit thatnotification about and comments secrets down in the comments below and I'll send you that product link with the exact face to cats targeting thatWe use so this is the top tool that I recommendThere's also other tools like cell the trend on cell the trend. You can actually check either trending products on here andYou can actually see all the training products that they're finding and how many stores and which specific stores are selling themSo let's go with let's say this product right here. It says twelve stores are selling themSo let's go into the actual product and then product cost 177. I like thatThey tell you what price people are selling it at because sometimes my students for exampleThey take a product from Aliexpress and then they put it out really high price and they wonder heyYou know people are watching it but not actually buying is that the price is just way too highSo with sell the trend you can actually seeWhat the selling price is out there total number of sales so you can see how much money they've actually made and then the actualTrend right here the other amazing thing about sell the trend is that they give you the exact FacebookTargeting that's working for this specific productSo let's say you want to promote this product your pet niche store, but you don't know what to targetYou can click hereInterest and then it's gonna give you all the interests that it thinks will work for that specific productI can tell you right now that Petco andLet me see Petco and Pat born Archie – and pet smart as well actually three amazing interests to target for pet loversSo this is definitely accurate as far as that Ghost and websites and pages. You can also target these jobs as wellsocieties and public figures so it gives you a huge range of targeting opportunities onFacebook ads because obviously Facebook is our main traffic sourceIt gives you all the scope of big interest to actually target so quick start hereYou can also target these and then view the stores that are actually selling them hereYou can also see all the stores that are actually sell them so we can go to so we can see right hereSo this store is actually selling it and we can see all the stores we can compare them. ObviouslyThey're not they're not all going to be amazing storesAnd the last thing I want to show you about sell a trend, which is something really really cool is their Video CreatorSo what you do is you go to tools Video Creator and right hereYou can actually create a video for every specific product that they have so it'll give you the imagesSources so you can look for more potential images then choose the image options select text optionsSo if you want a top bar and a bottom barI always recommend using both and then the third thing select your music so they actually provide some music that you can useSeconds per image and they actually create your video and then it creates that video previewAnd then the last tool that I'm going to show you it's called textUm and text is really cool because it has different tiers of productsso it tells you which products might sell a little bit which products are medium trending and then which products are ultimate trending that haveA lot of potential not that many people selling themSo in this example, we're going to go over products and choose this one. You can also choose by your niche right hereSo choose your nation and it will only show you products in that nicheso let's say we want to pick this one for a general store andNow we can see the selling price the product costs shipping profitmarginLiterally everything about people out there signs specific product a little bit of a descriptionThe product link on how they express who is selling itSo stores selling it Amazon eBay, literally everyone so you can see what they're doing and model after itLike I always say and then an actual Facebook adExample that you can look at right looking for Facebook ads now is really hardThis is the best way to find a Facebook app for a specific products by using Beck stuff and then you can choose the postLink right here and see the actual adfor that product and then the detailedTargeting which is what I absolutely love it also shows you videos that you can see in images from that productFrom the winter asset or running out there so you can model after it and then the targeting right here it actually shows you likeSpecific Facebook targeting like should narrow my personal care and then narrow down my facial careNow it down by beauty makeup and then now down by facial careSo really tells you like the targeting specifics on Facebook so you don't have to do any of the guessworkSo now that I show you the top three tools for the product researchI'm actually gonna show you had a validate if a product has any potentialLet's say you find a product out there that you think might be selling or you find out an AliexpressHow do you know if it actually has potential to make you a lot of money?So we're gonna use the aliexpress drop shipping center. Let's go on Aliexpress and pick a random productso let's pick this one and then what you're gonna do is take the link URL andThen put it into the drop shipping center right here and it's gonna tell you everything about that productso it's gonna tell you howlogisticallyreliable is it how easy it is to ship you want to choose for average or excellent on the top and then the volume oforders every single day like we were seeing on alley shark the cool thing about this is that you can putAny product that you find on the drop shipping center?And it will tell you the trend how much how many orders it's getting and what potential it hasso what I like to shoot for is 20 to 30 orders per day orMore and a stable trend in this case. This product is actually pretty good more than 20 ordersThey and then some days it's like picking up and picking down. This was a pretty good productIt's good for especially for Facebook like volatilities. Somebody's advertising on FacebookYou can tell the patterns of people advertising this specific product. Let's pick another one out here on Aliexpress. Let's pick this oneTake that one and then put it here into the prog analysisSee, this one isn't really it doesn't really have that much potential. It's something like 1/2 a day, maybe 8 maxSo this isn't a product that you want to advertiseThe other cool thing is if you're absolutely clueless about what to sellYou can check the hot DS items here on the shop on the Alex price drop shipping CenterYou can check the link down below to go directly to it in the descriptionBut you can see just for you or you can sort by specific categoriesso if you go to Home & Garden and then you look for home decor you can actually see the products that are selling themost and are the most popular and if you want to take this to the next level check out the first thing in the descriptionIt is my step-by-step mentoring programWill your work one-on-one with me to get you to six fingers seven figures and beyond I have students making?$100,000 a month right now at Shopify check that first thing in the description and watch this video right hereThat's gonna pop right here on how to make ten thousand dollars your first month on Shopify drop shippingI break it down step by step and I show you proof how to actually get thereSo click the link right here that video right here and go watch it. Check out all the videos here on the channelThank you for watching and I will see you guys in the next one

Source

in the recent years ecommerce has grownby leaps and bounds in India andseamless technology back to logisticsmanagement is the backbone of thisindustry that's us with the ban Indianetwork that has more than 20,000employees 2,500 offices and serving morethan 25,000 in codes EECOM Expressconnects ecommerce shopping portals to92 percent of India's population throughour homegrown technology we offer asecure and seamless logistics servicehow let's show you say mr. Gupta fromDelhi orders birthday gifts online forhis twin daughters CR into hot AssamAndrea in Pune Maharashtra that onlineshopping portal sends us a notificationthrough secure web services and thejourney begins the shipments are scannedon field triggering a real-time updatevia acknowledgments and carted toprocessing centers in our GPS monitorvehicles at the center's the shipmentsare sorted using robotics processautomation systems ensuring Swiftconnections to hubs bags with bar codedseals are swiftly scanned for inwardoutward movements both at origin anddestination hubs before proceeding foronward connections once at the deliverycenter the parcels are d bagged scannedand assigned to across the deliveryassociates backed by state-of-the-art AIml navigation call bridge and othertechnology tools our delivery appenables the associate in on groundassistance to ensure on-time deliveryand enhanced productivityand hey here we deliver the smile Tasyain jorhat Andrea in Pune and throughoutthe process real-time updates predictivedata feeds and dashboards enable ourcontrol tower to keep an eagle eyeensuring seamless operations EECOMExpress with its strong IT backbonegeographically vast but much optimizednetwork and empowered workforce deliverslakhs of smiles each day to every cornerof the countryEECOM express fulfilling ecommerce andbeyondyou

Source

Learn how to build an E-commerce website with Django and Python.

Project code: https://github.com/justdjango/django-ecommerce

Original code: https://mdbootstrap.com/freebies/jquery/e-commerce/

Tutorial from JustDjango. Check out their Youtube Channel: https://www.youtube.com/channel/UCRM1gWNTDx0SHIqUJygD-kQ

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Setup and project configuration
⌨️ (0:16:55) Adding items to a cart
⌨️ (0:54:09) Improving the UI
⌨️ (1:10:34) Creating an order summary
⌨️ (1:38:03) The checkout process
⌨️ (2:10:46) Handling payments with Stripe
⌨️ (2:37:33) Discount codes
⌨️ (3:07:41) Managing refunds
⌨️ (3:31:31) Default addresses
⌨️ (4:12:30) Saving credit card information

—

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://www.freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Source

[Music]hey what's going on guys my name isDarrell and in this video I'm going tointroduce you all some twenty reallycool free ecommerce wordpress themes foryour website now a lot of these arenewer designs and newer companies thathave kind of come out so I'm not goingto talk about old e-commerce themes I'mgoing to be talking more about the newones that have come out and the designsI've introduced and a lot of these newWordPress themes have a lot of potentialand I've kind of scoured the internetlooking for a lot of the WordPressthemes like I want on wordpress.org Ichecked out a lot of other variousindependent websites because those blogsI've seen on the internet they just kindof like rinse and repeat they justupdate their old content and claim itsnew so in this video I'm going tointroduce you guys to new free ecommercewordpress themes for your website andthese don't really come in any orderguys they're not really like number oneto twenty they're just basically reallygood ones that i've found and they'refree so let's go ahead and get started[Applause]alright guys so this theme right here isthe master theme and the master themeactually has a lot of cool premiumfeatures that are introduced and itactually has two different style ofhomepage so this right here is theircurrent home page and they have nicecool animations over their categoriesand they have little little bannersright here and this company I'm sorrythis team actually really really well sothe company actually decided to releasesix child themes that sort of followthis same exact style now this themeactually has two home pages and this istheir second one and it's a really coolfree theme you know it is easily matchedup with a premium theme now the colorscheme is somewhat limited so I thinkthe pro version might offer somethingabout changing the color but nonethelessyou know it's still a really nice freee-commerce theme now the next one righthere is a child theme of the Mac storenow these do have some similarities butstill they are very different so it'sgrowing down here you guys can see thatit does have some similarities howeverto kind of basically change somesections right here so right here youhave like sixI'm sorry five sections right here andthe animations are a little differentand the colors are very different aswell and it's still a good child themefor it you know I recommend it I've seenit on the internet being used a fewtimes and it's still looks really reallycool alright so this is the store themeand the next is a shop in a shop againis another child theme for the Mac Storeand it does vary by you know some somedifferences so looking at it you know itdoes look pretty good it does lookstandard now you can see somedifferences but it does look verysimilar to the other theme right thereyou guys can tell but it's still a goodtheme you know like this right here is ais definitely worth getting you know Ithink it's a good you know simpleecommerce theme and you guys can tellthey do keep a lot of the animationsfrom the other themes but it's stillnonetheless a very nice team and thenext one we have is also the onlinestore so this one is another child themeof the mask store and like I said thereason why they really so many differenttypes of versions of the Mac store isbecause it was very successful onwordpress.org so the company basicallydecided to say look it's doing reallyreally well let's go ahead and keepintroducing new themes that are verysimilar to Mac store and offer Proversions for it so for each of thesethemes over here they do actually havepro versions for all of them so thecompany might be making some good moneyhere because these are actually reallycool themes and now you see over herethey've added the Add to Cart and thewishlist and it does carry this bluescheme so it is a child theme of theMaxtor theme so this is the online storenext is fast shop now or fast store andthis is a very cool WordPress theme andit's actually a child themes for accesspress and I've actually done a tutorialon access press and I think I'm going todo a tutorial on this one because thisis just a really clean style WordPresstheme it has a lot of these coolanimations and it has a lot of thesereally cool effects right here now youcan change the color scheme with somecustom CSS I've actually talked to theirsupport forum and they said yeah you canchange some of these colors right herewith some custom CSS and also rememberthat this company is access press andthey do actually giveyou a free support form so if you haveany questions or problems about yourtheme they'll help you for free now alot of companies do not do that and Ilike their animations you know thesethis is easily matched up with a premiumtheme and they've kind of added like ayou know much an Asian girl back doorit's it's a cute theme is it looksreally good I like it you know it's goodand it's made by Access pristine so restassured that you actually get prettysupport for this free WordPress themeand it is very similar to the accesspress store but it does have somedifferences so I think I might do toturn this one I really like it it's justreally clean looks really good and I caneasily match this up with a premiumtheme so this again is the faster themenext is the Sara luxury theme now thisis a new theme that the thing thatfemale has introduced and it's sort oflike a child theme for the Azera shopbut it's still a really nice lookingtheme and it's kind of carrying thatelegance like professional superhigh-class look you know for like highrollers and stuff so it looks likethat's what they're trying to followhere but nonetheless it's still a reallynice WordPress theme looks like righthere they kind of forgot to add theirpictures in this is from the demoactually and all these links are in thedescription so I have actually done atutorial on this specific child themeI'm sorry on the apparent theme whichwas is there a shop and it's still areally good theme you know let's goahead and check out their shop here sothis you know it's pretty basic righthere if use a card at the cart looksgood and I recommend it so if you guysare looking for sort of a luxury styleWordPress theme I think the isère shopluxury is pretty goodnext is ecommerce store and just bylooking at this you guys can probablyalready tell that this is an appearancefor the MAC store theme except they'vekind of mixed it up a little bit righthere they have this asset cart righthere they you know changed it to like awatch scheme the colors are a little bitdifferent and you guys can see it doeslook very very similar to the Mac storetheme except they have no footer sogoing here let's go ahead and check outone of their items right here so this isthe ecommerce store theme it is verysimilar to Mac storeprobably you know I probably wouldn'tget this team you know but it's still itstill would work because you guys noticethe animations are different so forevery little team that they have thereis something different for it but Istill recommend it you know I probablywouldn't get itbut for something very simple very easyyeah I would work so this is theecommerce storenext is the lair store and this again isthe last child theme for Macsyeah the MAC store theme and itbasically follows the same sort ofconcept of this except they allintroduce different styles so now thisone right here it has a front sliderright here and they kind of pop aboutyou this one actually is a little bitmore different than the other ones itdoes have a lot of different featuresthe animations are the same for thecategories but still it's pretty cool Ilike it and right here they have thatdifferent animation and they kind ofchange the color scheme to red so thisis a pretty cool free theme I probablyget this one over the last one I thinkthe layer store does look a little bitmore better let's go and check out theirproducts right here so their productpage is basically the same and they dohave of course pages right here and theyonly have one homepage d-max storeactually has two different stylehomepage so this is the lair store themeand this last one is e store so this isactually a newer ecommerce theme thathas come out it looks really nice and ithas a built in slider and store Villa isactually very similar to this WordPresstheme and this right here I can easilymatch up with a premium theme this isprobably better for something where ifyou are having a lot of products thiswould be a ideal theme and right here ifyou scroll over it they do haveanimation now right here they kind ofhave like men's collection and thenright here they have women's collectionand you can you know which listed youcan add it to the cards they have aregoing to cute grower here banner youknow say you know 50% off you know so itdoes have a lot of style to it I like ityou know it does look pretty nice justby looking at it so this is the e storetheme and does it introduce a blog on itthis is actually a really nice team youknow I really like it I think it's aeasily premium theme right so this isthe e store theme let's go ahead andcheck out their shop pageand again guys all of these wordpressthings are in the description if youwant to check them out right here solet's go ahead and add this to the cartand then let's go ahead and view thecart and there you go so actually theydo have a cool car page you know they dohave this band that you can put righthere maybe something like a 34% off youknow but wait there's more so you knowkind of thing right so this right hereis the East or theme next isCoquina and Coquina is actually aseparate child theme I'm sorry aseparate theme from the other couplethat makes Mac's store however it is nota child theme so this is considered awhole new theme however just by lookingat it again you can tell it does carrythose same animations but they do havesome loose that's pretty cool you knowyou hover over its it kind of squeezesout those other weapons I didn't evennotice that that's actually really niceso this is the Coquina theme and it'spretty nice you know looks pretty goodthey've kind of kept that blue conceptright there so they might have adifferent color in their pro versionlet's go ahead and check out their shopright here so again they have thatreally cool automation let's go see if Ican add it to the cartsmaybe their car page is different let'sgo ahead and use a cart and supercededcheckout no thing is the same butCoquina is also you know it's a it's acool WordPress theme and you know theydo have a different little stylehomepage right here by shop too categorythey have their social icons they haveother email all the stuff up here so goahead and check these guys out you knowit's a free wordpress theme you've gotnothing to lose and the next one is shopIsle now guys I really want to talkabout shop Isle and people who have beendownloading it on wordpress.org do notdownload this theme from wordpress.orgthey've actually created two differenttype of versions they created one onwordpress.org and they created one ontheir website the problem is the one onwordpress.org is a really bad version oftheir real free version which is ontheir website now why do they do thisthey actually did this becausewordpress.org has some requirementssaying that you have to follow ourconditions to be on WordPress so sha-powwas kind of forced to lower theirstandards down to get on WordPress andas a result it created two differentversions so this version right here hasa lot of different templatesit's a beautiful free e-commerce themeand I have actually done two tutorialson this because it's just such anamazing free wordpress theme and itcomes with pre-made templates guys soyou don't even have to make a pagebuilder everything is done automaticallyfor you and it's really really simplereally really easy and I can easilymatch this up with a premium theme sothis is shop Isle and again guys makesure you download it from their websitesthe link is in the description do notdownload it from wordpress.org or yourlife will be hell it's going to be verydifficult because you lose the fullwidth slider and you lose the about Uspage the template so you're kind of leftwith like a like kind of half-assedtheme it's like ah doesn't include a lotof features it's supposed to so Shawfile is a very recommended theme of mineI think it's an amazing theme and youknow go ahead and check it out it's forfree and the next is a store now I dohave some good things to say about thistheme and I do have some bad things tosay about this theme I think this is avery very nice WordPress theme I reallylike it I think they've done a reallycool job you know they've introduced alot of these little like graphics righthere you know they're trendy coolgraphics you know they're nice and funnice and hip I do like their cart pageright here I think this is really reallycool I love the animations but I justdon't like the color you know this thiscolor right here is very very tacky youcan say like this is kind of like whatyour aunt your old aunt where she don'tlike those teal pearls or something likethat but this is actually very similarto the fast store theme you know thefast or theme carries you know this samedesign right here and right here thatfaster theme actually has a YouTubevideo but still it's very very similarand if you guys are looking for a freeecommerce wordpress theme I think thisone is pretty good too you know it'svery nice it does its job I think thisis a very nice free ecommerce thingthere are a lot of other free coverseems I've seen that just they're justcrap you know but this one right heredefinitely matches up with a premiumWordPress theme the only issue is theircolor is just I don't like it maybeyou guys like it I don't like it butalso their shop page right here isactually really nice you can have up tofive thousand five to six products onyour shop page as a row and it's areally clean one guide it's really nicego ahead and check it out I think it'sgood and you know they do have thislittle cool thing down here but againyou might want to contact them aboutchanging the color I guarantee it theyprobably make you buy the pro version toget the color scheme different becauseit's so ugly but it's still a very verybeautiful thing okay and next right hereis the Azera shop theme I have actuallydone a tutorial on this on this teamright here and what stands out mostabout this theme is its page builder ifthe page builder is for dummies it'slike super easy it's so easy to make aecommerce theme with this sorry I make awebsite with this theme because the pagebuilder itself is really easy to makeit's literally everything is on frontend so you don't do anything in thebackend anytime you make a change orsomething with this theme you actuallysee what's going on on front of yourscreenand it's just a very simple ecommercetheme now the one drawback with thistheme is that you cannot change thecolor for this so you might want to havea developer help you change it but I dolike to shop pageI think the shop page is really cool Ilike the graphics they've introduced usea car very simple it's a super easy andif you guys are like brand-new toWordPress and you know you just want tocreate ecommerce site I would probablyrecommend this one and shop aislebecause of the page builder it is likethe easiest thing you could possibly dookay now the next one it is a verystrange ecommerce thing that I havefound I have found this on templatemonster by doing a google search andthis right here is a free WooCommercetheme now I don't know if this issupported or not still but I was toldthat this is a free ecommerce theme andthis looks really really really good nowI probably think this might be their proversion because you know they do have alot of features that Pro versions wouldinclude but I'm not really sure so youknow I'm just going to go ahead and tellreach out to you guys and tell you guysI don't really know if this theme isavailable or not I've actually done alot of research I found it I wouldtold it was free but nonetheless I amnot sure yes but still hey you know ifyou want to check it out be sure tocheck it out the link is in thedescription and it's a free theme so ifthey ask for money don't buy it just youknow say I want it free yes I'll do oneof those guys though so let's go aheadand check out their shop page right herethis sounds like pretty cool this is areally super clean free ecommerce teamso be sure to check this one outthe link is in the description it iscalled muscle farm right next is theAlpha Store and you guys have seen alphastore WordPress I like it I like it Ilike it I think this one's cool this isgood for something like multi-purposeand it's it's just really really cleanand this company is the same companythat makes the MAC store theme you guyscan tell right again that it does havesome of the same animations and featuresthat MAC store currently does have butthis is actually sort of like for amulti store this is for a much biggerstore it looks like because you knowthere's a lot of products you can haveright here they do have a pro versionlet's go ahead and check out their shoppage so the shop page is pretty neat Ilike it they do have that red scheme andright here you can add it to the car yougo they have they have a compare pluginthat's pretty cool so they do have acompare comparison plug-in so you knowthat would be pretty cool to have onyour website as well and they doactually have a second style homepage sothis right here is their second homepage and it is a little different totheir first one and this one right hereprobably be good for something like youknow selling a lot of like those dronesor you know those other websites wherethey have a lot of different products sobe sure to check out alpha store I likethis team it's new it has good ratingsand it's available on wordpress.org nowa new thing that has come out Hestia sohisty a– is a new e-commerce WordPresstheme that is created by shop aisle andthe thing I love about shop Isle is thattheir page builder for beginners is thebest it's super easy to learn how tomake a website with shop owl becausetheir page builder everything is on isI'm sorry is front-end so when you'recreating stuff you can see all thechanges that you make with this themeright here and that's not a lot oftutorials with Shaw filethen to there almost two or three oftheir Dean's so I know the companyactually you know has a really promisingtheme so this is their shop page andthey've kind of you know have this likekind of cool look to it where you hoverover it the icon kinda goes over likethat it kind of makes that cool littletransition so let's go ahead and checkout their other shop page right here sothis is a actually pretty nice designshop page right here so let's go aheadand see right here we'll check it outand yeah this is a really cool one inthe back right here they do have thiscustom background right here for theshop page let's go to the cart let's goand see what the car looks like alrightcool look they've even added a customcar right here so they have this cooldesign so when you're creating yourwebsite they do have this you knowoption probably to add in an image righthere and this right here is their freeversion so they do have a pro versionfor it so be sure to check that out nextis a very simple one but this one iscalled I think it's shopper or shop areaor I don't know how to really pronouncethis but this is actually a nice team Iactually checked it out this is actuallyseen on a lot of different blogs it'spretty famous pretty popular so youhaven't seen it you probably haven'tbeen doing any research but it is areally really cool ecommerce team and bylooking at it they have this nice hoverover animation they have these effectsright here of a slider and it's justreally cool so let's go ahead and checkout one other one of their posts righthere alright so this right here is oneother page this looks like you takes youto their contact form that's not what Iwant to do so let's go and check outtheir shop and also if you hover overtheir logo right here does it have thatlike like that woo look we're so cool soit has that right there so that is alsosomething to look out for right there sothis is a shop right here and they dohave the sharing icon so if you want togo ahead and share this with your bestfriends they do have this available onthis theme and they do have some coolanimations right here you hover over itthe Box gets a little bit bigger sothat's a you know some cool designthey've added you know for a free themeso let's go ahead and click on one addit to the cart and let's see if theircar page is any different and they havejust a basic standardcart all right so be sure to check thatout they do have some really cool stuffabout this team I've seen it on a blog Ithink it looks really really cool andthe next one is store villa now I thinkI'll be doing a tutorial on this themebecause it's really really it's reallyit's really nice you know they have alot of animations they have a lot ofcool stuff they have a lot of coolsliders and it's kind of meant for avery large e-commerce store you can sayand I like the design you know I like towrite them blue I like how to kind ofmix it up if you hover over this youknow it gets bigger they have a reallycool fighter and this is the samecompany that makes fast store and alsoaccess press store so you do receivefree support with this theme becausethat's what they offer on their websiteso going over it I like it looks goodbut here they have a category of you alland they have a blog section right hereand they have another section right hereon the bottom and they have testimonialsand they have their widget section righthere and they have this cool littleslider right here where it's like yeahour companies and you can actually kindof move it around yourself so that'spretty coolbe sure to check out my channel Ibelieve I will be doing a tutorial onthis team because access press does makesome very promising pages I'm sorrytheme so it's going to check out theirtheir products right here alright that'sgood it's good I like it let's go aheadand click on one of them all right sothis is a pretty nice page right hereyou know they've added this category toshare this and you can add it byquantity right there so let's go aheadnow to the cart and use a cart and theybasically just have a standardWooCommerce page right here but you canalso compare so I can click on compareand it will basically show you like youknow different comparisons betweendifferent products that you have in yourcart let's go and add this one and thenadd this one then let's see what happenslet's go ahead and compare alright it'sbeen weird so all right well nonethelessit does it does work you know Popeyejust didn't do it right so um be sure tocheck out store villa this is a reallynice free e-commerce theme next isshopper shopper is you know its it haselegance it's like those retro likehippie people I guess you can say whokind of just want likeyou know box you know and you guys cankind of get it what just by looking atit you can kind of understand the typeof market that it's in so like thisright here like like bicycle you knowand like something like that somethingreally simple and this company righthere they don't have a page builder fortheir theme right here so you guys mightwant to use something like maybeelements or page builder but you knowit's still it's still nice it still doesits job let's go ahead and see if theyhave added a custom shop I'm going toadd this to the cart and no no so thisis basically just a standard WooCommercecheckout and standard shop so be sure tocheck out shopper next is I store andagain this is another child theme forthe Mac store and they've actually addedsome different features in they've madeit green and they kind of introducedsome different animations now you guyscan see they do store sort of carry andresemble those same animations but it'sstill a nice looking theme excuse meI like the and I don't like the green Igot to be honest I don't like the greenI think that the green was a little tootacky but you know it's still nice andthey do have two home pages for thistheme and they also of course have a proversion so be sure to check out I storeyou know this would probably the leastone I'd recommend out of all of them Ijust don't like the green I really don'tbut hey you know for people that areinto like those like the motorcycle thedirt biking odd stuff this actuallymight be a good color scheme for thatbecause I know that's kind of like whatthey like to you don't mess around looklike those green colors or somethinglike you know like those motorcycle guysor whatever so be sure to check out Istore next is Giga store now this isactually made by the same company and itdoes have its own slider looks reallyreally good I like it so let's go aheadand scroll down here and this is one ofthe same companies that makes Mac storebut this is actually a biggerimprovement this is not a child themefor the max or theme but it does looksimilar however it does also look verydifferent you notice they probably keptthe same pictures around they've keptthe same text but this one does lookmuch different and includes a slidertestimonialsection right here so this right here isthe Giga store theme and it does lookreally nice you know they have a blogsection right here and they have afooter that is basically very small it'snot like the other ones so this steam isvery different from the other oneshowever it's the same company so let'sgo ahead and see if they have actuallychanged eShop all right so I'm gonna goahead and view the cards and I'm gonnago to proceed to checkout and this isbasically a standard WooCommerce when Iaccepted this header right here you canactually browse by different categoriesright here they have their social iconsat the top so be sure to check out Gigastore and right here it's probably whereyou put in your logo so right here theyprobably just entered in text but youknow you can probably change thatyourself once you get you knowcomfortable and start using it now I wastold that a lot of these features werepro however I am not sure so if you guysuse this be sure to let me know in thecomments okay next is smart flow swordnow this one actually has differentstyle home pages except they don'tinclude it on their demo so I wish theydid you know I wish they got a like youknow today this is our different stylebut this is actually a really reallynice theme includes a video sliderI know people out there are crazy forvideos fires they love them but rememberthat these don't appear on mobiledevices so it will probably look likesomething else and they have reallyreally coolyou know sliders right here looks reallyreally good I like the color scheme thisis a very simple standard new WordPressthing that's come out and I got to behonest guys I'm kind of upset with thoseblogs and all those other things I'veseen on blogs where they just basicallythey rinse and repeat they just spit outthe old stuff there you know from alltheir old their blog post and they kindof just update it and say oh this is newbut it's really not new so these are allnew WordPress things that have come outand they're promising you know so let'sgo ahead and check out so check out oneof their things right here it's going togoing to add this one to the cartalright it's a cool shot page it lookspretty good I'm go ahead and view thisto the cart and this also looks kind ofsimilar to gigas or you guys can tell soright here they still do have thatsearch something right here this is astandard style WooCommerce checkout pageand they havea sidebar and they have their footerright here and also social icons righthere so this is actually a cool footerit is kind of a bigfooter I've neverseen one this big they got pages righthere you know more things right herehere here and that is kind of a lot butyou know it's still nonetheless guysthis is a good theme so be sure to checkout sparkle store now another reallycool what I've seen is shop star so thisone is very very boring it's very simplebut it works you know you go to the shoppage right here they do have a simplethree you know category and then have afeature item and that's it it's itselegance and it's it does its job but Ithink this one is actually really reallynice-looking even though it's somewhatbland I still think that's part of theyou know part of the style that theyhave you know like they're kind ofboring but it's kind of like working forthem you know what I mean so let's goahead and check out some of theirproducts right here now this Dean doesnot have a page builder so you guys willhave to probably use something likeelements or page filler to you know getthis going right here you know this is astandard WooCommerce page right here butit's still nice you know they have thesocial icons at the top right here theyhave a good sign in checkout and theyhave this fully controllable sliderwhich looks really cool so be sure tocheck out shop star okay and the nextone is styled store so this one actuallyhas its own his own custom check out sothis is solid sword I've seen this onsome blogs and everything and this isreally nice you know it looks reallyreally good you have animations overthere if you hover over it right herethey have this banner section right herewhich is girl and this guy right hereand they have different sort ofcategories and it has that that zoom instyle right there that's pretty cool andthis looks like their footer no it's notthis is just more categories right hereand again they all carry that animationscrolling down here we've got recentposts so we got the blog all right andthen right here we got the footer that'slike cool I guess that's the hips footerI don't think they really need thesepages here at the bottom you know Ithink that's a little unnecessary butit's still nice it looks good and thisis a five column footer looks like let'sgo ahead and check out their shop Heyeach oh and they also do have a secondlayout so that you can also check thatout so I'm gonna go ahead and just clickon one of these right here and you knowview the basket this is actually apretty nice new looking shot page aswellcool the standard looks good alright soI'm going to you the basket and herelooks like they kind of mess up thepicture right here they're probably likeyou know that I had a bad Photoshop youknow job but you can actually probablyadd in your own picture right here likea thank you and then right here they canactually increase the quantity andupdate update that right there and youknow there you go and proceed tocheckout and there you go so they dohave somewhat of a custom one howeverthey also have added a special featureright here in the card section okay andthe last one what is the last one that'sit guys that was is so all these righthere are free e-commerce teams and Iguess that they're all really reallynice be sure to check them out you knowI didn't want to do a tutorial on someof those old you know like they willcommerce themes but everybody talksabout like missile and all those justboring ugly things that nobody reallyuses anymorethese here are new things that I've comeout a lot of them have a lot ofpotential a lot of these can be easilymatched up with premium ecommercewordpress themes so be sure to checkthese out guys okay now if you guysdon't like what you've seen go and giveme a like and a subscribe and you knowcomment and say this was the worst listever or whatever you want to do okay sothat is not guys thanks for watching andI'll see you guys later[Music]Oh[Music]

Source

SUPER PROFESSIONAL! Create an amazing ecommerce website using wordpress Demo site: http://www.nyctechdemo.com
Important links:
UPDATED VIDEO 2018: https://youtu.be/ZHdgiLV3kfU
TUTORIAL: http://nyctechclub.com/make-ecommerce-website-wordpress-online-store-2016/
GoDaddy: http://www.nyctechclub.com/godaddy
HOSTGATOR: http://www.nyctechclub.com/hostgator/ (affiliate link)
Hostgator affiliate coupon code: NYCTECH30 (save up to 60%). Hostgator pays us a commission if you use our link or coupon code. No charge to you, so thanks in advance.
SHOPKEEPER THEME: http://www.nyctechclub.com/shopkeeper
(affiliate links above)

Full disclosure: The links and coupon codes are affiliate links that help support our channel. If you use our links or coupon codes then our affiliates will pay a small commission to us (no charge to you).

HOSTGATOR COUPON CODE (HIGHEST POSSIBLE): NYCTECH30
(affiliate coupon code)
20:04 – Step 1: Register Domain & Hosting – Ecommerce Website
http://www.nyctechclub.com/hostgator/

25:01 – Step 2: Go to Email Inbox

25:24 – Step 3: Log into Cpanel

25:44 – Step 4: Install WordPress

27:47 – Step 5: Log into WordPress Website

28:34 – Step 6: Get Shopkeeper theme by Getbowtie
http://www.nyctechclub.com/shopkeeper

30:17 – Step 7: Install WordPress Ecommerce Theme (online store)

32:39 – Step 8: Install Plugins for Online Store

37:17 – Step 9: Download Demo Content (not necessary)

37:44 – Step 10: Upload Demo Content

38:58 – Step 11: Create Homepage and Blogpost page for Ecommerce Website

41:36 – Step 12: Set up WordPress Website Homepage and Blog page

42:39 – Step 13: Modify Online Store Website Permalinks

43:31 – Step 14: Add WWW. to wordpress URL

45:42 – Step 15: Select Layout Settings for Ecommerce Website

59:56 – Step 16: Create Logo and Favicon for WordPress Website

1:08:44 – Step 17: Create Slider for Ecommerce Online Store

1:42:24 – Step 18: Customize Ecommerce Homepage

2:04:50 – Step 19: Create Shop Page for Online Store with WordPress

2:07:13 – Step 20: Add Widgets to Shopping Page Sidebar

2:09:52 – Step 21: Create Single Product for ecommerce website

2:23:44 – Step 22: Create Variable Products for online store website

2:41:33 – Step 23: Customize Category Pages for ecommerce website

2:44:10 – Step 24: Create About Page for WordPress Website

3:09:21 – Step 25: Create FAQ Page for online store website

3:22:26 – Step 26: Create Contact Us Page for Ecommerce website

3:27:34 – Step 27: Create Terms and Conditions Page

3:32:44 – Step 28: Create Privacy Policy Page

3:36:31 – Step 29: Make sure all the pages have been created

3:38:47 – Step 30: Create blog posts for your ecommerce website

3:45:18 – Step 31: Create Header and Footer menus for wordpress online store

3:48:24 – Step 32: Links everything together

3:54:01 – Step 33: Select Woocommerce Settings for Ecommerce Website

4:05:39 – Step 34: Test Transaction using your ecommerce website / online store with wordpress !

Learn how to create an ecommerce website with WordPress. This is a step by step tutorial on how to make an online store so you can sell whatever you want.

This free tutorial on how to use wordpress to create an ecommerce website will teach you everything about wordpress. You’ll also get step by step help on how to set up your online store so it looks super professional.

HOW TO MAKE AN ECOMMERCE WEBSITE WITH WORDPRESS 😀

Whether you want to make an ecommerce website to sell jewelry, clothes or anything else. This tutorial covers making an online store to sell simple products, variable products, virtual products and downloadable products. Want to see affiliate products through amazon? You can do that too if you make an ecommerce website following this wordpress website tutorial.

Source