 Okay. Hello everybody. Are you all ready for the next session? Are you all sleepy still sleepy or? Have you all learned WordPress how to install WordPress how to install the theme how to install plugins Are you all experts now? Okay, you still have time to learn Yeah, I will take time So now this is a second part who commas Who commas? as a wordpress plugin To develop your e comma it to set up your e commas website using wordpress, okay So in this session, I don't have nothing much to explain you're going to play around with the who commas plugin Okay, so you're going to tell me how we are going to install the plugin and how we are going to set up it Okay. Are you all ready? Okay, so as I said who commas is a wordpress plugin almost 37% of the online shopping carts are powered by who commas the It is very flexible plug-in to use the Flexibility is that the content can be owned by the store owner as well as the Developers so it's very it is a very powerful plug-in It can it is extendable also. Okay. This is all about who commas So this is what you are going to achieve today. You're going to install the who commas You're going to add the products then you're going to observe the who commas settings Mainly the payment gateway and the email Okay, are you all ready to go? So I hope you have already set up your wordpress. So please navigate to your wordpress dashboard so in order to Make your you're going to make this wordpress website to who commas website. Okay So what is the first step that has to be done? Download the plug-in. Yes. So how do you do that? Which which menu should you access first? plugins, okay navigate to plugins Okay, have you all got the plug-in listed? Who commas next what is the next step install the password is vagrant Are we all on the same page? Click install now Did you get the plug-in listed? I hope everybody has installed the Plug-in have your click install now Unless we have to switch off I think you have to turn off front-face then your voice is on the back. It's going to turn around Because if you turn she can see you know and use the screen. I'm not sure whether it makes sense Have you all activated your plugins all good to go It's already inside your plugin I Have you all activated your plugins? Ready ready to go Okay, then we move to the next step Okay, so Once you have activated the plug-in you should be able to see this Welcome to the world of who commas Okay, so now let's click the let's go. Let's go button so you can see the page set up so The plug-in itself is setting up you setting up the shop cart check out my account All these pages are going to be set up by plug-ins. Okay, so you don't have to Go and set up by a setup by yourself all these so plug-in itself will do it for you So click continue This is the local setup of the store. So where is your store based? So since we are in Singapore Singapore The currency, so let's change it to sing dollars currency position left Rest everything you can leave it like that so depending upon your product you can choose the Units whether it's in kilograms grams LBS or So so whichever you in the product dimension also you can choose whichever for now. I Use as I said it as Okay, then click continue Now the tax setup. So if you are shipping For now, I will use that I will use The sale will you be using sales tax. Yes, I'll be charging sales tax. I will enter the prices so you can Choose whether you're going to enter the price exclusive exclusive of tax or inclusive or tax So I'm going to enter is exclusive of This is depending upon your requirement of the card. Okay Whether you want to ship the product to somewhere or that click continue Next is the payment. So since we don't have any payment gateways set up for today. I'm going to use cash on delivery Later, I'll be demonstrating how to set up Activate a PayPal plug-in Okay, click continue Now your store is ready Okay, so your store is already there. So what do you need inside the store products, right? So let's see how we can add the products to the store. Okay. You're ready Hmm So click on create your first product you can enter your product name description upload your product image then you can set up your Product whether it's a simple product or a variable product or a group product or Whatever your product type is whether it's virtual or downloadable you can set then you can set up the regular price sale price whether it's taxable then Also, you can Yeah, yeah When you have to sell things in a group So I'm not going to going through everything later. You can explore yourself or all the menus So you'll get familiarize with it So Okay, so let me add a product now Product name I use coffee coffee if some for generating the content for the product. So I've entered a title then I've entered Text for the description Then I'm going to set it as a simple product. So there are regular price for this product. This may be five 40 cents so There's a sale Set the product image I choose one from the library media library said product image I can add the Product short product description Are you all here? Have you all added your first product? Okay, you can add anything And also I'm going to set up a set up a product category Navigating back to my products and I'm going to assign my Product to this particular category for is this update Are you all in the same page? Where did you miss? Okay, go to the categories menu categories menu Then add the name of the product and add the description if you want and Upload the image for the category If necessary, and then click add new product category I Good ready to go Okay So now if you go to the pages You can see all the pages that is set up for you by who commas You can see the card you can see the checkout you can see the my account page Which manage manages your user account user user account, and this is a shop shop is a list of products that you have added to the website so if you view that view that and if you view that in Browser, you should be able to see Your product that you have entered just now could you open? Are you all here? So now how do you how you you need a menu to click shop to browse your products, right? How do you how do you create the menu? You have learned it Beena had taught you in the previous session any idea Go to appearance menus check the page shop Click add to menu Click save menu The menu item should appear here now when you refresh Did you all add So this is your product list listing page Can we go to the next step so next we'll see how how the shopping cart works So I'm going to add this product to the car if I check my Cart you can see a small card symbol here also So you can see my the products inside my car if I go to view cards You should be able to see Your item there next is the checkout So I'm going to purchase this Product so I click the checkout button. I'm going to enter the billing details So I've entered my billing information and I'm going to place my order since I I have set up the payment gateway as cash-on delivery indirectly Go to the order order confirmation page So this is the order the order is already placed This is the order confirmation page so You should have also received an email To that to the email that you had You had registered and by setting up by setting up the billing address This is the order confirmation. This is an email that I have received from the car my product Hard of using the same account I'm not sure which is mine. Okay. Now, you know that you will receive an email So this is how the checkout was so Are you ready? Next we move on to the newcomer settings We are going to observe the newcomer settings and this I'll be also showing you how to set up a PayPal account install PayPal okay Installing the newcomers you will be seeing this newcomer's menu. So when you click on that, you can see the settings Navigate to that page then you should see different tabs general products tax shipping etc. So general is generally about your shop like what location Whether it's taxable or such things You can explore it later products is about your products your the way dimension etc. Tax is the tax for setting up the tax shipping You can set up your You can you can explore the shipping option and you can set up the shipping shipping for the Your shop then check out check out is Check out is where the payment gateway is Defined so in this case we have used cash on delivery. So there are other options also you can also browse for if like In this it is limited you can see direct bank transfer check payments cash on delivery PayPal So for example, if you want to use authorized at the plug-ins available for that You have to just go and install it and it will be available for you to Activate it. So in this case, I'm going to show you PayPal since that's a very common one So in PayPal when you sign up with PayPal You should be you should be able to Get an API API Signature from the PayPal account the key So you enter your pay API username password and signature here and also you can set up whether First if you want to test your account, you can enable the sand sandbox PayPal sandbox Account and enter the credential here for the sandbox So if PayPal is enabled on your shopping cart Once you add the product it will show the various payment methods that you have activated Like cash on delivery PayPal or authorized on and whatever it is so when people click on the PayPal it will redirect to PayPal and The transaction will happen within the PayPal and they will Will give a back a response to our website. So that's how it works. This is all about setting up the Check out then account It's nothing much just Information then email this is where you can manage the email templates of your car you can explore it That's all with the WooCommerce settings Next next is the short quotes These are the general short quotes that can be used in WooCommerce the WooCommerce card WooCommerce checkout order tracking everything is already installed in your Website when you install the WooCommerce. So this is just for your information Okay, I think that's all Any questions, it's very simple you have to just activate the plug-in and the plug-in will does all the In a setup for you Yeah, you can activate any WooCommerce theme Also, if you want a custom theme you can like employ a developer to do a custom thing The barrier various option WooCommerce is actually very flexible compared to any other Shopping cuts because half more than half the work is done by the plug-in plug-ins. There are free plug-ins as well as Premium plug-ins which you can purchase and the plug-in does the job for you Any questions have you all set up your e-commerce website Okay, thank you. Thank you for coming. Thank you for supporting us Okay, so we're actually want to close this workshop, but we get a lot of Cases and troubles during the workshop including Maybe some of you have no idea. Why did we force you to use playground and To some few windows laptop What we did is actually we are installing this piece of software called XAMPP Right It's available for windows linux and OS X Okay This is what I personally recommend if you have windows, so you should use this XAMPP while if you use mic, right? I Recommend this word If you use Mac, right, I highly recommend this one. It's called ma'am and ma'am pro The reason why is that They are lighter in terms of your for your development and I will show you In just in a bit. Okay, so if you have ma'am, right You will have on on your Mac or XAMPP something like Something like this kind of control whereby you can start or stop your server and then just now all your Fagren is Using this kind of terminal Right, so a Fagren is using terminal ma'am is they have this kind of software And then when you use ma'am, right, you are and and when I say ma'am I always refer it to the XAMPP in the windows. You will have to Be able to understand that they actually create this thing called HT docs Where they can create so many WordPress, for example, I have this WordPress that WordPress so many folder in your Fagren Just now you have to type wordpress.local.com which is already Set for this bookshop the reason why we want you to learn with Fagren is because most of the Modern hosting nowadays They are using a Linux environment where you have to Go through all this the same terminal. Yeah But let's say if you are developing so many websites on your local You can use this one whereby if I stop the server my website will be Stop, but let's say if I have this kind of folder called Jupiter, for example, I can go to my local host I Then That and then basically I have another set of WordPress Set up in that folder Okay, so that is like one one another way that you can Sort of like try at home So all these are the real source code of WordPress So this one is like Jupiter, you know, very nice Something like that has a bit of animation Right, so that is for XLPP and Man, and another way is that some of you may be asked just now Regarding why we use the page builder Right, we have a convenient drag and drop and stuff like that Probably The reason the number one reason is because the theme that you download the North team and the page builder are free Okay, I mean the word free always captivating magically things are the right and then Yeah, but actually we can also tell you that there are more advanced way, which is like considered a paid and for that I Mean, I don't know whether I should refill this because You know people charge thousand and thousands dollars For you to get the website, but Um, we're transparent So I'm just gonna give you an example of the Premium kind of website that we created for our friends Michael When he was on his birthday So this one is like another similar But it has a more advanced like App here and then some photos and this kind of funky timelines pictures and then Pictures and then sponsors and Then these kind of things and then there is also a loaded tweets Twitter, but I turn off already and then Yeah, it's pretty much like that. So this one if I want to show you The backhand We're also using a page builder, but the the plugin name is different. It's called visual composer See similar things, right, but they are different Yeah, and they're like more advanced way, but this one is like a Local like paid teams that you can buy for marketplace So that leads to the next question. It's like, okay, so Are you guys trying to send me something? Of course not You can buy your own premium teams like sites Called team for us this one So this website team for us really It's like the number one really to go for most of the WordPress developer because you get to see it I mean, maybe 10,000 or more of a premium WordPress as you can hear as you can see like everybody selling their own yeah like this So you can have a look around like for example this one They will they will show you what is the what kind of a website that you can create if you buy their team things like that Insider and stuff like that This kind of portfolio the only Thing that we are trying to teach here is that when you are buying Theme different team has different ways of doing stuff So the same way you you just learn about how to use the north team is the similar way you get to Learn how to use the premium teams like this Yep, like here they try to tell you what are the features that they have Usually they will tell you here. Oh, I have the official composer for WordPress That means they already included in the in the team and this team cost 59 US dollars Okay, so you want to know what are the nice Commerce you can go to this website who commerce.com slash showcase You can find some example Website how they do it something like that So when you click shop, right, they actually lead you to a product category for bronies and then You get to see I all category for bronies This one I think it's already customized Yeah This is for the nuts, which is very good Okay, yes, I hope That really useful the last thing we need to do is to tell you how to shut down the background because we don't want you to Leave this place with your favorite one. That means you are carrying two laptops, right? Okay, if you go to the The github page just just now Okay, you go to this one on the top part. There is another Section called other useful commands for flagrant These are some of the command line that you can execute for example currently I can See the status of my flagrant using this one I So in this case, I actually have Fagrant more price which is running here and three other are power off. So if you run this one and You forgot to power off you might experience some slowdown in your computer because it takes quite a number of memory what you Okay, if let's say you are curious and want to play around with the vagrant SSH you can go vagrant SSH basically you are creating a connection secure connection as You can see the the prompt changes to vagrant at precise 64, right? And then you can execute any Linux based command here We don't want to all the source code of the word presses inside this Okay, so if you want to exit just exit Okay, and then before we go off what you need to do is you need to power off the vagrant so for example just now My favorite ID is the one in running is this one, right? So I copy it and then fake that vagrant Hope They don't help you shut down your Machine so that we can no longer access this So right when I try to access this one It's basically not able to find where is this will press local or come because I only set down the server Can it cannot? be loaded anymore and Then if you want to destroy basically Remove the entire thing you can also do it by vagrant destroy the ID Asia this destroy does not mean that You delete the vehicle box you have to deal it by this command where vagrant word presses your Box name. Yes Yeah, when you destroy everything it will be completely gone. Okay, any other question