Hey guys, I'm Greg and honestly some days I can't even remember all the stuffI've bought on the Internet, but if there's one thing I know for sureIt's that ecommercein other words the act of selling and buying online isHuge and if you want to get involved and create your own online storeOr you can sell whatever you make then you're in the right placeBut there's one problem when people make an e-commerce website with shopify bigcommerceWeebly or maybe Big Cartel these people don't get to see the e-commerce processYou don't get to play around with the checkout page the cart the my account and a lot of that stuff is stored separatelyInside the website where you make it because they're actually charging you feesso then I see people making an e-commerce website from scratch and they have to design the cart and the checkout and all thePHP and JavaScript that goes into actually processing a transaction on their own which obviously takes foreverSo I've found the perfect. Happy medium for you guysAnd that's to use SiteGround plus WordPress to create your online store with no coding neededSo all you need to focus on is just uploading your products and making it look pretty because we're using WordPressThat means you get the same powerful content management system or CMSUsed by tons of name brands and it's the same thing a local web designerIt would probably charge you about five thousand dollars to use if you contact them in your local townbut of course we're gonna do it for free together and because we use SiteGround when we install WordPressIt's actually gonna come with all that ecommerce goodnesslike a cart a checkout page a your account all sorts of stuff people need to actually process theTransaction through PayPal and credit cards because SiteGround partnered up with WooCommerceThe number one ecommerce solution on WordPress to make sure you get all those things prepackaged with your WordPress installationBelieve me guys ever since I made my first e-commercewebsite for a woman in New York City's Lower East SideWho sold bracelets and fashion gear until now when I make ecommerce websites for bigger brands?WordPress has only been growing in strength and today I want to give those tools to you and make sure you watch till the endBecause we'll be running an e-commerce giveaway and I'll show you how to get one on one personal website consulting with yours trulyAll right. So if you're ready, I'm ready grab yourself something to drinkLet's run the intro checkout the steps that we need and let's learn how to make an e-commerce website with WordPress. Let's do itIn today's video we're gonna feature cottage Sullivan's website and try to create a website like ConnersConnor is a famous youtuber and I really like watching this video is from Germany USA Asia and beyondsuper inspirational and thanks so much Connor forShowing us how to live out our dreams every day and just get out there and do it a really cool shopSo we're gonna try to keep it simple like Connor and create inspirational products that sell. All right, kind of hope you see thisThanks again, manAll right guys to get started and make your e-commerce website with WordPressYou can visit wordpress.org if you wantBut you don't need to click get WordPress or download anything from this site because our web host of choice todaySiteGround has unlimited copies that they're gonna help us install super easilyBut you might want to click on showcase to check out all the other household brands that run WordPressWebsites that you get to join today when you join WordPress, so to get the ball rollinglet's open up the description beneath your videos and click on the site ground link to get you the best SiteGround discount andthe newest WordPress tools at SiteGroundAlright guys, so welcome to SiteGround. So you might wonder why do you want to be on the managed wordpress hosting page right here?Instead of on the normal web hosting page right hereWe can see we get all sorts of other essential WordPress featuresobviouslyWe don't want to miss out on that and that's basically the reason we're gonna get managed wordpress hostingInstead of the web hosting same price more features. OkSo now that we all understand that we can just move forward and even though they're saying the best sell it is to grow bigWe're on the budget todaySo we're just gonna go with the start up crafted for a great WordPress start and now you can click on the get plan buttonOkay, guys so step one was just choosing the plan that we did right thereSo that's done and now I'll walk you through all of step two and step threeSo that you can move forward and install your WordPress softwareFlawlessly, and I'll try to answer any questions that might come up along the way but also let me know in the commentsAll rightSo the next order of business is to enter your domain name if you have a new oneClick the top box here and pop in your new domain name or if you already own a domain like from GoDaddy or somewhere elseJust check this bottom box, but in my caseI have a new idea for domain name and I want to get everything at site ground todaySo I'm gonna click register your new domain and then pop in site groundWebsite WP e guide alright then on the rightYou'll see a drop down menu for dot-com but there's also plenty of other options. That could be cool like net orgDUP is the dot-com is the most recognizablethat's probably what people will think of when I think of your site like nobody imagined visiting face book org when someone tells them togo to face book and the.com is also the most profitable if you want to sell your website someday, howeverAny of these other domain names?It might be helpful to tell people what you're about like your about clothing or coffeeAnd you can rank in Google pretty much just as good with any domain name extension here. Alright and click proceedAlright cool the next order of business is to create our accountSo with Sega and we just need an email and a password and you have an accountAlright confirm the password and we're done with thatScrolling down you can give yourself some client information if SiteGround asks for your full postcode just google yourself and you can get the fullnine digit postcode andthen phone numberAlright good job. Now. We come down to payment information hereAll rightSo just pop in your payment information like you would at any sort of online shopping experience like at Apple AmazonEBay Ebates wherever you shop online, so I'm just gonna blank this out here and enter in payment infoAll right, sorry guys getting a lot of text here you'll see that site grown also accepts Visa Mastercard, DiscoverSo I hope that helps you out, but if you can only pay with PayPal or Van Melle or something for some reasonLet me know I'm sure we can figure out a solution for you with SiteGroundSo now we're done with that. We're gonna come down to our purchase information and this is basically super easyWe just have to confirm that we're getting what we wantSo we have a plan start up if you want to change the planI think you can hit this little refresh button, but we're good with startupWe like that because that's the cheapest way to install WordPress at site ground data centerYou might want to take a look at if you have an audience that's in a different part of the worldThen you might want to opt for one of the otherHeadquarter data centers at site ground so that your servers and information are closer to your audience next upWe have our term period which is how long you're registering hosting forI really like 12 monthsmy first hosting order ever I gotWas for 12 months and I gave me a perfect amount of time to learn how to blog how to use WordPressHow to make money with WordPress and set me up for successBut if you choose 24 months or 36 monthsYou will see that you get a slightly better value and that is just because you pay a little bit less per month12 months though is great for today. We're going to keep thatHosting price is coolAlright, and of course you get that discount locked in it's normally 1195 with the regular priceBut because you use my linkWe've secured the best discount so congrats on that and now we can just come down to extra servicesalrightso like I said before we're on a budget soJust gonna keep the domain for now and I believe we can add these later on if you wantAlright, so that brings us to our total for this price right here in our case. It's63 and change which comes out to about five dollars a month if we divided it by 12 we get the amazingWordPress services of SiteGroundyou can install WordPress with one click in the next step without any coding knowledge and then you basically get the same website asThe major blogs like Mashable Forbes. Jay-zBeyonce Katy Perry Walt Disney Time magazineThey're all using or and it's really awesome to me that for this small priceYou can be on the same level playing field with those brandsAnd if you're interested in learning how to make money with WordPress just drop me a note in the commentsI have some fun resources on that. Alright, so that's all I'll say for now. I'm super excitedLet's go ahead now and just check I confirm and I'd like to receive news and offers sure. Why not?We like safe ground and then the next step will install it your own copy of WordPress togetherAlright, so let's click pay now and let's move on to the next step. Let's do itGood job guys, so now we can click proceed to customer areaYou might notice a ton of cool things to play around with and learn it now that you have your own psyche gun custody areaBut most of you are probably eager to get WordPress set up on your new blog. So let's just click set up siteAlright guys, so here we are on the add a new website screenI've chosen a slightly different domain name to build our website together today on I have a pretty big plan at site groanSo sometimes ologists pick a different domain but in your caseYou'll just continue with whichever a domain name you started with and now we obviously want to start a new websiteSo let's hit select down hereandHere's where we get to choose the really cool powerful combo of WordPress plus whoo Plus WooCommerceAgain, WooCommerce is going to help us set up the account page the checkout pageThe product page is all the basic pages that you see when you shop on something like Amazon, for exampleThose will all be set up automatically on your siteSo you won't have to like build them manually or code them or anything crazySo this really takes care of a lot of the thinking and effort that goes into when you create an e-commerce websiteSo let's hit selectAll right, we're just gonna pop in our email to get the WordPress process goingAnd a password, so make sure that is strong anduncommon words because we'll be usingThe email and password here to log into WordPress and you probably keep that for a long time. All right, and continueAll rightSo now on the extras window set grants gonna say do you want any of our other cool products like the site scanner?Which lets you know, if your website's been hacked, but I feel like you probably be able to tell if you've been hackedSo we don't really need that daily scanningYou can kind of just look at your site onYour own on day to day basis should be safe because we're press and taking are very safe and then domain privacyI'm gonna add just because lately I've been getting a lot of calls from spam likely what you don't really likeBut if you're not worried about people looking up your website or your information then don't worry about that oneI'm gonna come down and it should say zero for you or just$12. I'm also just paying for it my mein name. So it's a little bit more. Don't worry about thatAnd now I'm just gonna pay now get that done withAll right now set guns during their famous two minutes site creation processso I love SiteGround because other web hosts can take like up to an hour or asSome of you have probably seen even 24 hours to get your site live, but this is mas rapidoOkay, awesomeOur new web site has been successfully created next we can either access the WooCommerce adminBasically log into our WordPress sites backend or we can go to site toolsWhich is the tool at site ground to manage our site details, so we're gonna log into the admin and check out WordPressAnd as we saw there the WordPress admin screen opened in a new tab and it wasn't quite ready for us to start using itThat's okay because we just setup the domain and hosting so it can take a few minutes for WordPress to settle into placeThen I went and clicked on site tools, which is workingSo we were taken to this screen and site cons bringing up an important stepWhich is the name server notification right here?Your domain is not point to this site and that's something I want to make sure you allUnderstand and know how to fix if you see something like this ever. So while your WordPress is settling into placeWe're gonna learn about name servers for the next manager. So what I want you to do is just copy downThese two piece of information in a separate file like a word document or a notepadSo this is named server one at the top and then name server two right beneath it. So I'm just gonna copy both of themAnd drop them in a blink text edit fileAlright now we have and now I'm gonna go back to my account so follow me back to your accountThen we are going to click on servicesAnd we're gonna hit domains at the top and then under the domain we're using today. We're gonna hit manageJust scroll down a little bit and on the right you'll see name serversso we're gonna click manage name servers andWe want to make sure that name server 1 and name server 2 in this window here match what we wrote down intextedit window that site God gave usWhen we first went to site tools make that a little bigger and in our case the nameservers do not match, which is goodWe get to change them and it's kind of fun because I can show you what changing nameservers looks likeSo we just need to paste the first oneIn the right box over here in name server onedelete andPaste and then put that second one in. All right copy itRemove the second name server and pastenow the reason I wanted to show you how to change name servers here is because if you bought your domain name at GoDaddy orNamecheap or somewhere else and you're using a domain name? Not at site ground you 100% need to do this stepSo like we saw here set grand will give you your name servers insight toolsYou need to go to GoDaddy or Namecheap or wherever and complete this process over thereIt'll obviously look a little differentBut you have to enter in your first name server and your second name server from SiteGround wherever you bought your domain nameSo in our case we bought the domain name at site groundBut the name servers were slightly off just because they have a big account and they were just going to like a different websiteThat I had on my account and the most important thing about name servers is when they're entered incorrectlyWhen people visit your domain name?It'll take them it'll point them whatever you want to call it to the proper website that you want people to see which of courseIs what we're going to build today if you use the skills from this second tutorial to become a professional web designerYou'll definitely use name servers eventually because they're a great way of pointing a domain name from an old websiteTo a new website that you've built for our brand for example and making a website go live. Alright, that's it. Let's just hit confirmYour name servers might not even need to be changed if this is your first domain name and web siteIt's a con. There's a good chance. They were already entered incorrectly so you don't got it to anythingAlright, and the other thing you have to know about your domain names is if you bought one today at site ground like we sawIn the tutorial then you'll need to check your email inbox for a verificationRequired email from site ground. Basically just a couple links. You need to click to verify that you own the domain nameAlright, we've given WordPress a little time to working now. So I'm more confident that we can log-inLet's go ahead and go back to our websitesLet's click on site toolsthis little notification should be going away in a second and we're gonna click on WordPress now and then click install and manage andThen down here. There's this really nifty button that looks like an arrow going through a doorWhich we can click to login to our admin panel. So let's do itAll right, so it says welcome to your will commerce sitewhat we're looking at here is the site crown plus woo wizard kind of cool because it's gonna give us somerecommended cool plugins andSome themes to look at so you don't have to start with just a completely blank WordPress and wonder like what it isYou're installing or what you're putting in thereWe're actually gonna have some things to play with and make our site look good right away. So let's hit start now togetherAll right. Awesome guys, so right away SiteGround gets us into the fun stuffWe're gonna choose a fancy design for your website. Meaning it's time to pick a fancy WordPress theme for your websiteSo right here they say they've gathered some of the best free and paid themes for a site to look professional and awesomeFortunately for us all of the 12 ecommerce theme options here are free to use and if you want to go the extraMile and get a premium theme you can check out theme forestI'll leave you a link to theme forest in the description below the videosBut these themes are more than enough for us right nowSo as you can see here the site ground AI has us on the online store tab alreadyBut if you want to check out other themes maybe you've decided you just want to make a wedding website. For exampleAnd go ahead and click on these tabsOr maybe you just want to type in a keyword like portfolio and maybe you'll get lucky so pretty coolbut back on the online stereo tabI know the template we're gonna use today because I've tried out a lot of themThis one is fastAnd it looks good and uses a lot of white space which helps sales I've foundBut if you want to preview a few of themYou can just click to open them like this drone oneand maybe you'll preview a few of them or show them on your computer to your fan and friends and have them narrow down likeFrom four or five to like their top one or two to help you make your decisionSo in the olden days when you did install a theme by the way, you'd get a demo like this before you bought itbut then once you install the theme you'd have to put in your own images your own buttons and colors and you wouldGenerally have to do a ton of work to get it looking like you wanted it to look but now with these templates from sakeGrin, for example what you see is what you get and it's gonna look good right away with all the cool contentOkaySo once you've done your homework a bitmaybe you'll check out coffee shop because a big coffee fan here in the debug community that wouldBe something that we'd go for. So if you like coffee shop, you're gonna fit right in with usThis one's particularly good because it has the testimonialsWithout doing any other work, you have testimonials you have this nice grid, which is good for SEO. It's like a table andso on and so forth, but the one we want to use today isJust called fashion storeLe fashion serves so much because it looks a little bit differentIt has the logo on the upper left and then the nav menuSo right away without someone like hovering or finding some buttons somewherethey know that their shoes Thai suits wedding and when I'm buying clothing from likeUnder Armour or j.crew or something?Sometimes it's hard to find like the different sections. But here you have them like right awaylike I mentioned this theme also uses white space really well andThe homepage is just super simple. There's a coupon area. There's contact informationFeatured shop with usYou have these ad banners which you can put up like your ownadvertisements orOther promos and you have a really nice skinny menu at the topSo someone can get around to your different pagesif we open up Connor Sullivan's websiteYou'll see that a lot of Connor's features are actually found on our template that we're going to use todayJust in slightly different formatsSo he has the large banner image at the top and we have this largeAdvertisement image and then when you have the social media icons here, we have the social media icons in the lower leftalrightAnd then he has like about him down below with a cool image and we have about here with the shop with this sectionSo obviously psycho and picked their 12 best e-commerceThemes to show us right here Retin we're getting started and I know that the fashion store one is actually stored on a linkThat's just called shopS GWP demo, which means it's probably the first one they made and probably a theme they spent a ton of time onAll right, so we're gonna get this look so back in your sec round windowLet's click on fashion store and hit select in the upper, right?Alright, it says great choice, and now it's telling us that it's recommended to use ElementorIf you're not familiar with elementarythat's the best WordPress drag and drop page builder right now at the moment meaning if you want to put likeThese social icons over here you can do that or if you're gonna put these icons over here. You can do thatYou just click and drag and drop them in there and you don't have to like rebuild anythingBasically Elementor makes it a really big treat to make a ecommerce website with WordPress in 2019Because not too long ago in memory all these things were a lot harder to accomplishso let's confirm and nowWe're gonna choose some plugins. It says the recommended useful functionality for your site. So that just means the recommendedPlugins for your site and let's start at the top. So contact form is selectedThat's a good one buy WP formsreally trust them and create brand by Sayyid bulky and this makes it so we don't have to like custom design aContact form that you can use on your contact page. It will already be there. Keep that oneJetpack is useful. If you want to connect to wordpress.comfeatures, but we don't want to use anything from wordpress.com today and then obviously a calendar is useful if you're creating an event sort ofWebsite or some events web pages on your site, but I generally don't even know what day it is of the weekso I'm gonna skip that one but by the wayThese are all free so go for it if you want and continue now, we have some marketing pluginsSo Google Analytics is cool. But I like doing that on my own through the actual Google Analytics websiteYou just paste some code from that on to your site and then you can start tracking analyticsSo I'll leave you a video on how to set that up from scratchwhich I recommend and that way the moment you launch you can track your pageviews and others -We are gonna optimize for SEO because that's by Yoast and every site should use Yoast they are fantasticBasically, it makes it so your posts and your pages have little checklist on them that tell you likeHey, you should include more of this word or hey, you should put this word in your little SEO snippetSo everything looks better for Google and being a total beginnerYou can learn how to rank blog posts in Google and the gross subscriber listWe're gonna skip because I recommend Constant Contact for that again link in the description and completeAlright and once again site guard has installed everything faster than really anyone could expect we didn't even have time to go take a breakOr get a snack but we're having so much fun. You might as well just continue and go to the dashboardAlright guys and gals so welcome to your e-commerce website with sake groundYou are now ready to goWhat we're looking at here is a custom WordPress dashboard that SiteGround made for us so you can get to your site pages themeOrders create meta products check your SEO or create forms right from this pageAnd as you go down you might want to use the useful links like SiteGround has a wordpress tutorialThey also have a knowledgebase and some ebooksHopefully all that's free. I think it will be and they've even found me like WordPress events near meSo like if I was bored tomorrow morningI could just drive to Redwing and check out a wordpress hacking or watch movies about WordPress with peoplesoHow cool is that very?intuitive and if you want to get to theDefault WordPress dashboard that you'd see if you just made any old blog just click switch to default down hereSo we're gonna do a little tour and then we're gonna check out our site and to start we can just click on blog postsSo these are where all your blog posts will be locatedIf you want to create an e-commerce blog about your products and use like inbound marketing to pull people into your siteThat's where you'd find all your blog postsYou could just click add new and start writing and publish one today if you wantBut we're not really focused on the blog at the momentNext we have our media tabThis is where all the images on our site are and of course because we installed thatAwesome theme of the fashion store from sight gun. We're gonna have some fashion imagesLoaded up for usAlright super cool, you can easily delete any of them next we're gonna click on pages andHere we see the beauty of WooCommerce right awaySo a basic WordPress site installed at any old host without WooCommerce won't have the cart page checkout pageaccount page or shop page those four are specifically given to us by Luca murse andWe're gonna check them out on the front end of our site Sutan, of courseWe also have a home page and for good measures a contact page next we can click on our commentsAlright. So once your site starts getting some traction people should be commenting on your content great job there. We can also click on WooCommercewhich is where you'll see your orders pop in once you start getting them andHere you can also make coupons reports and so on and so forthOf course WooCommerce is known for its productsso we've been given all these demo products like snow shoes colorful bag and we're gonna see how to make new products andProbably end up deleting these even though I'm sure they're beautifulDown below we have the WP form sectionAll rightSo we have one simple contact form on our site super good just for getting people to respond or ask you questionsafter forums, we have elementary which is our page builder andOf course a lot of these things we're gonna see on the front hand of our siteSo this is just like the back settings area. So now you just know where they are. We also have templatesnot sure what those are we're not going to use those andThen we have appearance and if we have round appearance we can click themeswhich is arguably the most important area of your site because this decides the entire theme or look that your site isWearing when we chose the fashion store look from site. KarimThey gave us ocean WP theme which is easily one of the top-five best WordPress themes of the year right now known for being fastBeautiful and great for drag and drop see don't need to know any codeSo I don't think you'll need to make any changes to your theme anytime soonBut if you did want to try another theme you can just click on these ones open them up and hit activateAlright, you can also delete themes like these default themes from WordPressIf you chose to you can do open one of them like 2016 great one from the past and click delete in the lowerright and then okay, you can also add new themes at any time just click add new andYou can bring new themes into your little personal library over there just by searching for themlike searching for a businessSeeing what you findClicking on them to preview and then you can of course install them all these thingsYou see here will be free. The only downside is there are so many themes in WordPress that a lot of themwe haven't vetted and we just don't know what they're gonna be fast or pretty or even look like theyShould look right away for youSo let me know any questions you have if you want to change your theme, but like I saidWe have a really good one next up we have pluginsthese are just the plugins that we told Sakura to install for us Elementor isthe page builderOcean extra is part of our theme to give us extra features as she optimizer is custom built by sycron to optimizer siteThen we have our e-commerce plugin WooCommerce. WordPress importer helped us get our template liveWordPress starter also helped us get a template live. This is the former's plugin and then we have our free SEOsolutionDown below. We also have the users tab. This is where you can find yourselfYou can always click on yourself at any time and change your passwordJust scroll down to where it says generate passwordClick that and then write in a new one and then save it at the bottomNow eventually you might want to fill in all your details here, but it's not too important right nowAs long as you have a working email in for email address, then you'll get the WordPress notificationsAll right, cool we're almost done here we have tools alright soNo one really goes to toolsUnless you want to import or export something. So that's too complicated for now. Then we have WordPress settingsWordPress settings is where you can change the title of your site like instead of my wordpress mye-commerceSay grant amazing or pests and that'll show up in the tab up here when someone's on your site andThen a tag on alright, so we just want to get rid of that down belowWe have your WordPress address and your state address. If you want to add the www you can do that hereJust make sure you add that WWN in both boxes right here that I'm clicking onotherwise your site will break so I don't like changing this but if you want to put theWWN go forward just make sure it's up here and it's also down hereAlright that's the settings there's writing reading discussion so on and so forthI'm sure you know as you get your coffee in the morning, you'll click around you'll browse the settings and you'llDiscover all these new powerful tools that you have at your fingertipsAlright, and that does it for our tour because SEO team panel and esti optimizer are gonna be a little too complicated for nowBut as it is for everything this tutorial played out with it. LaterDon't be afraid of breaking something and if it's something like plugins, for exampleAnd you delete one of them you can always get them back at no costyou know without really much harm to your site if you delete one of them or you think you made some terrible mistake and notSure what to doShe's supposed to comment and let me know you can most often get these plugins back for freejust by clicking add new and searching for them andIt's not like your site's gonna break if it's not relying on one of these plugins. Alright cool guysI made you learn all about these different dashboard tabs in advance before we check out our site just so you're more confidentNavigating WordPress, you know about all the powerful tools we have and now it's time to finally look at our siteSo look at our site at any time. I always just click on the site title and upper leftAnd there you have it so this is how the world sees your websiteOf course, they don't see this black navigation bar at the topThat's only if someone is logged in that they'll see that like you are now and yeahLike I said when you use site down and their templates, it looks good right awaySuper cool. So we're gonna edit in a momentBut if you want to get back to the dashboard at any timeJust click on your site title, or you can hover on it and click dashboard sort of the same thingAll right, it just wants us to log in againCan happen from time to timeAnd that is how to use the button in the upper leftso now we are gonna start designing our site from top to bottom from left to right just like a normal web designer wouldLet's start with something relatively easy, so you can get a couple WordPress changes under your belt right nowso the first thing we're gonna change is ourNavigation menu on the left and then our social icon and if at any point you get stuck or things on your screen don't behaveLike things on my screen then just stop the video and post a comment and I'll get back to you the same dayAll right, so we're gonna hover on our site title and click menusAnd here we are in the WordPress menu areaYou'll see right away thatWe can also right-click on the site title and open it in a new tab so we can see what we're changingSo you'll see right away that this menu is sort of just WordPress guessing. What should be over hereThere's not actually a menu built right now because this is blankAlright, and so the first change we're gonna make is upload images to our website so we can swap out the stock imagesSo to upload some images we can go to new in the skinny nav at the top and click mediaAlright, and I've gone ahead and emailed myself some images and also done airdrop. So if I open up Gmail, they're gonna beSitting there. Yep, that works pretty good. So if you have images on your phone, you can email them to yourself, tooand then you can just open them up andThen do a bunch of downloads might want to name them quickAll right in all to speed up that process downloading all those imagesAlright and a good best practice idea is just to make a new folder for all the images going on to this specific websiteNow we can just click and select all of themExcept for this one because it needs a little photoshopping and drop it in the folder. GreatThen I'm going to downloads too because we have a cool video and another image which are also gonna go on the Satan'sAlright, so I'm gonna copy those and put them in the folder nextWe'll go back to web press and we'll do a bulk upload. So we're gonna click select files open up our folderYou're super easy. We can select all of them again and click open in a lower rateAlright, and if a file fails to upload like this one right here, no problem. We can justDismiss it and then we'll try to rename it and upload it againSo if we look at that file that one air dropped as a dot hei C which is no goodSo when we learn PicMonkey a little bit later in the videoWe'll just have to open this image and then resave it as a jpgalright now that our images are uploaded you can click media and see all your good work andThere they are so that part is doneNow if you're like meYou're probably ready to make this site your own and to do that what better way than to upload and create our firstProduct once we have a prodigy to made we can learn how to position it around the site like here and hereAnd then learn all the interesting WooCommerce features, like how people can actually buy it funny enoughYour site is actually pretty much ready for sales right now. It'll accept paypal and credit card via the paypal appSo theoretically you could get sales already for like a colorful bag, but you'd probably have to cancel them from within your WordPress dashboardOkay, so to add our first new product, let's use the skinny now at the top again and go to newproductAlright and our first product is gonna be something everyone needs and something everyone's deadWe're back in the 70s and that is gonna be a leather jacketBut this time it's worn by Christo next we can write a description of the product in the text area hereWe can give the product a category which is really important for how we put the products in our navigation menuso let's go to add new category andJackets and add that now let's scroll all the way down to where it says product image and click that linkMedia library and now it's time to choose the main image for our leather jacket, so we conveniently have three of themWe're gonna create a little gallery. But right now we just need the best one. So we'll go with the head on imageAnd click set probably damageNow we can add product gallery images and grab those other twoI'm just holding command and clicking on two of them. So they're both checked and clicking add to galleryAwesome. Now we need to scroll down to the product data, which for some reason is down here product dataSo we need to drag this up. This is really importantSo I'm clicking and holding and dragging it all the way up to so it's right underneath our text area like so coolNow it's time to set a regular price. So I'm gonna go withseventy-five years and then a sale price if it's on sale, which is because why not of60 euros very cool before we publish I'm gonna take you down to the bottomWhere it says product short description and we're gonna write a few things about the productI'm gonna make a semicolon and then use WordPress is bullet feature. SoComfy softHumanly and that's a clay made affordable and stylishAll good things and then come to the top and publish just so we can see what this new product will look likeObviously as your products evolved, you'll add in more settings and more descriptions, tooBut the goal is to get you familiar with creating products right nowso let's click – so let's click view product to the top to see what we made andWell out, we have our very own first product pagesomeone could add to the cart and then someone could view the cart and proceed down the usual use your experience of checking out andBuying it from you. We can see we can zoom on top of the productSo we can get up close visual. They're really coolAll right, looking stylish in an alleywayAnd then we can go down and click on our gallery to nice to change the currency of our productWe're gonna go to the WooCommerce settings. Let's go back to our dashboardAlright and click on WooCommerce now, we're gonna click on settingsSo welcome to the wonderful world of WooCommerce settings and we're gonna scroll downto where it says currency so we have pound sterling and we just want to search forUS dollar or just jealous should do it don't even know my own currencies called there. It is United States DollarsSo there's obviously tons of currencies to teach them to satisfy all sorts of people and Save Changes nowLet's click to the home page and see if our product is on the home pageSo if we scroll down there, is it fill itself in on the right?Cool, great job now that we know how to add a productThere's no since in having these stock products posted on our site. So let's learn how to delete products. Let's go back to our dashboardcome down to products again andWe can just select all the products that were made with the site when we get first got itNow that this is selected we can go to bulk actions and move to trash and then applyAlright and if for whatever reason you want to get those products back you can just click trash and then click restore underneath themLet's go back to allNow I'm going to open up the leather jacket product and show you how to make a product that has variations like colors and sizesAlso known as a variable product in WooCommerceso let's scroll down and let's see that this product is a simple product and it has a place andHas a simple price and then a simple sale price, but what if we choose from the drop-down?variable productAll of a sudden the price goes away which looks bad at first so we would want to keep that price because it's the mainCharacteristic of the product now, we don't even know where to put in a priceBut what I'm going to show you is actually really valuableBecause this is how you create items like t-shirtsBracelets shoes. You name it that have different sizes and colorsSo let's do it and we'll be able to add in multiple prices for different sizes, etc in just a momentSo let's do it now that we were on variable product. We're gonna go down toAttributes and click on add andGive this attribute a name like size. That's an easy oneand then the values separated by the vertical bar should be things likelargevertical bar mediumVertical barSmall now just check use for variations and save attributesSo we have a size attribute with three different typesPerfect. Let's add one more attribute, which is going to be color and the values are gonna begrayblack andBrownCheck you serrations and save attributesBeautiful now we need to go to variationsUnder add a variation click on the drop-down and choose create variations from all attributes and go and okAnd okSo what it did was it added a variation of every combination possible that which there are of course nineThat's mathI probably couldn't do in my headBut we can clearly see that nine variations make sense because we have three different sizes and three different colorsOne color for each different size and I totally get how little sense this would make if you didn't previously know how to do thisI've been there. So now we're going to click on one of these white spaces because that makes sense and open up theVariation itself and give it a regular priceSo you're going to need to go through your inventory and figure out what the real prices should beBut a large gay for example, it could be$75 in stock and if it's on sale, then you can drop it down to the sale priceHow about for a large black? That's a little more valuable. Maybe the regular price is $85 and it's on sale for$70To close one of these windows just click on the white space againalright, and we're gonna want to do is go ahead and assign a different price to all of theVariations and again, they don't have to be different prices for each of them unless that's just how your business worksAlright and medium brown and the smalls are going to be a little bit less materialSo that would be a little bit cheaper and we're good to see this in action in a moment on the home pageAlright and a little bit lower price for that oneOkay, once you've entered in all your different prices and you've factored in other detailsLike weight length width height all that important stuff like description. We can save the changes. Okay, beautifulSo now we're gonna update the product and we're gonna view the productAnd we should have a few more options. All right, so now when someone wants to buy your product, they'll first choose his sizeLarge medium small I'm feeling like a large today and then color I thinkyou know a nice brown would look good andThen someone's allowed to add to the and they'll see the right priceAll that's left for you to do is to upload a picture of each different color like you'd see onAmazon when someone chooses a product when they click on the color then the product changes color. Alright, it's super coolI'm gonna flick back to the homepage now andNow that we know how to create a simple product in a variable productI'm gonna add in three more products just so aesthetically it looks good on the homepageSo let's go to new product again, and let's create a product calledmatchingFormal attireNot the best copywriting but you get the picturealright, we're gonna go to category now and we're gonna do men and women and then we're gonna add a new one which is gonnabe formal anew categoryAlright now we're gonna pop in a regular price of a nice cool 180 because this is a combo product you get two thingsIt's gonna be a little more expensive and it's not on sale because this is always good in every seasonWe're gonna set the product imagemedia library and choose this image of Chris and I here on the blue carpet and set product image andThen we're gonna add the gallery images of just more of us wearing the same stuff if you upload an imageAnd it comes in upside down or sideways that's done and that's not good enough for your siteYou need to select it with the check mark and then click Edit image then you can just click on one of the rotate buttonsAnd this is all and this is also where you can crop an imageyou just click on top of it and drag the right region andThen you click the crop buttonwhich is up here that's crap so we can crop this image and rotate it and then make sure to save it and thenWordPress will understand that it's updatedWhat you might need to do though is actually just close out and like refresh this page somehowSo if you publish it that will effectively refresh the whole screen. Alright, there we goNow I'm gonna click on add product gallery images media libraryIt'll know that we flipped that imageOf course, we have to flip other images so I probably shouldn't have done that so soon. Okay, and we're gonnaupdate this page to refresh again now go back toproduct gallery imagesOkay, and here are the other images for the gallery. I'm gonna hit ctrl or command and select them and add to galleryBeautiful going down. We can also give our product a short description. So this product is known for beingMakes you look wealthy and great for photos andWe get those bullets in just by putting our cursor right by the letter and making a bullet point then delete enter delete enterDelete enterAlright, and we'll update this product. So now that we have two products when we go to our home pageYou should see that next product lined upalright, and there it is and what I'm gonna do now is zoom ahead and add two more products that are simple products just likeThe matching formal attire. So again, it looks good, aestheticallySee you in just a secondNext to create a downloadable product like an e-book or maybe an mp3 or mp4File that someone's going to download or maybe a set of imagesLet's go to newproduct and the most important part here is clicking downloadable andThen choosing which type of file it is. So let's say we have an e-book which is just the e-book from to your bloggerand things doFor youLiveIt's actually the second evokeThen we'll come down and give it a price that's technically freeBut maybe we want to sell it for a little bitso five bucks and then we click Add file andIt'll bring up the file name and the URL option so we can choose the file if we don't know the URL off the topof our head select files andWe're gonna grab a PDF for my desktop. So I'm gonna look at 10 things to doand insert a file from URLBeautiful. So now we have our ebook uploaded. I'm just gonna call itits nameAll right, and then in product image we're gonna get that ebook cover imageupload files select filesAgain some things to do you get the pictureOne of these is just a cover this I'm just gonna double click itNot sure why those file names are grayed outBut we can set prior to image works. Great andthen here we go with our downloadable product and we're gonna give it a category ofEbooks and publish it. Oh forgot that short description at the bottomAnd when we look at our homepage we can see that we now haveFive products, but it's only showing fourTo get more products on your homepage or just to show certain products and not other productsI want to introduce you to commerce shortcodesAnd to do that we need to actually click Edit with elementary at the top of the pageSo once we're in elementary, we'll see sort of the bare bones of what's going on in our homepage. This is all the contentArranged neatly in this little drag and drop window so you can always click on an item and hold and drag it to a newspotSuper easy drag and drop technology, but we're gonna cover all this in the elementary section of the videoI'm gonna hit command Z. And for now, what we need to focus on is our products right hereOur products are living in what's called a text editor so we can see there's like blue boxes which are sectionsthis is a big section as you can see it says edit section if we hover on that six dots andthen there's a section within the section which is a header and then some sub header text and then the products andWe know this is a text editor because if we click on the pencil icon over here on the leftit says edit text editor what's going on here is that all this is is like a text box or a text widget and thenSaiki on has written in this short code which WooCommerce understands to meanproducts limit equals four just for products andcolumns equals four just for columnsNow the beauty of WooCommerce when it's built with elementary and these short codes is you can just write in differentCommands to the shortcode and get it to do different things with your productFor example, let's say we wanted the product limit to be a little bit higherWe can change that four tosevenClick away and then it'll show the five products we have because we only have five we don't have seven yetLet's edit that and let's change that to five just to be preciselet's say we want the columns to be three because you know, we only want three columns from people to look at andThere you goNow the image automatically becomes bigger if you want to just display a certain category your productsLike maybe you only want to show products for men in the specific section or for women. You can just click on that pencil andGo ahead and give it a category command and to do that. I'm gonna refer to this cool guy by cloud waysso I'll link you this in the comments below but I just found this from google and like how to use WooCommerce short codes forCategories and there's tons of good information out therenow I click product category andI learned here that you can do product category by slug. SoThat's gonna look something like thiswe are gonna copy that shortcode andThen delete it and then right at Open bracketProduct category space category equalsLet's say women close quotes and thenclose bracket and then click away andThere you have the two products that are categorized for womenYou can do that for any categoryOf course and you can also mix it up with different commands like columns order by dateWhich I love ordered by ascending. So for example, if we go back to elementary and we bring back our previous shortcodeJust gonna paste that back inAnd maybe we want the order of this to change so we can do editMake a space right before the closed bracket and do order byequals dateAll right, and that should change the order of the productSo now the product that we created first is first and the product we created last is lastAll right, so really cool stuff guysYou can play around with the different short codes and use them just to display what you need. Of courseThere are like infinite millions of combinations you can do once you have more products and we're gonna updatenow we can click on the hamburger in elementary andclick view pageNext we're going to setup free shipping on all of our products because I believe we should bake in the shipping cost into our pricesor just try to figure out a way to ship them for free to people because that increasesThe customer experience there are of course ways to charge for shipping or make it so you can ship based on weightBut that's too detailed for now. So to set up free shippingWe're just gonna go to the dashboardand we're gonna hover around mu commerce and click on settings andThen we're gonna click on shippingandnow we're gonna add a shipping zone and you can really call this whatever you want like Sweden or world orWhatever is most descriptive and frozen regionsYou can choose a country but we're gonna go with just everywhere and then we're gonna add a shipping methodThere are gonna be three shipping methods flat rate free and local pickup. So, of course, we'll choose for you and add shipping methodMake sure it's saved it is saved because it's on and it's saved itself already andThat should do it. So now when someone is on a productThey've got it in their cart and they're gonna check out their on the checkout pageIt should just say free shipping and that'll obviously make people happierI am happy to show you how to get really detailed with your shipping cost thoughIf you have any questions on that, just let me know in the commentsto add reviews to your productsSomeone would just need to be logged out and visiting as a customer so we can simulate that by hitting command shift n onMy google chrome here and visiting our safeAnd then someone would be on your product like on the matching formal attireThey'd like it so much they would be in the review section and they would be like, yeah, I really want to do thisI'm gonna add a review because it was a great experienceHi this productSave me when INeeded last-minute formal gear meshed my partnersAll right, and then someone's gonna need to put in their name sowe can go with James my middle name and nickname and then an email isnecessaryTo post this review, which is a lot like a comment and someone could save it and then just submit. OhWe need a rating so we gotta get the star rating. Maybe just like four stars pretty good night. That was and submittedAll right, it should say something like your review is posted and there it isso now when you log in each morningYou'll need to check for reviews so we can close this incognito window. We can go back to our dashboard andInstead of going to WooCommerce that review will import right into the commentsSo just visit your comments and then you can approve that review from JamesAll right. Ideally you get a lot of reviewsSo then you can be like one of those companies on TV that says we have over ninety nine hundredFive-star reviews on Amazon and that's why you should buy usOf course yours will all be real though to set up the easiest form of collecting payment through your e-commerce websiteWhich is PayPal we're gonna go back to the dashboardAnd we're going to click on WooCommerce and then hit settings of course and now we're gonna go to paymentsSo this really is why WooCommerce is so preferredmost of it works alreadyWe just need to check a few boxes enter a couple emails save it and then you're ready to collect payments from your customers onlineSo let's check the boxes to enableAll these ways that someone might want to pay us most importantly PayPal and Save Changesnow we can just click on the PayPal link itself andIt'll take us to this screen, which is the PayPal setting specifically, we're gonna enable PayPal standard which just means enabling PayPalTitle PayPal is great. This is what it'll tell customers that they can pay via PayPalYou can also pay with your credit card if you don't have a PayPal accountWhich is perfect make sure your paypal email is in there correctly. So mine is actuallyat gmail.comotherwise it won't work andthen don't do PayPal sandbox because that just makes it like a testing area where it's not real andif you want to do this stuff you can but I like these settings just as is right here andWe're gonna save those changesAlright now when we're back on ourWebsite now someone actually has payment options. So if they're on the checkout pageandThey get past the billing screen right here down belowYou'll now see these options to pay with chequeWhich we all like bellick getting cheques direct bank transfer wouldn't hurt neither a cash at the door, but most importantly PayPalSo most people go with when someone clicks proceed to PayPalIt'll give them the option to go through PayPal or to enter in their VisaMasterCard, etc credit card number soThat's now workingCongratulations, you can now accept payments in the most common most standard wayso Before we jump intoElementary ed a– ting. I want to show you one way to earn money on your ecommerce site before your products actually start selling andThat's what the site called like to know itSo like to know what lets you organize collections of your favorite gear and then you promote them on a site like instagramso this is Krista's cousin my girlfriend's cousin and she obviously does a lot of cool photographs andReally nice setups in nature. I think she's out west somewhereso if you went to like this photo right here andYou go to the top you can see that she is talking aboutWhat's going on in her life and then has a link to like to know it?That's a short link and then when you visit that linkYou're gonna get her own collection of gear all the stuff she wears. You know, you got some joggers got some creamBoots and a fleece. This is an image right here of her favorites, which she pride me. That's really pretty. Good jobJessica and then there's also this product link and this product Lee when someone clicks on them if they like what you're wearingThen they get directed to the site where it's foundso this is a broker me calm and someone can make a purchase to look just like you andthen you probably get it cut of that ifUnderstand this correctly. That's pretty basic affiliate marketing and that's how a lot of bloggers like me make moneyI just do it through tech companies like hosting and domain names and it helps keep the channel free for everyonebut if you're into fashion like Jessica and you now have a fashion website like the one we're makingIt's really easy to sign up to like to know it and then just put your link on one of the productsRight hereLike maybe someone's not ready to buy it from you directlyBut they trust a site like Abercrombie a little bit more just put a little link to check out your like to know what collectionOkay, now that we've covered all the stuff we need for our products pretty muchmaybe we'll do a couple more edits before we launch we're gonna move on toEditing with elementary because you're probably tired of looking at this upper section and middle sectionSo first, let's learn how to edit some simple text in Elementor. Let's click Edit with elementaryAll right in the Edit any text you can just point and click on a header andchange it to whatever you want and you can right on top of the text right here with the point and click or you canChange it in the editing window on the leftSame goes for the subheading down hereAnd you can see that's also just called a little heading if you look at the elementary element nameSo these are all elementsAlright, so that's how to change some text in elementary to change the iconsYou can just click on these little icon boxes as they're calledThen you can hover on the icon and click icon libraryElementary comes with all these cool icons for your own personal needsSo I really like how the ship is for shippingBut maybe we'll go with like a shopping cart just cuz that's standard ecommerce and now the icon box comes with some textSo we're gonna edit that right here on top of the screenAlright moving on to our next icon so this one we're gonna change from the rewind buttonWe can also do a search at the top left nibble on YouTubeSuper cool. We can go with like a stock YouTube or a alternative YouTube iconAnd answer I'm gonna call this oneDesigned by youtubersAnd change the textAlright look and get it and then moving on to the third icon. So this one work shouldn't keep the dollar sign andsave time and moneyOkay, so that is how to design your own custom text area in elementary nextWe're gonna do something important, which is choose a color scheme for our websiteSo we probably should make a logo that matches our color schemebut right now I know that colors like orange andMagenta are really good for taking action, and I want to utilize those colors in our icon to youAnd then also use them when we make our logo in a little bitso we can easily do that just by clicking on top of one of the icons like the shopping cart andthen we can go to style anddo primary color andNow when you click on any of the colors below it'll change, but it'll also bring up the entire color paletteSo I really want this one to be like a bright orangeif you can't get the right color, sometimes you just have to kind of maneuver thetabs on the rightSo we're gonna go a little bit brighterAnd get ourselves a nicepopping Orange thatShould do it awesomeAnd once we have the right color, I'm gonna double click on the six-digit color hexCopy that and put it back in our text file where our name servers wereSo this is like our little notes that we're gonna use to make the logo laterAlright next we need a magenta. So I'm gonna leave the middle and gray and go with the far right dollar signWe're gonna click on style again and primary colorAnd we're gonna click on blue to bring up the colors and then drag over to magentaSo it's pretty clear the colors at the top of the window are a little more striking down here you get darkermore pop and strike up topand this actually looksperfect right aboutThere and this actually looks perfect right about there nailed it. All right, we're gonna copy the color hexYou'd be amazed how these simple decisions have like long implications on your business. So take your time and get the right colorYou might be using it for years to comeAll right, and we'll update the siteNext to move sections in elementary. That's obviously what they're known for is being drag-and-drop, so it should be easyyou can just click on the six dots for this section andhold and drag and I'm scrolling at the same time andThen dropping it at the top because we've got to be able to see the products on our home page above the foldabove the 50% markIn the upper part of the website right when someone lands on itAll right, and then we're gonna replace feature it withClothing and gear we loveAnd you can change subheadingIf you think there's too much space above a heading like thisYou can edit the spacing Elementor by clicking on the section settings now going to advanced and we're gonna see what sort of marginWhich is spaceOutside of a section and padding which is space inside of a section currently lives in this sectionSo there's clearly some padding on the top and we reduced that toJust 24 to make things a little tighter and do the same on the bottomBeautifuland we're gonna come down and do that to ourText section as well. Click on the section settings advanced and drop that padding and so the page is consistent lookingAnd we can do that for our 20% off as wellAnd a little bit less space now to change the background color in element 2for exampleWe have two great backgrounds next to each other gray and gray and a white and white and we really want to just go whitekykJust click on the section settingsClick on style and then background type will be classic and you can click on the colordouble click on the hex and copywe're gonna change that to white and then we're gonna come up and change the background color of ourclothing in gear we loveAlright style color just paste that in nowbeautiful a little bit easier on the eyes to navigate now and if you want to go crazy with like a blue orwhatever else stands out, maybe one of ourBranded colors like the orange or the magenta. Go ahead go right aheadyou can also add cool and funky borders in elementary just by clicking on the elements tab andThen do a search for a border or a divider as it's called and then drag that divider in between two sectionsAlright so here we have a full width border we can adjust the width in content just by bringing it in a little bit andThen centering itBringing a little bit more super cool. You can also get a style and change the color of that borderMake it. Umgrayand then you can actually go toAdvanced and add emotion effect so that this border will actually come in in a cooler way than just being thereLet's go to bounce inAnd one of the ones I really relate to and like is rubber band, so let's play with rubber bands as a kidSo let's choose that and updateAnd now click on the hamburger and exit to dashboard and let's see how it looksLet's click to the home page and now we can see a super cool animation comes in right awayPeople went out if you notice it, but it should draw their attention towards your products where of course you want them. Okay?So now that you know all about elementary page builderIt's time to do some of our own graphic design and get these images looking more like something our brand would want up topso the images I have for our header or hero section are located in that folder that we made and we are gonna usePicMonkey for all of our graphic design here needs including but not limited toresizing the images to the perfect sizeIncreasing their resolution and sharpness and also putting a shape like a circle on top of the images and embedding that with some textSo it looks like a real advertisement. So let's open up our PicMonkey windowAnd I'll leave you a link to get started with a pic O'Keefe retrialI think they still have a really good free trial going in the notes below the video. So make sure to check that outI use PicMonkey every time I need to make a YouTube thumbnail or a graphic for one of the websitesI'm building. It really saves youIt's so much easier than Photoshop and it makes you look totally amazing and marketable to clientsSo definitely, I would recommend signing up for PicMonkey if you haven't already. All right, so we're gonna click on the edit button first andthen we get the computer option to upload something from our computer and I'm just going to upload ourbanner one imageAnd my goal for this image of Christa walking down the stairs with the blue carpet andEveryone's setting up the beautiful flowers is to put this image on our home page in this large sort of square rectangle sectionAlong with some promotional content on top of it like a shape and textSo this image you can't even see the person really it looks cool because there's like a fun city background and shoppingBut we can definitely do better. So let's go back to PicMonkey and achieve our goalSo first thing I need to do is figure out the right size to shape this image as so let's go back to our dashboardandClick on media and find that stock image that we're usingThere it is so we can open it up and see that this is 800 by 800 pixelsSo that's the size we should go with now. Let's go back to Christa in PicMonkey and scroll down toResize and we could change the size down to 800 by 600But I personally don't want us to lose the resolution of making it smallerso I'm gonna cancel that and we're gonna go up to crop andJust size this down to a perfect squareSo we can choose a width right here of something larger than 800. So we keep a little more resolution maybe1600 for good measure and a height of1600 then click scale photo and we're gonna click the boxTo position it and just drag over the perfect square image that we wantSo we're gonna highlight the entire right hand side of the imageThat's really cool because there are some people doing fun stuff and it also left aligns Christa in the image. SoWe can put some text to the right of her and click applyAll right now our sizing is perfect. Let's go ahead and change up the sharpness and the clarity click sharpenEvery image you can see needs a little bit more sharpnessMaybe not a ton. But if you get used to it with the sharpness and then go back to non sharp, it'll look blurrySo then you know that it does need a little bit more sharpness. Iusually like somewhere in the middle of the range just to get the crispness of the light on our hair standing out andThe greens to pop a little bit more. So 21 is perfectAnd then with clarity we can see what happens when you go to the far right so that's not realisticbut again, if you go to the far left, it looksLess clear. So let's bring that up and trail it behind the sharpnessBy about that much. All right now we'll click apply coolNow we're ready to start designing the circle and the text on top of Krista. All right, let's go to the butterflyAnd we're gonna click geometric and grab a circle and there's our circleWe're gonna pull these little panels out of the way so we can see everything going on and drag our circleTo the upper right and then pull the corner to make it biggerPerfectOne trick I like doing is also floating part of the shape off the imageJust sort of looks bubbly and cool. So that's what we're gonna do there. All rightSo the key here is that Krista is facing the circle and that way it'll direct people's attention or it should at leastTowards our message. All right, let's work on the color thereSo on our site the default was like a nicestockPastel gray, we're gonna click on color 2 and do a little bit better than thatOne of the coolest things is you can click on the eyedropper and PicMonkey and then select colors from the image itselflike the green of the tree isthe pink on her dressWhatever you want to doSo I'm a big fan of that pastel pink and I'm gonna click just to select itBeautiful and we can also change the fate if you want people to see through that image a little bitNice, rightAll right. Now it's time to add some text. We're gonna click on the TNext we'll choose a fontScroll down and see what suits us todayWe could try something like Laura or maybe QuattrocentoYou just click on the font and then click add textYou can also click to drag then just click in the middle of the box and start typingAnd click the text box and drag to position it and if you don't like the fontIt's a good read. You can just leave the text up like this and maybe change the color so it's clearAnd then go ahead and just go back to fonts and change the font. So we're gonna go back behind this little tab andmove the tabOver there and then we can keep our fontsChanging and pick the right one because we can preview them nowOkay. So a lot of good options Pacifico is a classic play ball is good. IThink today Pacifico could totally work but write a couple moreObviously we have lighter thinner fonts and we have more engaging fontsSo really geo sans light though is pretty coolOkay. So after trying a lot of fonts, we like PacificoI'm gonna go ahead and put that one up topOnly downside of Pacifica is it doesn't come with a bold and an italic like a lot of the more stock fonts, tooBut that's okay for us now because we can use two fontsso we have join us at the top and then we are gonna haveShop and travel in the middle and I want to use an and signed from PacificaSo to do that you can just copy one block of text by having itselected like thisBy selecting the text like this so you don't want the blue highlight in thereYou just want it selected then hit command C and command paste. So command C and command V and you'll get the same text twicenow we can highlight it and make aplus signAnd it gets smallerAll right. So the next two words, I need are gist shop and travelso to do that, we're gonna move this panel again andNow we can choose the right font, which is gonna be a little bit more his font. All rightRoboto is always good and add textclick and rateEnter and travelI'm gonna pull that overPicMonkey takes a little playing around once like you'll have to click on the text and off the text sometimes to get the right optionsTo drag it aroundBut with a little bit of practice you'll definitely get itAll right, we're gonna Center this text and move it back to the middle and then we're gonna pull the size upwardsThe big as we can get there it is and now we can move our plus sign click right on that PlusWhere is that plus we're gonna try to put that dead center of the circleAnd move shop and travel so that we have shot plus shellThat'll do it. You can also click and highlight just one word like travel and change the color of one wordSo how cool is that? And let's say we want our orange that we used in our iconsWe can open up our little sandbox editing windowCopy the hex bring it back and paste that right here where it says color andHit enter and you got itLet's go to effects from none we can do drop shadow and that'll make it stand out moreAnd in this case, it looks like you do need to make that orange for the travel a little bit lighterAll right, we're gonna do one more copy of join us and paste thatWith the command C command V and bring it down hereAnd we're just gonna rightAll year long and pull it inAnd click lit and beautiful we've just designed our first fashion advert togetherOf course, if you don't think the text or the colors are the designs look good. I'm110 percent sure, you can do better over there. In any case we're ready to put it on the websiteso let's go to export and we're gonna name this soKrista shop travel advertisementAnd if you make it a PNG it's a little bit bigger you can see the size of it will go up in megabytesSo we're gonna go with jpg to sell it loads a little fasterfuse is good and now export to computer andIt'll come up as where we want to save it. Perfect save it upNow, let's go back to WordPress. Let's click on our home page and go back to our favorite edit with elementaryClick on top of the image we want to replace and we can see it weirdly enough. It's just a spacerSo what we want to do is click on the plus icon at the top to get a new sectionAnd we just want to go to elements and drag in a text editorAlright so now we have our text editorWe're gonna highlight the text and delete it and add media and we're gonna upload our new advertisement so select filesdouble click itAndThere we have it and sometimes images won't upload in WordPressIf you saw that last one came in blankI think that's because the word advertisement was in it and I have an ad blocker on the browser right nowSometimes you're not sure and you just have to play around with different factors of the image and then it'll uploadLet me know if you have any issues with that sort of thingAll right. So then in attachment display settings we can change the size to large and insert into postAnd we have our huge travel banner that we have to fit into this small area right hereSo what we can do is just come down and drag this image by clicking on the pencil and holding it to the rightTo make space for a new image then click on the pencil up top and drag it into the lower sectionBeautiful so for our PicMonkey design of the images on the rightIt's probably in our best interest to make one exactly the same size as the cristaAdvertisement and then just put a white space in the middle of that image. So it's one image on the right instead of twoso we can right click delete these skinny images andNow we can just right click and duplicate the crista advertisement and we can see like by clicking and draggingHow that would look if we had two images so it would look really nice and lined up on the bottom and on the topOr if you want to be cleverYou could put in a Google Adsense advertisement or a sovereign advertisement or somethingYou learned in our video on 10 ways to make money bloggingThat could get you some revenue too in our case. We're gonna keep it real though with an image. So let's go back to PicMonkeyAnd I like opening a new window just in case it want to change that old design and go to PicMonkeyinstead of editWe're gonna go to design and custom size and we want this one to be1600 by 1600 because that's how big the krista advertisement was and click make itSo on krista travels his instagram, I know I want to steal this image of la terraza and the image of the eiffel towerSo I went ahead and emailed myself those direct photos cuz I don't know a way to steal images from Instagram if you doPlease hit me up in the comments and let me knowAnd I'm just gonna downloadThese two and then show you how to design our own little custom collage in PicMonkeySo save and save and then back in PicMonkey where you're going to click on the butterflyWhich is also where you add images on top of an image. So we're gonna click add your own my computerHit up the Downloads if you have one image and open it and the canvas will stay the right 16 by 1600 sighsAlright we can just position it wherever we want and add another one my computerGot our second image beautifulAlright so given that these are long images we might want to make the gap in the middleSo what we're gonna do folks is just rearrange the images perfectly with this nice z shape asSuch so there's equal amounts of each image on the screen and equal white space around themthen we're gonna head back to our text tab and grab some more of thePacific L. So it remembers we like Pacifica just click and add text click in the middle and start typing. I'm gonna write out yourThen try to get that you're the right size cuz that's going at the top of the screenNow we're gonna click on the Pacific o text command copy and command pasteI'm gonna bring it down and I'm gonna rotate that vertically an easy way to rotate vertically is to hold shift andthen click on the rotator in the middle and drag it and it should lock in once it gets to a vertical position andnow, let's hit paste again to get that one more time andDown below we're gonna write guideSo that's down the text so it fits a little bit betterAnd what we're going for here, not sure we accomplished itBut I think we got close is to have it look like a streetIt's walking down your Travel Guide to a cool destination down that Street. Alright with a couple more movements of the imagesI think we're all done and we can put this on our websiteAlright, and the look we're going for here is to make the your Travel Guide take us down a cool Street to a cool destinationjust like Krista is walking down this street here andYeah, I think we got it. You can always find arrows also if you're in the butterflyTab over here. There's gonna be some arrows down belowSo if you want to use them go ahead that's obviously a common choice, but right now we are ready to exportLet's click on the export buttonNemeth your travel guidethe Hana andNow it's ready for the webexport to computerJust like before save it now go back to elementary and then click on the right-hand javert IsemanAnd now in the left-hand window, we're gonna click on the MA and delete it add media againupload files select files anddouble-click on your travel guide bannerAlright and it's already large so perfect inserting the post and well you did itSo now it lines up on the bottom and on the top and we have two cool ways of looking at an image. IGot to admit that took us a little bit of time and work, but I think the lasting impressionThat this sort of beauty makes on your visitors will be worth it. Make sure to update nowLet's click the hamburger and we're gonna view pageandvoilaAll right guys and gals nowIt's time to talk about promoting your e-commerce website so you don't hide from the worldBut you make a big presence when you launch and hit the garden running as they saySo we're gonna set up your emailnewsletter withMailChimp and we're gonna also set up all of your social media buttons so that people can easily click and follow to set up yourEmail newsletter. We just need to go to edit with elementary and scroll down to our MailChimp form right hereThen just click anywhere in the form. We can just get rid of this except GDP our thing and now it looks super cleanSo we just want to actually set up a MailChimp because it already looks goodSo then it says you need to set up your API key and let's ID on the settings pageSo let's update and then click on that. Alright going to settings pageWe're gonna skip thisAnd this is where MailChimp lives along with a lot of other advanced stuffGo to integrationsAlright, and then it's gonna say we need an API key and a list ID and we can follow this article to get themAlright, so we're just following the links here. We're gonna first login to our MailChimp hereWe set one up together brand new in our how to make a wordpress blog. It's a crown videoSo if you don't have one and you get confused on how to create an account, then you can reference thatBut it's super easy and free all we did before. We just click create an accountTell them a little bit about us like our business name or addressOur website and like what we want to do and then they give you a free accountSo once you do that, you'll be able to log in like we're gonna do hereSo MailChimp is really cool and freeI'll obviously leave you a link in the description to MailChimp and a lot of people like them because they let you sendnewsletters and campaignsTo I think up to 2,000 people before you have to pay anythingSo darn good deal and to get that information that WordPress me is that API key and a list ID?We're gonna hover on our name and then click onaccountnow click on extras and API keys andyou'll have to create a new API key, but we already did so we're just gonna highlight it andCopy it and this will connect to your MailChimp list with WordPressSo when people enter their email on your WordPress blog it gets stored right here and you start building a listOkay, so we're gonna feed WordPress with the first piece of information. It needs paste that in nowthe list ID is a little bit harder to find we have to go back to MailChimp andWe're gonna click on audience this timeAgain, you don't have to do much in MailChimp or really even know what any of this means just get it going and start collectingSubscribers and we'll figure it out later togetherView contacts and then we're gonna click on settingsAudience name and defaults and here we have our audience IDSo just highlight this guy without the period copy it and paste it into wordpressBeautiful and save it and now MailChimp will be working and you have your very own free wordpress newsletterAlright, let's go back to the wordpress siteNow to set up our social media icons which look kind of bland right there without the little iconWe're gonna click on customize at the topSo customize if we didn't cover it already is like where all the extra wordpress stuff goes on synonymsYou'll have theme options or you'll just be able to edit wordpress in Elementor. You can't find something nowIt's probably in customizedSo at the moment, I actually can't find where to insert our social media links to get the buttons to show upso one good strategy if you're stuck is to copy your link andTake it to Twitter and I'm gonna ask Nick from ocean WP who have chatted with beforewhere that isBecause I know he made the themeAnd tweet it off andNow we can keep working and hopefully he'll get back to us before the end of the videoSo now that we have some products and those products have categories like jackets formal men womenNow is a good time to put those categories in the sidebar and replace this default menu to create our own menuWe're gonna go to customize thisand then of course, my news will open up the main avenue andHere we can just click to open one of these product categories and then click removeBecause we don't have any suits yet don't have any shoesAll right now we're just gonna keep the homepage thereThen we're gonna click add items. All right and now here we can go to product categories and we can choose men womenJackets formal swimwear with the check mark and anything else you wantAll right, I'm gonna close the product categoriesYou can also just do normal categorieslike if you have a topic on your blogthat you want to put in the menu or if you haveIndividual products that you want to put in – we could put in like the stripe swimsuits the badass yellow beretformal attire a leather jacket and the e-bookOkay. So now if we want to indent the item so there's like convenient lists for people to shop under you can just take oneOf them to the top and then drag it to the right a little to create a drop-down menuand we can do that with the swimsuits and the Yelp array andIf something applies to both men and women, then we're gonna need to create a custom linkWhich is the same as this link for a matching formal attire, for example?Alright, let's just make sure we indent the right things and the e-book can just be its own little menu itemWe're just gonna open it and change the nameSo it's not too long so you can change the menu tab just by writing in your own little version of itAnd now we'll publish and see what we madeAll right, so I'm gonna keep this menu window openI'm gonna right-click on this X just a little chick and open the thing in a new tabAlright so now we can open up men with a nice plus sign and we can get to the matching formal attire. For exampleand if we want to put this under womenLet's just click it in the URL bar and copy the link thenGo back to menus. Alright, and we're gonna click additemsGo with a custom linkpaste in that URLFor the link text you're just gonna also write the same thing so matchingFormal tired andAdd to menu and now you'll be able to tell the difference because this one is a custom link and the other one is aProduct but really they do the same thing because they go to the same page. So let's put that under women and publishClick back to home and now both men and women have the matching formal attire. How cool is that?Alright guys, so people can buy whatever they want now through your own custom menuCustomize is great because this also lets us control the upper menuWe can just go back and then we can click on top navAnd that's where we have the things like my account checkout contact and so on and so forthI just want to capitalize account because that's been bothering me for a little bitClose that one and I'm just gonna write inMany labels because it looks like WordPress was just guessing what they should be calledAnd we want to and we want to actually call them what they're calledAnd publishAccept and see we made a great jobTo change your contact info in the top bar in the upper right cornerwe're gonna go back to customize then navigate to top bar andContent and here we have a little bit of HTML and CSS that ocean WP rip forestsSo we just have to edit the right partsOkay, so I'm going to look for where it says info at your domain comm and we can write in your email address. IHave a video on how to create your own custom email address with your web hostSo I'll leave you link to that belowLooking good, and then we can change the phone number easily – that's not a real phone number at allsoPlease don't call it and publish with their top and they have done we might as well change our bottom nav aka our footerSo to change the footer we're gonna go back to you guessed it customize and then head down to footer widgetsAnd this is the style that goes on the widgets. So we're gonna go back up and just go to normal widgetsNow we have footer one, two, three and four. Let's open the first one which is a custom header logowe're gonna remove that once we have our own logo, and now we're gonna go to put her toOpen the text and get rid of the demo textBecause our sites not about lemon drops and cake bear clawsBut we are a demoecommerceandThen the social icons we're gonna leave alone because I actually tried entering in our own links already, but they're not workingSo we got to hear back from Nick. All right, that looks goodWe can have move on to footer 3Open up the contact info and add in your own contact info for your businessIf you have your own street addressYou can of course change the icon classes if you know like the shortcode to the iconLet me know if you need help finding those individual iconsbut right now they did a pretty good job with the pin phone and so on so I'm just gonna change up ourstreet name I'm gonna go withChelsea Market where I have a little space at the YouTube studio over thereIf your YouTube spaces definitely come give me a knock see what's upMaybe we could make something together. All right, so that's the addressYou can just copy it right out of Google come back to element 2 and paste it inAll right now, our phone number is 1-800-218-4243And the last part of our footer that we want to change is our Instagramlet's go back to footer for it's probably the most fun part of the footer open the Instagram andAll you need to do to get your own Instagram to show up. It's just choose a username or hashtagso ours is a hat and a rag IJust a nickname that my best friend in college came up with and we're gonna need to change the settings a little bitSo we don't want the whole post to show upMaybe we are better off for now with just a hashtag and we'll ask Nick about that one, too, and we figured it outSo just including the word is what we wantWe don't want the at or the hashtag because that will actually bring in the whole postSo it must be a setting on Instagram itselflike if I put SiteGround it shows normally but if I put at second it also shows normally, but if I put no reigaiIt shows like all my posts and I tell you what, I'm gonna ask the communityI'm going to ask you guys if you know how to fix an Instagram widget here or if you're an Instagram expert and you knowWhy it would pull in like all of our posts and our hashtags and our little emojis right here what's going on at Instagram?So so let us know in the comments. Thanks a lot for now. Just having sake go in and that looks goodYou can learn a little bit more about the people behind the machine and yeah, go ahead and click on thisWe're gonna publish and we're done with our footerbut there's one more step in the footer which is the bottom bar so we can go back out of footer andWe're gonna click onfooter bottom andThere we have to copyrightso this looks okay right now with the copyright and if you want to put in like an affiliate link to your theme this isa great place for itYou can write, you know ocean WP theme and put a link on ocean to BB themeSo people can click if they like your look and go ahead and buy the same theme in our caseWe're gonna leave the credit which give me your it of the by Nick put a vertical bar and then rightSit downecommerceYeah, um just because I've always liked having a link to our site in the footerSo then we can grab our URL from the top copy that and to insert a linkYou just want to write an Open bracket a href means linkequalsquotation mark paste in the URLWhich for some reason didn't get fully copied. There we goand now after the second quotation mark make aAlligator bracket to close it and then anything after this bracket will be the anchor text. So this is perfectI just closed off a bracket andClosed off an AAnd we've just made a link in the footer lastly we just need a copyright symbol and we can grab that from GoogleAll right right here in the resultsYou happy that little piece of text come back. We're gonna put that right afterGreat, and then we're gonna write another bar and all rights reservedWhich I still don't really know what what that means and publish great job and except and see what we made nextIt's time to make a unique logo. That's totally used. So you have a logo ready when you launch your storeSo we can go to logo maker. That's elegio Mak R with Fe comm where we always make our logosClick in the gray space and then I always like searching a graphic you can always make something unique because they have over a millionof them andPalm-tree usually works well for meBut you can literally search anything like car or baseball or couch or whatever and I want an icon where the logo isSeparated a little bit in its design so I can put in two colors and it's not just one consistent imageSo I'm gonna try this guy right here. And again, this is just a demo logo so you can probably make a better logonow we're gonna hit T for some text and it's right in C andG andWe're gonna move it to the top and hit text again in case you want to make a different fontwe have another text block and right shopping cool so we can just position and Dre it a little bit andYou can see like maybe the C and G could be the big one and then the shopping could be beneath itProbably not under it, but just like beneath it. All right, and we can line it up with the little helper linesBring shopping in a little bitBeautiful all right, then we're gonna get to changing the color. So we're gonna open up our text editor where we have our color paletteWe labeled them with orange and the pink because it's hard to read them just the letters and numbers nowWe're gonna copy the orange without the hashbrown sign just the letters and numbersCome up through the color wheel up here and make sure you selected on the text. You want to change the color of andThen just double click on the hex and then paste it overBeautiful and then we can do the same for shoppingso open the text editor double click on the pink and copy and come back to the hex andPaste it overNailed it if you want to change part of the imageYou can just click on the Paint BucketAnd then you'll be changing it to whatever color is selected here. And then you can just click on top of itHow cool is that? Alright, nice guys. Alright to change the font. We can just click into the text again andThat might open up some new texts. We're gonna delete but we mainly want to get our arrow backSo now we can click on the C and GChange it from a font category maybe to fancy and cursive and then change it to the different file. We might wantAnd there's Pacifico so he can be super consistent to our brand all right and then move it to the leftWe gotta Center things again cuz specifically made it a little smallerAll right, Oh make shopping a little smaller, too. AndbeautifulSo once your logo is readywe just need to hit the crop button in the lower, right and then pull in the whitespace if it didn't get it perfectly andThen hit enter and then we're gonna save it in the upper, right?We're gonna hit no, thanks because we don't want to pay anything right now, but you do need to give credit to logo makerSo make sure you do that and they'll have instructions for you on that previous page then just name it. So that's you ecommercethose go version one andSave it beautiful now to publish your new logo. Let's go back to WordPress and click customizeAnd we're gonna hit headerBecause that's where logo lives and then we're gonna click remove and select logoselect files to find our logo on our computer andThere she is. So just select and open andwe're gonna select it and skip cropping andNow we have a new logoIf you want to make it a little bigger, you can play with the max width and max heightJust keep in mind that then you'll actually have to choose on a sizeAnd so it's not an amazing logo, but I bet you can build a better oneAll right, and we'll publish now let's get that logo in our footer section down below. Oh wait, it already showed up coolSo we're pressed knew that because we changed our header logo. We wanted to change our footer logo. So that is doneAll right, guysWe're gonna X out and you might notice it's been saying notSecure in that red or gray and I'm starting to really kind of bother usso now it's time to set up ourSSL certificate aka how to get the green padlock icon?And in SiC go and you already have oneYou just need to activate it and we're gonna do that with a plug-inSo this stuff really gets a lot of people to stumble but I'll show you how to solve it right nowlet's go back to the dashboard andwe're gonna click on plugins andWe're gonna hover around plugins and click add newand then we're just gonna do a search forReally a simple SSL. It's kind of the coolest plug-in ever install now and activate itAll right, and that's gonna help us get our SSL going just click go ahead activate SSLAll rightAnd now let's click to our dashboard and see if it's working and it is how cool is that?So you don't have any mixed or insecure content on the home page? You just get the padlock and right awayConnection is secure great jobSo I thought our social icons were not working because why would they just show a little box right there?But then I looked at this demo website. We're making together on my spare laptop and they showed up just fineSo now I'm thinking it's a cachet issue and we need to really do a hard delete of our browserCachet. Now I have this cached tool in chrome that you can just click and it says clearing cachet andThen you can like delete it but still things aren't showing upSo why don't we try to purge the SG cachet and then refresh go to the dashboardWe're gonna go to s G optimizer and now click – it hereopen set a new tab andEven that didn't work. So we're on a classic WordPress hunt together and we're gonna need to go to customize to find itlet's click on header because that's where our logo lives andsocial menuAnd now it looks like we need to actually figure out how the social plugin works. Sosocial menus enabledWe're gonna check that now basically gonna go down the settings until we figure out how to get those icons to show upLet's choose a templateOkay, that's nothing link style. How about simple? Okay, that's not gonna do it now. Let's go downLet's give some social media links. So instead of the hash brown. Let's trythe full link to our TwitterStill didn't work. All right. Let's try the full link to our Facebook nowWe're gonna right click and open a new tab and see if we have any changesStill nothingBelieve the cachet again and the social icon still don't show so I'm pretty sure it's my browser acting upIt's some sort of icon in the background which is like getting in the way of the actual icon showing upOr maybe there's duplicate icons because I've installed so many themes here in any case I'm gonna open it up to you guysI'm gonna ask you if you knowWhy social icons don't show up and to tell me if they do show up on your browser and what you did?Which means you have two assignments now, you have the social icons and you have the Instagram widget, but if anyone can do itI know you guys can because you usually solve everything for us that I can't do on my ownalright folksWe have one more ecommerce setup step to work on and that's to link our cart pages to our checkout pages to our account pagesAnd we do that in our e-commerce setting so let's go to the dashboardAnd that's actually the WooCommerce settings. I should say so we'll come our settingsThis one's pretty hard to find we're gonna go to advancedAnd we actually need to assign a cart page and so on and so forth for this page setupso obviously cart page is cart checkout pages checkout andSo on and so forth and then we don't have a terms and conditions yetBut you definitely should make one of those just to explain to people all those little details and then we're gonna Save ChangesAnd check out the site againSo now when we click on one of the productsAnd we add it to the cart. We got to choose to size. Of course in the color first andThen add to the cart we'll go through the normal flow of e-commerce. Just like you would on AmazonNow we can view cartand we can apply a coupon andupdate the cart and then checkout andwhy don't we get a coupon going right now so that we can actually test out our own shopping carts here and see if itworks to collect money for youSo we can go back to our dashboard now to create a coupon. We're gonna go to WooCommerceCoupons. That's how important they are. They have their own settingSo create your first couponAnd the coupon code is just like what people type in so this would be something like summer2019 orWhatever you're you watching this, you know, like summer 2020 I guess cuz summer 2019 is overdescription sothis is my50% off option but because we're gonna make a purchase actually we're gonna go with something higher like98% so I don't have to spend a lot of money right now. And then this is gonna be aPercentage discount see if some options here fixed car fixed product or fixed percentageAnd then we have the coupon amount we're gonna do ninety-eight percentAny question mark and say like what the value of the coupon isYep, a lot of free shipping and you can say when it expires. So let's go with the calendarThis is gonna expire and I've ever first so no one could take advantage of it for too long and we're gonna hit publishAll right. So now I'm gonna go back to our cart. We're gonna refresh the pageSo the coupon is working and we're going to X out of all these expensive thingsBecause why would you need to let the jackets and then we're gonna hit the coupon code of summer2020Apply italrightWe get a really nice discount. So removed was ninety percentI'm gonna pay this one twenty guys. Don't worry about it. I got you covered here. I'm gonna go to checkoutWe're gonna make sure I e-commerce website worksSo we're gonna go with billing details of just ourselves, which is exactly what a customer would put inThey don't have to put the company name, but if they want you to know their company, that's the followingcountry street addressAlright, so I'm probably have to blank out some of this stuff might as well start nowAll right got our details in there now we're gonna hit PayPallike I said before this is the most common because someone can hit it up with theirBecause someone can pay you with their PayPal balance or with any sort of credit or debit card and now proceed to PayPalAll right so sessoms to log in with PayPal and you knowI collect money to my PayPal balance from a lot of blogging paymentsYou know different blog and gigs I have set upBut a lot of people don't use PayPal so they're gonna go with pay with credit or debit card down hereso let just click that andThen it's time to enter in the PayPal guest checkout, so it's super niceIt's a guest so, you know people don't have to worry about too much information being storedAnd we're gonna go with our credit card number and then pay now. Alright, so got a blank this out againAlright you successfully paid $1 20, let's see the results hereAlright, so your customers get this standard neat and clean PayPal receipt and then we're gonna go to our email and see what it sendUs so it says so-and-so sent us money. And by the way, I had to use Krista's credit cardSo if you try to do this with your own credit card on your own siteDon't expect it to work to all so here's our payment. It's really awesome. Someone bought the leather jacket feeling good man, first saleawesome from a total strangerSort of looks like we got Plus 87 cents. How about that when I open it up? So people does take a feeThey don't charge you to have a website and they don't charge you to be on your websitebut they do charge e when someone pays through PayPal through your websiteAnd that charge is in this case of a dollar 20It was 33 cents. So we got 87 cents profit, but don't worry that 33 cents looks big but it's actually2.9 percent the PayPal charges plus 30 cents and obviously you're a merchant or business thereso if we do the math there, so we see that we got a dollar 20 from the sale andThey're gonna charge us 2.9 percent of that. So the low twenty timespoint zero to nine equalsthree centsSo three cents is the first number that came out of what we receive and they round down so it's just three cents notThree point four eight cents or something. You can multiply that by a hundred to look at it like actually three centsThere we go. And then in addition to that three cents PayPal charges an additional thirty cents just for doing businessSo that's thirty three cents total three plus 30 is thirty threeAnd that's what we goteighty-seven cents for that purchase know as you can imagine if the cost of the leather jacket were more like the real cost of aNew leather jacket it might be more like 80 bucksThat you got and so 2.9 percent of that would be eighty timespoint zero to nineequals two dollars and thirty two cents plus point threeSo out of eighty bucks, you'd only have to pay two dollars and sixty two cents. For exampleAnd you'd keep a lot more of the proceeds in any case nowYou know how to receive payments from your ecommerce website to your PayPal from one of your customersPayPal or their credit cards or debit cards andMost importantly of all it all worksAlright, so we're gonna go back to our site now and this is where I'm gonna leave you guysAlright guys and gals so that brings us to the end of our tutorialI'm super sad to go because I really enjoyed making this for youI hope you learned how to make your own e-commerce website using set ground, and I hope you love the final resultWhatever theme you ended up choosing now for how to enter our giveaway and get free coachingI want everyone to click on'contact and we're gonna use the awesome contact form that our website came with to enter the giveawayAll you have to do is pop in your first name last name emailMake sure to choose sales and for the issue chooseorder andThen I want you to paste in your site ground receipt from your hosting orders to prove to me that you took that small stepAnd committed to setting up your own wordpress.org websiteYou can also enter in whatever questions you have or comments and then click SubmitThat'll go right to my email and I'll automatically enter you in our giveaway where we give out realAmazon cash gift cards every month to real people like you so just make sure to hit submit and send that over to us andAlso, let me know in the YouTube comments that you entered. Alright guys. Thanks so much again for watchingI really hope to inspire you and I hope to be your wordpress teacher your WordPress guruWhatever you want to call it into the future. I'm here for an hourAwesome, YouTube and blog community is – you are not alone, and I guess yeah, welcome to WordPress before you leaveplease make sure to smash that like button if you support free WordPress help and if you learned anything here and also make sure tosubscribe and hit that Bell for notificationsSo you'll get the latest psych ground tutorials right when we release them so you can keep your website running fast and up-to-dateAlright guys and gals. I'll talk to you very soon. I'm Gregg Narayan. Thanks for watching
Source
