Transcript for:
Creating a Professional Course Website

I'll teach you how to create a professional and beautiful online course website or LMS website that is learning management system website with WordPress using only free resources so we'll be creating this amazing website using a free theme free page builder and only free LMS related plugins now for the design features and functionalities of this website I have taken inspiration from the top LMS websites in the world like udemy and skillshare this website has all the features and functionalities that are professional LMS website must have in fact it has some amazing features that even paid themes and plugins don't have now let me tell you about some of the core features first of all in this website you can create both paid and free courses and in these courses you can create different types of lectures like audio lecture video lecture podcast Etc second of all you can create different types of quizzes like true or false fill in the blanks single choice and multiple choice Etc now in this website we'll also add the functionality of instructors which means that if somebody wants to teach on your website and if they want to create their own course on your website they can do that and not only that whenever there is a sale of the course that they have created on your website you will get Commission on every single sale made so if you want only you can create courses or if you want you can even allow others to create courses on your website we'll also see how to integrate different payment gateways on the website to accept payments for paid courses and because we'll be using a page builder creating this website is really easy and the design of the website is also amazing we'll also make sure that this website is 100 mobile friendly responsive fast safe and secure and obviously beautiful in terms of design now before we proceed further before I show you how to create this website let me show you a very quick demo of the website that you will be creating so you get a better idea about the website that you will be creating what is the design of the website what features and functionalities are available in this website and you can make your decision right at the very beginning whether you want to watch the complete tutorial or not so first of all let's see the home page this is the home page this is how your homepage looks like at top if you see this is your simple header at the left hand side you have your logo instead of this logo obviously you can type in and you can paste in your own custom logo then we have a search bar which is again a very important feature obviously because we'll people will be coming on your website to search for different courses so if they want to search for any specific course they can search for that then we have our main menu so this is how our main menu looks like we also have the cart icon which will be useful when somebody adds any product or any course in the cart we'll see that process as well then we have this option we have the users option so it will tell the username of the person and when they hover over this thing they will see this option they can go to all the different links and everything if they click on dashboard they will be redirected to their dashboard so your users whether they are course creator instructor or students they have their own custom front-end dashboard and from here they can see the dashboard they can control the profile they can see the enrolled courses so if this if this is a student profile they can go to enroll courses and they can see that this person has purchased this course and they have not yet started if they had started this course the progress would have increased so they can click on the start learning button and they can read the code so they can go through the course if you want you can even wish list different courses for example if you go to your home page here you can see we have different courses you'll see at the top right corner we have this you know wish list icon if I click on this thing this course will be added to my wish list let's add this course as well now if I again go back to my wish list option if I click on wish list here as you can see we have these two courses added in our wish list then we can also go to review so if you have you know added any reviews on your course or if you have given any reviews to any course you can see those reviews you can see your quiz attempt so because when will be seeing how to create different quizzes and all if you have attempted any quiz and all you can see that as well now this thing these menu are now related to instructor that's that is why you can see we have the instructor option over here so as an instructor what all courses you have created now you can you know edit these courses right from here if you want to change the pricing if you want to add a new lecture or if you want to add a new lesson on this course in these courses you can do that thing as well and if you have some money because as I said you earlier if you're an instructor you can come over here and you can withdraw some money so if you are if you are an instructor if you have a created multiple courses and once you make some sales of these courses and once you receive some money you can go to withdrawals and you can withdraw that money from here and you can ask them through PayPal you can ask them you know you can withdraw your money through PayPal stripe or bank account transfer any other option now because I haven't made any sales till now my current balance is zero once your balance increases you can control your withdrawal preferences from here you can ask payment through bank transfer through PayPal through E-Check okay all these options are given to you so this is your front-end dashboard if I again come back to the home page okay then we have our first section in the home page which is your hero section here we have a nice big title subtitle and two different call to action buttons now with the right hand side we have this simple image over here I'll show you there are many different websites from where you can you know download these kind of professional images for absolutely free I'll show you about those websites then if you see in the background we have this image I'll show you again in this website how you can create these kind of background images for absolutely free using free online tools we will see how to create these kind of background images then if you scroll down you'll see this is your main section featured courses okay and you can see all the different courses and what is the level you can see this is for all levels this is for expert what is the title you know review in which category who is the author of the course you can see all those things if you click on this title you will see the single course page this is how the single course page looks like we have the review and rating at the very top then we have the title categories then we have this uh introduction video so obviously what is this course about you can add one introduction video here then after that we have about this course you know then what you will learn in this course then we can see the course content or the curriculum so how many sections are available so here as you can see meal planning Basics is one section and under that we have uh meal planning explained which this is a video of 17 minutes 24 seconds then we have another video of macronutrients we can also create videos you can add audios you can even add text or blogs or articles so here as you can see this is an article meal timing introduction then this is a quiz this is a demo quiz as you can see so you can see these icons as well this is a quiz icon this is article icon these are all different videos okay so if you see the second section here also we have two videos two articles okay so you can add all these these things at the right hand side you can see this is a free course anybody can enroll in this course if you want to share this course you can do that thing as well now this is an expert level course no student have enrolled till now and the total duration of this course is 4 hours and when was this course last updated who is the author or the instructor of this course and what all things are included what all materials are included in this course so four hours on demand video for articles three downloadable resources full lifetime access all these options and if there is any prerequisites or requirements uh before you get enrolled in this course so here as you can see no requisites so so on and for which which are the what are the target audience for this course you can read all these things from here now if as a student if you want to enroll in this course you can just just click on this button enroll course button and after that you will now see this option you have enrolled on this date now you can start learning click on the start learning button and here as you can see this is your first course this is our first video If you want you can go ahead and watch this video and once you have watched this video you can mark it complete here at top you'll see your progress you if you scroll down here as you can see we also have some text over here so with video you can also add text you can add articles you can add audios if you want to go to next lesson you can click on this next lesson then we have few more lessons and over here we have multiple options for hosting your videos so many people ask how I can host my videos there are many different options for hosting your videos on internet some are free some are paid some are you know very affordable some are not very affordable so I'll explain you about all the different options all the different you know options that you have for hosting your videos you can host your videos on your web hosting you can host your videos on different third party websites you can even host your videos on AWS which is Amazon web services and I'll show you in detail how you can link those videos with AWS or some other platform so we'll learn all those things in complete detail then if you see the quiz this is how a quiz look like and I you can see this is a demo quiz this is the title four questions 10 minutes time one attempt you can only have one attempt you can make it unlimited attempts you can make it for 10 attempts and what is the passing grade if you want you can skip the quiz if you want you can start the quiz if you start the quiz here as you can see this is a simple true or false question true or false question select false for correct ons answer this is just a demi thing that is the reason why I have added all these things at top you can see this is the first question out of four how many attempts then after that time remaining you can also see the counter row here if you select the right answer click on submit then we have multiple choice answer okay so I am selecting these two click on submit we have also have this fill in the blanks so here maybe I'll type in Lauren ipsum okay after that submitted next and then we also have this option single choice that was multiple choice this is single choice if you want you can select any answer and click on submit quiz then after that once you submit the quiz you will get this thing here as you can see four question since total Mark 7 and I got everything correct so my marks is 700 percent pass you can see the details click on details you can see what was the right answer what was the wrong answer what you got right what you got wrong you can see all these details and again let me remind you everything that you're seeing on your screen is free okay this is really mind-boggling you can get all these features for absolutely free don't have to purchase anything at all so this is really amazing few years ago it was not possible today it is possible I'll show you how you can achieve everything that you're seeing on your screen for absolutely free again let's come back to our home page so this is your featured courses section if you scroll down we have this counter section how many students or Learners how many certificates you have given how many instructors how many courses published then we have category section if somebody wants to see only finance related courses they can click on finance and they can go to that course if they want to see only you know philosophy related courses Art and Design related courses they can click on this thing they will be redirected to that particular section then we'll also see how to create this newsletter section and at the bottom we have this simple footer then I'll also show you how you can create different types of pages like we have the course list page so this is your course archive page we'll see how to create this page so if you have multiple courses you can create a pagination over here and I'll show you how this thing works then we'll also see how to create some other Pages like you can create your instructors page so you can showcase all your instructors on this page okay and if somebody wants to become an instructor they can click on this button and they will see a page they can they will see a form they can fill in this form and they can now become an instructor then we have the blog page so this is how your blog page looks like so we'll also see how to do blogging with this website so you can create different blog posts and these blog posts will help you to generate some extra traffic through Google's search result then we'll see how to create the about page as well okay so here as you can see a very simple and beautiful about page then we will also see how to create a subscription page so if to if you don't want to create courses like if you don't want to have a courses like this a very new you're selling a single course instead of this you can add a subscription option and you can have you know free subscription some courses will be available in the free subscription package or if you want all courses you can go with this subscription package as well okay then we have the facts section frequently asked questions section and after that we also have a contact page we'll see how to create this contact page as well okay so basically we'll be covering everything from top to bottom we won't be missing anything at all and again if I have not mentioned it yet this is a hundred percent mobile and tablet friendly website alright so this was a very short demo of the website that you will be creating in this video I hope you guys like the demo website now if you like this demo website and if you know create this website make sure to watch the complete tutorial and before you proceed further make sure to subscribe and click on the Bell icon so that you don't miss any future notifications now if you like this video give a thumbs up to this video share with your friends on Facebook Twitter WhatsApp whatever social media platform you use and throughout the video if you have any doubts any comments any sessions for me you can always leave them in the comments section below and now let's start creating this website alright so now to create any kind of website whether it's an e-commerce website a simple blog Business website LMS website any kind of website we need two basic things a domain name and a Hosting account a domain name is simply the name or the URL of your website for example blogdo.com youtube.com google.com all these things are different domain names so we'll also have to register a domain name on the Internet so that whenever someone wants to visit your website they can simply type in this domain name in their browser URL bar and they can land on your website second and the most important thing is your website's hosting hosting is basically a server or a computer wherein your entire website is saved so if you see this this whole website all the different pages all the different media files these courses everything is saved in that server and that server is running 24 7. so that whenever someone wants to visit your website from any particular country at any given time they can always see your website live because your website is always up and running now hosting is the most important thing about your website because everything related to your website is directly or indirectly dependent on your hosting so your website speed your website's performance the user experience on your website your website security and even your website's ranking in Google search results is totally dependent on your hosting so if you've selected a good run reliable hosting your website Speed and Performance will be amazing user experience on your website will be very good your website will be very much secure So for anybody to hack or attack your website it will be almost impossible and most importantly you'll get better ranking in Google search results and obviously in contrast to that if you select a cheap or crappy hosting everything will be opposite of that now there are literally thousands of different hosting providers available in the market but unfortunately only handful of them are really good enough to consider but you don't have to worry about that I'll recommend you the most affordable and the best hosting available so for that you can open a new tab and type in blogdoot.com hostinger in fact you don't even have to type in this thing this link is also given to you in the video description below you can simply click on that link and you will be redirected to this page now first of all this is going to be the only thing that we need to purchase rest everything is absolutely free theme plugins page builder LMS plugin everything will be absolutely free without hosting we just cannot proceed further we need a server wherein we can host our website wherein we can host our videos and so on so we will be using this WordPress hosting but don't worry this is very affordable first of all if you scroll down you can see four different plans are available with your single WordPress WordPress starter business WordPress and WordPress Pro and you can see the surprising is very much affordable now for most of you guys I would always recommend you to start with the WordPress startup package so if you see over here let me very quickly explain you what all you get with this plan so first of all with this plan you can host or you can create up to 100 websites so today you're creating this LMS website tomorrow if you need to create another website maybe another LMS website or another e-commerce website or some other website you don't have to purchase a new Hosting account you can host all your websites up to 100 websites in one single plan and with this you also get 100 GBS of SSD storage now if you see the entire size of this website is only you know hardly 200 or 300 MBS nothing more than that but here you're getting 100 GBS of SSD storage which is more than enough and most importantly this is SSD storage not the regular HDD storage now SSD storage is approximately 30 to 40 times faster as compared to sdd storage which other hostings provide now if you you thinking about these courses I'll explain you there are many different places wherein you can host your host your courses or when you can host your video files for absolutely free you can obviously host on your server you have 100 GPS of storage but that is not recommended I'll explain you where you should be hosting your videos and hosting your courses then after that you also get a free business email account so instead of a regular email account like Niger gmail.com you can create a business email account like Nair at blogdoot.com so my website name is blocktube.com I can create an email account with my website's name blogdoot.com so now you're at blogdoot.com will be my email address then we get unlimited bandwidth so there is no upper limit on the data transfer per month which is very important especially for an LMS website we also have unlimited databases and for security if you scroll down you can see we have unlimited free SSL certificate and cloudflare CDN so if you see my demo website here you will see this lock pad this is your SSL certificate so we get free unlimited SSL certificate and this will make your website secure and specially it is very important if you're making if you're creating any kind of website when you're accepting online payments so here as you can see in this case we'll be accepting online payments so with this for this kind of website this is compulsory we cannot create an a website wherein we'll be you know accepting online payments without a SSL certificate we also get free cloudflare CDN then after that we get a free domain name so whatever domain name you want to register for example here as you can see this is my domain name blog dude so whatever your domain name that you want to register you will get that for free as well we also get free migration and because we are using Wordpress we have so many other WordPress related options like we have managed WordPress we have WordPress acceleration so this particular hosting plan has you know cash built in in the server so your website Speed and Performance again furthermore improves because of this thing now whenever you come to directly hosting your will be redirected to the web hosting we don't want to use the web hosting so make sure to always use the link blog2.com stranger or you can do one thing come over here click on hosting and over here make sure to always click on WordPress hosting we want to use WordPress hosting not the regular web hosting very important now once you select this thing after that you can simply go ahead and click on this add to cart button now you'll be redirected to this page now first of all you will see there is some discount going on you have this countdown at the top 16 hours and something left and that is the reason why you see all these you know all these plans are available at the same price okay normally what happens is the higher billing cycle you select the better discount you will get so here is as you can see if you select for 12 months you will get for first year you will get this hosting for just 279 2.79 cents per month and after one year you'll have to pay the regular price but if you select two years plan you're getting discount for both the two years so for the 4 first you also you are paying 279 per month and for the second all year also you don't have to pay the regular price you have to pay this discounted price 75 discount and obviously if you go with even higher plan which is very much recommended because the higher package or the higher billing cycle you select the better discount you get and even your renewable prices are discounted for example if you select for 12 months most of your times what happens is hosting companies give you huge discount big discount for the first year but when you renew on the second year you will have to pay a very big amount so here as you can see even once you renew after one year you don't have to pay the regular price of 11 you have to pay nine dollars per month so renewable prices also heavily discounted and obviously if you go with four years plan 48 months plan or two years plan 24 months plan you have to pay 2.79 per month for first two years and after two years once you renew you have to pay just eight dollars per month so here the renewal price is also discounted so obviously the smart thing to do is to select the highest package that you can select okay for two years or for four years and it will hardly cost you anything if you scroll down just 150 for four complete years now let me let me compare this thing with some other hosting for example if you go with A2 hosting you will have to to pay 130 dollars for the very first year just for one year 130 and here you have to pay one sixty dollar for four years okay so this is how you know how much discount you're getting over here so obviously I would recommend you to select the highest package that you can select go with four years plan or at least two years plan okay and after that you can scroll down and then next option is to create your account now to create your account with hosting users need to enter your email address once you enter your email address account will be automatically created for you just make sure that this email address is correct there is no spelling mistake or anything in this email address that you're entering over here and also make sure you have access to this email address then when you scroll down you have many different payment options you can make payment through your credit card debit card or your ATM card make payment through PayPal Google pay alipay coin get if you're watching this video from some other country for example if you're watching this video from India you will get even more payment options like you'll get net banking talking phone paytm all the other different payment options similarly if you're watching this video from some other country you'll get many different payment options related to your country now once you see this option after that you can click on have a coupon code and you can enter my coupon code you will get even more discount if you enter in a year over here n a double y a r click on apply now instead of 80 you will have to pay 71 dollars so you're getting 10 percent additional discounts so if you select four if you select the four years plan now you have to pay just 142 dollars now instead of 622 dollars here as you can see you're getting so much discount so this is the one that I would highly recommend you to select now once you enter your payment details click on submit secure payment button all right so now once you click on that button and once your payment is successful you will see this option that your payment is successful and you'll now be automatically redirected to a new page now on this page you have to enter your password so you have to set some password for your hosting your account just make sure that this password is a strong password it has numbers letters special characters symbols like hashtag or asterisks you know those kind of symbols make sure your password is strong and also make sure to remember this password in fact remember the email address that you entered in your previous step and remember this password because that email and this password will be your login ID and login password so whenever you want to login to your host ninja account you'll have to enter the email address that you have entered in your previous step and you will have to enter this password so make sure to remember this thing now once you enter this password after that click on confirm and now you'll see this page now this is a welcome page this is just to say hello we don't have any options over here we just have this you know button start now button once you click on this button a new process will start for you so just click on the start now button and now here as you can see we have a survey they are asking you for whom you're creating this website for for yourself for a client for a company you work for for somebody else whatever your situation is you can just select any option and what kind of website you're creating a Business website blog portfolio online store again based on your situation you can select any option now this is just a simple survey if you want you can even skip this survey you don't have to enter any details over here this is just a simple survey so if you want to skip this survey you will see this skip Link at the very bottom of the screen of the screen if you see this link skip link click on this link and this survey will be skipped for you then after that they will ask you to select a platform what platform you want to use WordPress woocommerce some other platform or if you want you can even migrate your website so if you already have a website created and if you already have hosting and all but if you're not happy and satisfied with your hosting with your current hosting and if you want to migrate to host ninja or if your renewable prices are very high and if you want to migrate to exchange or whatever the reason is you can select the migrate option and you can migrate for free but I will explain you the migration process later on for now I would recommend you to select this first option this WordPress option so click on this select button under WordPress then you will have to enter your email address and password now this email and password is for your WordPress dashboard now whenever you want to log into your WordPress dashboard this is the email and password that you'll have to enter so again make sure to remember this email and password as well if you want you can enter the same email and password over here as well now once you enter your email and password after that click on continue and proceed further and then you will see this page now they will recommend you a few templates these are all pre-made pre-built templates we don't want that because we're creating a very different type of website so we'll again skip this thing so click on this link at the very bottom skip I don't need a template and now you will see this option now here here you have three different options claim a free domain buy a domain or use an existing domain as I said you in the beginning you will be getting a free domain name you can register your domain name whatever domain name you want you can register it for free so if you want to get your free domain click on this select button under claim a free domain and type in whatever domain name you want to register for example if I want to register this domain name dot Co dot in so I'll enter the go here and from right hand side domain name extension list I can select.com.net.shop.store.co.teen dot help whatever domain name extension you want so in this case let's select neoshake.co.in so once you select your domain name extension click on search now this will search whether this domain name is available or not if it is available you'll get this message that this domain is available you can now click on continue and proceed it further now there are some people who already have a domain name who already have registered that domain name on some other website maybe on GoDaddy namecheap or some other website and maybe if you want to use that domain name with hostinjure you can select this the third option use an existing domain so you can click on this select button and after that you can enter that domain name for example there is this domain name blogdoot that have already registered on GoDaddy maybe I want to use that domain name with this hostinger account so I'll do one thing I'll enter that domain name over here blog dude and after that I'll click on continue now once you click on continue you will see this page here they will tell you where your domain name is hosted and what is your current name server we don't have to do anything over here we just have to click on this continue button and again proceed further now finally you will see this page here they will show you that your what is your current server location so my server location because I'm from India it is Asia if you want you can change this thing to some other data center location in Europe in USA in some other country whatever you want you can select this option so so many different data center locations are available I don't want to change it so I'll just leave it as it is and once you're done with this thing finally click on this finish setup button now once you click on this button a new process will start for you now basically what is happening right now is WordPress is getting installed on your domain name so this is a very small process hardly takes around two to three minutes so let's wait all right so here as you can see WordPress is now successfully installed and now once that is done you'll see this page we have some options we don't have to use any one of these options just click on this host Ranger logo at top click on this logo you will be redirected to your Edge panel and this is how your Edge panel will look like here if you see we have so many different options first thing that I would recommend you to do is click on hosting and under hosting you will see you will see your domain name that you have registered that you have selected so I selected this domain block dude so that is the reason why I see this domain name over here now what you have to do is you just have to click on this manage and if you have two options first of all if you have just registered a free domain name you don't have to do anything just click on WordPress dashboard and the second option is that you have registered your domain name outside a host ninja maybe on GoDaddy or namecheap and if you're using it with host ninja there is one extra step that you have to do but I'll explain you that thing later on first let's see this page so here as you can see WordPress is installed on this domain name now what you have to do is if SSL certificate most of the times is automatically installed if it is not automatically installed for you you can just click on this install button click on install SSL and SSL certificate will be installed on your domain name again I'm saying this is just an automatic process but still if it is not installed for you automatically you can just click on this button and install it here you can see your database name you can see what is the current PHP version in WordPress version that is used on your website and make sure this light speed thing is on okay make sure this is on and once your SSL certificate is installed after that also make sure this first option is on Force https should also be on but installation is in progress so we have to wait some time okay now here as you can see SSL certificate is now active and you will see this thing will automatically be turned on Force https now I just have to do one thing click on edit website and you will see this page okay now you will be automatically redirected to your WordPress dashboard in fact you will automatically be logged into your WordPress dashboard now if you don't see this page if you see a blank page that means that your WordPress your domain name is not yet linked with your Hosting account so don't worry wait for some time let me first complete and complete this process show you this thing and after that I'll show you how you can link your domain name with this Hosting account now first of all once you come to your dashboard you have to click on this WordPress icon come back to your main dashboard which is this thing okay this is your main dashboard now this page this dashboard page is the most important page of your website because from this page you will be controlling everything on your website so you will be controlling your courses your payments your management your pages post everything will be done from here and whenever you want to you log into this page or whenever you want to land on this page you just have to enter your domain name and after that put a forward slash WP hyphen admin you land on this page now there are two ways of doing it first is you can enter your domain name after that put a forward slash WP hyphen admin you'll land on your dashboard but for example if sometimes in future if you forget your you know domain if you forget your username and password or your email or password you can always come back to your Edge panel click on this edit website button you will automatically be logged into your WordPress dashboard okay now whenever we install WordPress on a new domain name there are few basic things that we have to understand and there are a few basic settings that we have to do so let's first see them so first of all we do we have so many different widgets over here we don't want these widgets so you can get rid of that you can click on screen option and you can untick everything from here okay now we have a nice clean option over here then at the left hand side next option is your post option now under post option you'll see one blog post hello world is automatically created for you this is just a dummy blog post we'll later on delete this thing and create our own custom blog post like we have created on our blog page then after that you'll see the media file or media option under media option whatever media files whatever images videos whatever you have you know uploaded on your website you will see all those media Options under media library then we have the pages option under Pages whatever Pages you're creating Pages you know all these Pages block page about page all these Pages we'll be creating all these pages from here we'll see how to do that later on the video then we have the comments section now whenever there is any comment on any course or any blog posts you will always see those comments over here you can approve them and approve them reply them you can even delete or mark them spam then leave all the other option and click on appearance and now under appearance you will see few themes will be installed for you and one of those themes will be activated so in this case 2023 theme is activated now if I open my website in a new tab lms3.blogdoot here you can see this is how your website will look like based on the year you're watching this thing will look a little bit different but this will look very simple very plain and now this design and this appearance of your website is because of this theme 2023 theme if you just go ahead and activate some other theme maybe for example let's go ahead and activate the 2022 theme click on this activate button again if you come back to this page and refresh it you'll see your website design is completely changed and this is because of this theme 2022 theme so you can see a theme is basically the design or appearance of your website whenever you want to change the design or appearance of your website or the style of your website you can always install a new theme or you can always install and activate a new theme we just need one theme installed and activated so all these extra themes we can just click on that and delete it so to delete it at the bottom right corner you'll see the delete button select that button okay and delete this theme now we won't be using this 2022 or 2023 theme we'll be using another theme that is also absolutely free theme but that is a much better theme which with so much better design here as you can see and specially it is made for LMS online course website so that is the theme that we'll be using now we have the plugins option now we have just seen what a theme is theme is basically the design or appearance of your website now what is a plugin a plugin is kind of a software or an add-on that will add some extra features and functionalities to your WordPress website for example right now your website is just a simple blog you can create different blog posts on your website but you cannot do anything else now we want to create an online course website to create an online course website you'll have to add new plugins and those plugins will add all the LMS related features to your WordPress website similarly if you want to accept payments on your website for example if you want to accept this payment on your website for that also we'll have to add some extra plugins and those plugins will add all the payment related features to our WordPress website okay so this is basically related to features and functionalities now here these are all the plugins that we don't need most of them so we can deactivate all these plugins and we can go ahead and delete them so instead of doing it one by one we can just select this option this way this will tick mark everything under bulk action select delete and just untick this thing light speed cache we need this plugin but we'll activate this plugin at the end of the video this is the caching plugin this is to improve your website's Speed and Performance and so instead of just deselect the light speed cache plugin rest all the plugins should be selected and then after that select the delete option click on apply and delete all these plugins from here now we have the settings option click on settings first of all you have to give your website some title basically give your website some name uh it could be your company's name your brand name uh your if it is a personal website it could be your name okay so basically just give some title to your website now in the tagline you can you know describe your website in few words so I'll just type in WordPress relate related online courses okay or maybe I'll type in best WordPress online courses okay then after that make sure to tick mark this thing membership anyone can register so that people can come on your website they can register as a student or as a instructors very important so make sure anyone can register a stick Mark then after that select the time zone so based on your country you can select the time zone so for India you can select Kolkata for some other country you can select the time zone for that and click on Save changes now under settings click on permalinks and over here make sure to select the post name permalink structure okay if some other permalink structure is selected just select the post name permanent structure go ahead and click on Save changes again come back to your dashboard now with this all the basic settings related to your WordPress websites in a hundred percent completed Nagin come back to your dashboard now as I said earlier with this plan you can host up to 100 websites now let me explain you what uh what happens in future if you want to add maybe one more website on this hosting how you can do that and plus I want I also have to show you one more thing if your domain name is registered on some other website outside hosting job maybe on GoDaddy or name chip or name right or any other website and how you can link that domain with host ninja let's see both these options then after that you can also see you can also select the migration option so if you click on websites here you will see this option create or migrate our website click on this option now first let's see the migrate option that is a very simple option if you already have a website with some hosting if you want to migrate to host ninja you can select migrate my website click on select and you can select upload website or transfer website you should be selecting transfer website you can select use a WordPress login so in this case what happens is you can give them your WordPress dashboard link your username WordPress username and password they will go to your WordPress website they will uh link here they will basically transfer your website from your current hosting to host ninja okay let me come back now if you want to add a new website or new domain you can click on this button again create or migrate our website but this time instead of migrate my website you have to select create a new website click on select now we want to use WordPress so select WordPress and click on select now we will be seeing the same process that we have just seen while installing WordPress so you have to select some password and email and password for your WordPress account click on continue then after that they will recommend you few plugins we don't need these plugins so we can skip this thing click on skip again they will recommend you a few templates don't need it so click on skip now we selected claim of free domain earlier this time you have to select use an existing domain now again I'm saying this is for those people who already have registered that domain name outside host Ninja on any other website and if they want to use it with hostinger I'll explain you how you can link your domain name with host Ranger so you first of all click on select then enter your domain name for example there is this domain name.com that I have registered on GoDaddy and maybe I want to use this thing with hosting just so I can enter this domain name.com click on continue and after that this will tell me next step it will tell me where this domain name is hosted so here as you can see this domain name is registered on GoDaddy and this is my existing name server what I have to do is I have to change these name servers to these name servers okay I have to replace them with these new name servers so let's do that go to wherever your domain name is registered so in this case I'll go to GoDaddy Now log into your account now whatever option you're using whether using God ID whether using name right name sheet power whatever option you're using you'll always see the DNS option okay so besides your domain name for example in this case I am using nayashik.com besides this you will always see the DNS option click on DNS DNS stands for domain name server so basically we have to change the name server of our domain now if you scroll down you will see custom name server yes we want to use custom name server click on change and if they if they ask you this thing select this second this option at the bottom enter my own name servers now we you will basically just see two lines you have to delete these two name servers come back to your website copy this name server number one come over here paste it on the name server number one similarly copy your name server number two and paste it in a line uh paste it under line two and click on Save now once you click on save it can take up to 24 hours to link your domain name with hostinjure so by that time you can wait and you can complete this process now click on continue and click on finish setup now again WordPress is getting installed on this new domain name.com and as you can see this installation is now 100 completed now do one thing again come back to your dashboard now let's do one thing let's install all the required themes and plugins right now this is how your website is looking we need a new theme to get a design like this one and with it with that we'll also need all the required plugins so that we can create this LMS type of website online course website and we can have all these online course related features on our website so first let's install the theme everything will be free theme plugins and everything will be free now to install the theme first you have to open a new tab and type in blog2.com tutor in fact this link is also given to you in the video description below so you can simply click on that link and you should be redirected to this page this is the plugin that we'll be using uh basically they offer both the theme and the plugin tutor LMS is the main plugin for LMS for creating e-learning courses or online courses okay but first we need the theme so for the theme you will click on this link at the top themes link click on that and over here you will see tutor starter this is the theme that we want and as you can see this is a free theme so if you click on view detail you will be redirected to this page and here you can click on download free and this a new zip file will start downloading for you and here as you can see this is the zip file we have to upload this file on our website this is the main theme so again if you come back to your dashboard click on appearance click on add new to add a new theme now we have to click on upload theme now just choose this file just click on uh you can just drag and drop it over here you can click on choose file and select this ZIP file and after that click on install now and once your theme is installed you will see this option you have to click on activate to activate this theme now again if you go back to your website and refresh it you'll see your website design is again changed because of this theme but it still looks very simple we'll have to design this thing first of all let's do one thing let's delete this 2022 theme so if you click on this thing we can now delete this theme as well and make sure to enable auto updates okay make sure to enable auto updates so that whenever there is a new update available for this theme it will automatically be you know updated on your website don't have to do it manually now this theme will recommend you this Twitter or tutor mate plugin okay so you can click on begin installing plugin and you can install this Twitter mate plugin so click on install now and once it is installed you will see successfully installed and now we need the main plugin that will add all these elements related in online course related features so for that again come back to this link click on tutor LMS and over here click on pricing this is a paid plugin but we want to use the free version so if you click on pricing you will see there are so many options available for Agency for business for individual for if you want to use it on one website you have to purchase the individual one but as I said earlier we'll be using the free version obviously if you go with the premium version you can have lifetime or annual package if you want to go with the premium package you can do that thing as well you will get even more features with the premium package you can scroll down and you can read about all the features that you'll get with the premium package we want to use the free one so we'll click on this get Now button under free and again a new zip file will start downloading for you again come back to your website click on plugins at the left hand side now click on add new and this time again click on upload plugin and choose this file Twitter file that you have just downloaded so again we'll just choose this file click on install now now I don't want to activate this plugin right now I'll activate all the plugins later on first for now I'll just click on go to plugin installer and if you click on plugins at the left hand side you will see we have tutor LMS we have tutor mate we want to activate both of them but but before that we need few more plugins now we need a plugin to style this thing we have the feature plugin this plugin will add all the features but we need a plugin that will help us to design these pages so basically we need a page builder that will help us to create these kind of pages and this is also free so for that again open a new tab and type in blogdoot.com Elementor again this link is also given to you in the video description below you don't have to type anything just click on that link and you should be redirected to this page now for Elementor as well there is a free version and there are premium versions so here as you can see first of all they will recommend you to go with some premium version if you want to you can go with the essential plan you you can have the premium version of Elementor on one website if you want this premium version on three websites you can see all the different plans we want the free version so they have removed the free version option from here but there is one way you can still download the free version so you can click on the login button and first of all you have to create a new website if you already have if you have to create a new account if you already have an account you will be automatically logged in if you don't have an account you they will ask you just some email address and password enter any email and password account will be created for you once your account is created you can now do one thing in the URL bar right now it says my.elementor.com websites we have to do some changes in this URL bar so instead of this option type in this my.elementor.com forward slash welcome forward slash Auto hyphen install as you can see on your screen just type in this thing and press enter and now you will see this page over here you have to enter your web website link so this is your website link your website name or your website link you can enter this link and click on check for WordPress now they will check whether WordPress is installed on your website if it is installed you will get this thing and you can now click on install Elementor and you can install they will automatically install the plugin if this does not work for you you can download the zip file click on download it here at zip file will be downloaded for you and just like tutor LMS and all the other plugins you can go ahead and download you can install this you know zip file on your website the simple way to do is you can enter your website link click on check for WordPress I was just explaining you that if this check for WordPress thing does not work for you you can download the zip file as well and now click on install Elementor they will automatically open this thing and here this is the plugin we need Elementor website will do at the bottom right corner you'll see this blue installed install now button click on that button and again we don't have to activate this plugin right now we can activate all the plugins later on once it is installed again click on go to plugin installer now this was page builder this will help you to design your page now we need few more plugins now another plugin that we need is to accept online payments so if you just want to create free courses you don't have to install this plugin that I'm going to show you right now or if you want to create paid courses and if you want to accept online payments on your website you need this plugin so for that again come back to this plugins option and under search plugin search for woocommerce okay you will get this option over here you don't have to add any you know open any external link you can get this plugin from here so under plugins click on add new and search for woocommerce you will see this plugin woocommerce by automatic install this plugin now don't activate it right now we'll activate all the plugins at once we need few more plugins from here now if you search for tutor Elementor just search for tutor Elementor you will get one plugin okay if you search for Twitter Elementor you will get this plugin tutor LMS Elementor add-ons click on add new this is by themium okay make sure you install this plugin Twitter LMS Elementor add-ons okay this will add some extra add-ons on Elementor then after that we need mc4wp MailChimp for WordPress so just type in MC for WP okay this is the plugin that we need MailChimp for WordPress install this one as well now this plugin will help you to create this you know newsletter form this newsletter form is created because of this plugin okay so make sure to install this as well we can activate it later on now we need the contact form 7 plugin so just search for contact you will get this plugin contact form 7 install this one as well and this contact form 7 plugin will help you to create this contact form on the contact page so here on the contact page you can see this is the form that we need to create so this plugin will help you to create this form so that people can come and they can contact attacked you through through this form okay now once you install all these plugins now you can click on plugins from the left hand side and we can now go ahead and activate all the plugins at once so you can simply tick mark this thing and I just want to untick this one light speed cache I want to activate this plugin once I create my website once my website is completed after that I want to activate this plugin but rest all you can make sure to tick mark that thing now on the bulk action click on activate and click on apply now all the plugins will be activated for you once it is done you will see this page this is your setup page this is to set up tutor LMS for your website if you don't see this setup option don't worry this is not really important we'll see the tutor LMS settings later on as well but this is just a simple setup you can click on let's start and for whom for what kind of website you are creating individual or Marketplace we are creating a Marketplace individual is basically wherein you are the only you know instructor you will be you are the only one who will be creating courses in Marketplace other people can also come to your website and they can also create their their courses on your website and when there is any sale of that course you will get your commission so I'm selecting Marketplace click on next now whether you want instructor profile option and student profile option so if you go to this page if you open any course if you go to Marketplace if you open any course you will see who the instructor is okay here as you can see in this case fam media is the instructor if I click on this link uh you will see there is a new page for this instructor okay so in this in this page you can see about the instructor I have not entered anything under bio in BIO this instructor can add all the details like what their qualifications are and so on here they can see how many courses this instructor has created how many students what is the average total average review okay all these things so this is the instructor profile we do want instructor profile similarly we also want a student profile so we want both on now lesson permalink will be lesson don't change this thing click on next uh we want question and answer yes we want to allow question and answer on each course so on every single course there will be question and answer section at the left hand side we want that similarly we also want to instructor bio so we want it on and course per row how many courses do you want per Row three or four so if you go to the a course list page here as you can see we have three so I'll keep it three and how many courses per page so we have 12 so 3 4 9 12 because I have only nine I am showing only nine but basically we want to show maximum of 12 courses per page now click on next new signer whether you want to allow new signup people can come on your website they can sign up as an instructor or as a student yes we want to allow that we also want to allow earning because we whenever new instructor comes we want to give them maybe like 80 percent and we'll keep twenty percent or we want to give them 90 and we'll keep 10 percent commission so we want to allow both this thing now again click on next guys check out don't recommend guest checkout because we want people to come create an account on our website only then they can purchase any code any course okay only then they can enroll in any course without their creating their account they cannot do it so make sure you don't tick mark this thing yes checkout should be off now how much commission do you want and how much commission do you want to give to instructor so by default it is 80 percent instructor and 20 you website owner or admin you can increase or decrease this thing maybe I'll make it 90 to the instructor only 10 percent to the admin then after that when this instructor has some money how they can withdraw so they can withdraw through bank transfer through E-Check and also through PayPal I'll tick mark all three options now click on finish setup now again I'm saying this was just a simple setup we'll be seeing this you know tutor element setting in more detail looks like this tutor made plugin is not activated click on begin activating plugin click on activate all right make sure all the plugins are activated come back to your dashboard video on this widget so we'll you know untick this widget as well now this was a quick setup for Twitter LMS if you see at the left hand side we have tutor LMS and here under Twitter LMS you will see settings click on that now we have all these settings over here first of all if you click on pages at the left hand side earlier we had only these two pages privacy policy and Sample page now these three pages are created for you dashboard instructor registration and student registration because of this Twitter LMS plugin and let's actually do one thing click on plugins okay woocommerce is not activated because if woocommerce was activated few more pages will be created for you so make sure to click on plugins and activate tutor LMS Elementary add-ons and also woocommerce click on activate and make sure to activate woocommerce plugin as well make sure all the plugins are activated basically now once you activate the woocommerce plugin you will get this setup not really important so we can skip this setup click on this link Skips a store setup and click on no thanks all right now again if you click on pages now as you can see shop page uh checkout page card page these pages are also automatically created for you because of this plugin woocommerce plugin now if I if I again go back to tutor LMS and settings here as you can see dashboard page will automatically be selected for you because this page is created you can select your terms and policy page so basically you can do one thing go to Pages this privacy policy page is created for you refund and uh you know written policy private privacy policy you can edit this page you can enter your own privacy policy and after that you can publish this page so click on this publish button and after that you can select this page under your terms and conditions page so if I select this privacy policy page under terms and conditions page and enable Marketplace as I said earlier we want to enable Marketplace yes allow instructors to publish courses no for now I don't want this thing but become an instructor button yes people can come they will see a form or they will see a button if they want to become an instructor they can click on that button and a new request will come to you that this user wants to become an instructor you can you know approve or deny that request and under this option allow instructors to publish courses we want it off so basically with this option what happens is instructor can create courses but they cannot publish it you as an admin or owner of the website will have to publish these courses not the instructor so you will first see okay what all the content is in the course and if you think everything is correct then only you can publish the course okay so make sure this is off only admin can publish the course now click on Save changes now you click on course at the left hand side and student must be logged into view course make it off we don't want this option course content access allow instructors and admins to view the course content without enrolling again make sure it is off content summary on auto redirected courses not recommended all right course retake enable this switcher this will allow you know your students to reset course progress and start over so maybe we can allow this thing if somebody wants they can have this option as well now publish course review on admins approval you can enable this thing so basically with this app option what happens is as I said earlier your instructors can create courses but they cannot publish it you'll have to publish it so for example some instructor has created a course you went through all the details related to their course and if you publish that course after that whenever some that instructor may make some changes in that course you can allow them you can now allow them to republish it so they don't have to ask your permission again for republishing so if you enable this thing they can republish their course if you disable this thing again for republishing also you will have to approve that only then that course will be republished I don't recommend I would recommend you to just make it on so that your instructors can republish the course make WP editor for lesson on and yes we can automatically load next course lesson enable lesson content very important so that in each lesson you will have uh you will have the comment option people can comment they can ask some question if they have okay quiz related settings so when the quiz is submitted it will when the quiz time expires or when the person has answered all the quiz it will be automatically submitted now these options how many marks for how many correct answer points or default and so if these these can be overwritten so not really important you can just skip it then if you scroll down preferred video Source if you we want to enable all the video sources I'll explain you about all these video sources now again make sure to save these changes click on monetization and under monetization make sure to select woocommerce and automatically complete woocommerce orders you can make it on enable Revenue sharing you can make it on how much instructor takes so I'll make it 90 for instructor and 10 percent for admin okay and after that no we don't want to deduct any fee minimum withdrawal amount so when this instructor has at least 80 dollars in their account only then they can withdraw the money so you can have this option minimum days before balance is available make it at least make it just one okay and after that withdrawal method so this instructor can withdraw their money through bank transfer E-Check or PayPal again you can go ahead and install you know increase or decrease these numbers for example I can just make it 50. once this instructor has 50 in their account they can request for withdrawal click on Save changes again design and under a preferred course uh filters first of all make sure to enable filters and you can enable all these filters okay now instructor list style okay for example I've shown you this thing if you go to the instructor page this is this style for the instructor page so as you can see this is the one that is selected if you want to go with some other style maybe modern style uh you can go with that thing as well okay rest everything looks good so click on Save changes Advanced leave the advanced thing for now I guess yeah leave this thing come back to General and with this we have completed these settings related to tutor LMS if you don't understand any one of these settings don't worry once we start creating these courses and see all the details you will understand what these settings were for so for example if you did not understand any setting related to course don't worry or related to monetization once we see the monetization section you will understand these settings again we might come back we'll come back to these settings just to make sure that you understand everything properly right so now let's see how we can create different courses so to create a new course you will click on courses under tutor LMS so under tutorial LMS you will see the very first option courses click on that you will now see this page in here to create a new course we have to click on this add new button so click on this button now let me do one thing let me open a single course page so that you can see how this course page looks like and we can just copy paste all the content over here this will save us a lot of time now are two types of courses free course and paid course all the content and everything is same only the pricing differences uh there so free course is obviously free anyone can come and enroll in that course and paid courses you have to pay some money to enroll in that course so first let's see how we can create a free course now this is because this is the title of the course this is related to diet and meal plan so this is basically the title perfect diet and meal plan complete course so I'll copy the title paste it under title over here then we have the description or the about course section so what this course is all about you can type in detail and you can see you can also make something Bolder you can add a smiley face and all these things first what I'll do is I'll just copy a simple text over here okay just to show you how this works now if you want to make anything bold or for example this sentence this much is bold so if you want to make it Bolder you can just select this much and select this B this will make it Bolder okay now as you can see and if you want to change color for anything for example if I want to change color of this section you can select this much then you can click on toggle toolbar and you will get this text color you can change this color to red or any other color you want okay as you can see so similarly whatever you want you can do it like this maybe I want to you know again select this much make it Bolder so you can do all these things you can you can basically use it just like Microsoft Word or a Word document you can use all these options you can add permalinks you can add a bulleted list or numbered list you can make or Mark something block code you can also change the alignment of the text and so on so this is basically your description or this is some detail about the course then if you scroll down you will see you're the author who whoever is creating this course this is going to be the author then maximum if there is any maximum number of students limit that you want to set over here for example if you type in 100 only first 100 people can enroll in that course after that enrollment will be disabled but we'll type in 0 for No Limit if you type in 0 it will be Unlimited then what is the difficulty level for the course anybody you know all level or only beginner level or expert level so maybe I will I'll select all level and this is a public course so if you make this course public no enrollment is required anybody can come and just start the course so make sure you don't make it public course enrollment should be required so that people come create an account on your website and only then they can enroll in this course and we want to enable q a question and answer section for our course then they will ask you free course or paid course we want to select free course for now now after that you will see this option course Builder okay we have to use the course Builder but before that let's see let's see a few more things now if the right hand side you will see we have category so this is related to meal plan and diet so what I'll do is I'll add this category health and fitness okay so I'll click on add new category type in health and fitness and click on add new category now this category will be created and selected next time whenever you have any course related to health and fitness you can just select this category or if you have a new course related to some other category you can create a new category just like that then you can also create different you know you can create different uh you know tags over here for example meal planning could be a tag so I'll type in meal planning click on ADD diet planning could be a tag Health could could be a tag okay then after that nutrients and all those things could be different tags then we have a featured image so if you come back to the course page here as you can see this image is your featured image okay whatever image you see over here this is going to be a featured image so you can upload some image as your featured image now there is a link given in the video description below if you click on that link you will be redirected to my website blogdoot.com and here for every single tutorial whenever I create a tutorial I always create a blog post for that tutorial for example for my latest tutorial how to create a you know this is related to Wordpress designing Master Class how you can design WordPress how you can use Elementor to design your WordPress website or any other website so whenever you click on that link in which is given in the video description you will be redirected to a similar blog post first you will see the video that you're watching right now then you will see some important links and at the bottom you will see download free images once you click on this blue download button you will download a zip file and and once you unzip that file as zip file is something like this if you right click on this file and click on extract files this file will be unzipped or this file will be extracted and you will see a media folder once you open this folder inside this you can see all these images that I've used to create this website I've given you everything for absolutely free so let's use one of these images so I'll click on set feature image click on upload file select file and I'll select some image from here so I'll click on media and maybe let's select this image or maybe this image let's select this image click on open so this is our featured image I'll select this image and after that once it is uploaded you will see at the right hand side bottom set feature image click on this button set featured image button okay all right now what will you learn in this course so you can see I have added all these things all these details so here if you if you see over here what you will learn so you can add these kind of points so this is our first point okay now if you press enter you will be entering your next Point okay so this is our next point okay then again enter and you can add few more points so let's add the fourth point and after that let's add these points as well okay so maybe I'll select it like this then after that target audience you can see the target owns audience so here again you can add different points in different lines now total course duration so whatever the total course duration is going to be you can add that thing or you can add you can increase or decrease the number after you create the course filter first we are adding all these details and at the end we'll see the course content first let's see the course details now what all material is included okay so I have copied these things so yeah I'll copy it paste it over here so maybe we will be uploading four hours of on-demand video for articles three downloadable resources full lifetime access you can add all these things now if there is any prerequisite for this course if there are requirements for this course you can add those prerequisites over here now course intro first of all you'll have to upload some intro video so that people get an idea about what this course is all about so as you have seen in this video or you know when you started watching this video at the very first I have the introduction so first to introduce what is going to be what the user will be learning in this course or what kind of website they will be creating in this course okay so that is the introduction so if you have any intro video you can upload that video here now there are many different ways of uploading a video Let's see from the most basic option the most basic option is your HTML5 or MP4 basically in this option what happens is you upload video files on your web server on WordPress hosting host ninja that we have purchased you upload your video files on web server now this is recommended if you are going to create only two or three courses okay so your entire website has only two or three different courses then you can use this option then basically you can upload all these 4K or 1080p videos on your server so let's see that option so first of all if you want to upload videos on your server you can click on browse files you can upload some file so in the media folder only I have given you this option I have given you our dummy image demo image kind of thing so okay a simple image that you can use on your website this sand video so you can upload this video click on open file now once this video is uploaded you will again get this button upload media you can click on this thing and you can also add some feature image so this image that you see on top of this this is a feature image for this thing so you can click on upload image and maybe I'll upload you this image as the featured image or introduction image click on use this media so all these things till now we have seen this is all related to course so if you just go ahead and publish this thing and if you open this thing in a new tab open this view course in a new tab you can see we have the title we have the category over here we have the video we have the image if you play this video this is how your video will play as you can see all right you can pause this video you can you know increase or decrease the speed of the video you can share it with your friends and so on then we have this thing about course okay then we have what you will learn audience tags requirements materials included all these things then if you scroll down we don't have anything under course content now we can start building our course so this is all information related to course we can now go ahead and start our course Builder so first in the course Builder you select different sections okay so here as you can see we have five six different sections and in each section you can create different lessons for example this is related to dieting and meal planning so the very first lesson very first section is meal planning Basics and the very first lesson in that is meal planning explained and this is a video as you can see we have this video icon and this is 17 minutes 24 seconds long video then we have next video the next video and so on okay so let's see how we can start creating this course so first what I'll do is I'll create all the different sections like we have five six different sections over here so we'll click on add new topic so this topic is basically your section so in this case this is meal planning Basics so I'll type in meal planning Basics over here then after that click on ADD topic similarly our next topic don't click on lessons and quiz for now let's first add all the topics now click on add new topic next topic is supplements okay so I'll add this topic over here supplements click on ADD topic then our next topic is setting up your diet so click on add new topic so click on ADD topic again then we have a micronutrients let's add micronutrients click on add new topic now again click on ADD topic once you have added the name and finally we have more dieting tips and strategies so click on ADD topic and type in more dieting tips and strategies click on add new topic again if you just go ahead and update this thing again come back to your course page refresh it okay let's again refresh it here as you can see we have all the different sections or topics but this is empty so even if you click on that nothing happens so let's start creating different topics or let's uh start adding different lessons in that so first we want to see the basic lesson the video Lesson so if you click on this thing this is going to be a video Lesson uh you can also add some introduction or some text with this lesson so I'll copy the text click on ADD lesson and this is first of all what is the lesson title so you can see over here your uh this is meal planning explained this is the title of this lesson okay so I'll copy meal planning explain and I'll paste in this title here then if you want some text okay maybe I'll copy the text paste it over here all right then after that if you scroll down we have featured image we don't want any feature image we have the video so now we have to upload your video now we have seen one option we have seen HTML5 uh MP4 how we can upload videos on your server so if you come back to your dashboard if you click on media you will see that video signed video over here because this is stored on your media server now this is again as I said earlier this thing is only recommended for those people who will be creating only one two or maximum three courses okay not more than that but if you are planning to create more courses like multiple courses and if you're planning to create a Marketplace wherein many people can come and upload courses on your website then there are other options as well for example you can go to some other website you can upload that video here and you can just add that external link and this will convert that link into a video then we have YouTube we have Vimeo we have short codes all these options so first let's see Vimeo Vimeo is a great option for hosting your videos so if you go to vimeo.com now in Vimeo we have a free plan we have paid plans as well there are different options for different people so if you click on C plans you can see about all those plans what all option you get what is the monthly payment and so on okay so you can see about all these things there is a free version as well if so if you want you can just start with the free version I already have an account with vmus I'll just log in with this account and now let me upload this video let me show you how this works alright so here to create a new video to add or upload your new video you can just click on new video and you can apply for example let me upload this Sand Video over here so you can just upload this video and here as you can see the progress at the bottom right corner of my screen now once your video is uploaded you can go ahead and upload you can go ahead and select this thing so here as you can see once it is uploaded this is getting a pro this is prom getting process now it says video completed if you click on this video here as you can see it is optimizing once the optimization and everything is completed you can get the video link from here so if you click on share link okay this is your this is the video link okay so you can click on this copy thing and this link will be copied then you can come over here paste in this link okay and as you can see as soon as you paste in this link this will automatically you know get the timer from that so this is 14 seconds long video so it automatically got the time from that thing so for more videos if you have multiple videos if you're planning to create like many different courses and if you have multiple 4K videos all those things then I would highly recommend you to upload your video some some external source for example in this case we have seen how you can upload this video on vimeu and then you can just copy the link and you can paste in this link and this will show the video so so we have seen HTML5 and this is going to be Vimeo so first let me click on update lesson and this video is now uploaded so till now we have seen two options HTML5 that is uploading your video on your server then we have seen vmu let's see a few more options now if you click on lesson let's add a new lesson and let's add this lesson micronutrients explained so I'll type in the title over here micronutrients explained and once you have typed typed in the title after that if you again want to add some content for this thing then we have the video option now if you want you can go to some other website you can embed any video if you have some video is uploaded on some other website and if they if the embedding option is available you can just embed the video as well for example this video is uploaded you can even embed this video so embedding option is available in many different websites so if you want you can embed the video as well then if you have if you have this option as well we have the external URL let's see how we can use the external URL so for this case we'll be using Amazon web services let's see let's see how we can integrate Amazon web services with this website and how we can upload our videos on Amazon web services AWS so first of all go to uh just go to Google first and over here search for AWS S3 okay if you search for this uh open this link Amazon S3 Cloud object thing that you see over here now this is who knows this server is for data storage so you can store your data over here and after that you can link that data to your website okay so this is very cheap option if you if you click on this option let's see the pricing option here we have pricing option if you see the pricing option this is Amazon web services is for people who have a big amount of data like you have huge amount of data here as you can see the basic plan starts at 50g 50 TBS okay 50 terabytes so if you have many if you're hundreds of different courses if you have hundreds of different courses and all 4K files and also on so on and so forth then you can use Amazon web services this will be very cost effective and cost efficient mission for you so it will only cost you 2 cents 2.3 cents basically per GB and if your data requirement increases your price will keep on decreasing okay so this as you can see very cheap so you can click on get started for free create an account with Amazon web services I already have an account so I'll just sign in to my console but now once you log into your account you have to click on services at the top left corner you can see over here and from here select S3 and now you have to create different buckets so to create a new bucket you will click on create bucket and basically a bucket could be for a particular course so we are creating this course over here I'll again come back perfect diet and meal plan complete course this is our course name so I'll create a bucket with this name and here as you can see bucket name must be globally unique and must not contain spaces all uppercase letters so first of all I'll type in this thing and I'll remove all these spaces and uppercase letters so instead of these spaces I am using uh hyphen if you want you can use the dash as well now AWS region where you want your server you can select your server location wherever you want okay then after that this is recommended which is fine a bucket versioning is disabled and uh click on advanced settings rest everything looks good all right the rest everything looks good just click on create bucket all right now as you can see bucket successfully created you will see this name over here perfect diet meal plan complete course you have to click on this thing and now we can go ahead and create a folder for example if you want to create a folder inside this thing for different maybe for different sections or for different topics for meal planning Basics you can create a folder and in that folder you can add all these things so maybe let's do that let's create a new folder and we'll type in meal planning okay maybe I'll type in this thing click on create folder now inside this folder click on this folder now inside this folder I want to upload some videos I'll click on upload video and after that you can drag and drop the video issue or if you want you can just click on add files and select that file now in this case again if you want to select this video or any other video you can just upload that video just like that and after that this is going to be a destination destination detail all right two everything looks good permission properties standard which is fine all right now you can just go ahead and upload this video and once it is uploaded you will get the video link all right so here as you can see this is uploaded you can see uh this is your video here if you click on this video okay or if you want you can click on open this will open the video for you you will see how this video will look like okay so here as you can see this is your video I'll pause this thing now this video that you you have opened this is your video link okay this is a video and you you'll get your link over here at the top you can copy the link from here this is your video link come back make sure you have selected external URL and paste in this video and again for this as well as soon as you paste in the link the video size and everything will be automatically copied over here now you can again go ahead and click on update lesson and this thing is is also created so we have seen all these options we have seen Amazon web services uh your own uh you know web hosting server we have seen Vimeo now I'll tell you what I recommend the option that I really recommend I think is the best option it's absolutely hundred and ten percent free you don't have to pay anything to no problem at all okay so that is the option that I'll be recommending and now the best option to process your videos even if you have large videos 4K videos it will process it properly and it will display properly on your website and that option is YouTube unlisted videos yeah you heard it right it is YouTube's unlisted videos so once you unlist a video on or once you upload your video on YouTube and if you unlist it nobody will be able to watch that video only people who have the link exact link of the video only they will be able to watch that video so you can use this thing on your website and your website your video will be very much secure and processing your video will also be very easy and your videos will not have any playback issues anything like that because obviously it is hosted on YouTube so even if you have a 8K video file you still won't have any problem at all so let's see how that is done so to create how to upload a video or to create a new unlisted video you just go to YouTube create an account click on create click on upload video and just upload that video whatever video you have however long videos you have you can just click on select files again for just just for demo purposes I'll be uploading this sand video dummy video just for demo purposes all right so now you can delete all the description we don't need the description just change the title whatever title you want no need to add any thumbnail or anything uh just make sure it is selected not made for kids and rest everything is fine once you have once you upload this video here as you can see update completed upload completed processing is starting and this will hardly take some time because if this is a very small video now you already get your video link this is your video link but check completed now I'll click on next make sure you select no monetization okay so that they don't see any ads on your videos we don't want that click on next again next no copyright issues click on next and here you have to make sure that you select unlisted option okay not private not members only not public unlisted okay only people with your link with the video link can watch the videos you can see so make sure you have selected unlisted and you can copy the video link and click on Save Now link that you have copied you can come over here click on new lesson and you can paste in this video link over here so you can select YouTube from here paste in the video link and this is this will work with YouTube as well okay okay I'll add this title how much protein should you consume per day maybe this was the title okay so I'll paste in the title and click on update lesson and this is the most recommended option according to me in my very humble opinion I would highly recommend you to use YouTube unlisted video best option of all but obviously if you want to go with Amazon web services or Vimeo or any other platform you can easily go with any other website always you can use the external URL thing just copy your video URL and you can paste it under this option and it will start working for you so we have seen the video related things now we can also create articles audio and also quizzes so let's see how we can create these kind of lessons now first of all again click on this add lesson button now what kind of lesson again first of all we'll do one thing uh I'll copy the time I'll copy the title meal timing introduction now this is a simple article as you can see so if you click on this thing you will see this is a simple article and this is the same text so I'll just copy the text and paste it over here you if you want you can even add images in between if you increase this thing if you want to add images in between you can just press enter click on ADD media and you can upload some media file image file whatever whatever file you want so maybe I'll upload this image in between select this image click on insert into post all right and select align Center and edit this thing and we can even make it full size click on update full size image okay so you can add images you can change the color and all these things from here now this is a simple article so we don't have to add the video source so make sure to just select this option select video Source basically we are not selecting any video so we'll select select video source all right rest everything is fine just click on update lesson so this was Article thing if you want to create an article lesson now let's see how we can create a quiz so if you again come back you can see this is a demo quiz I'll copy the title click on instead of lesson now we'll click on ADD quiz and we'll type in the title quiz title this is a demo quiz click on Save and next now you can add different questions so first we'll click on ADD question now as you can see we have true of all single Choice multiple choice open-ended and fill in the blanks we have some more short answer image matching matching ordering image answering these are all pro version so for this you'll have to purchase the tuto pro LMS tutor LMS Pro plugin but with the free version you get more than enough options this is our first true or false question this is going this is our question over here okay so under question I'll just type in true or false question okay just to show you how this thing works this is a demo video obviously tutorial video so we are not adding any question we are just adding this thing true or false question now what type of question you want this is the type of question that you want to and whether this question is required so yes this is required and how many marks for this so three points or three marks for this you can also randomize this thing so random question will be displayed or first true sometimes First Option will be false sometime First Option will be true so you can randomize that thing and we also want to display points so how which question get how has how many points you can display that thing now what is the correct answer you can select this thing if false is the correct answer you can tick mark false if true is the correct answer you can select or you can select this true option now click on add to question this is your first question click on ADD question now let's create a single Choice question so under title I'll type in single Choice question obviously you can type in some question like uh what what is WordPress let's type in this question what is WordPress okay then we can give some option and answer is required we can again randomize the option sometimes the you know whatever options we are going to add at the bottom sometimes the third one will be sure will be shown as the first one the second one will be shown as the first one so options these things will be randomized now for this I want to give maybe four marks okay then I want to display points now click on add an option now first we'll type in CMS which is the right answer WordPress is the CMS content management system now only text Okay click on update answer this is your first option let's add one more option uh WordPress is a Blog it's it's technically a Blog as well but this is not the right answer click on update answer then we'll select add an option maybe I'll type in WordPress is a machine which again is a wrong answer so the right answer is CMS so we'll select CMS from here all right click on add to questions two questions added click on add to question again and let's add fill in the blanks I'll tap in uh this thing first of all let's let's select fill in the blanks first okay from here select fill in the blanks okay and after that over here we'll select this option Dash is the capital of India maybe okay this is a simple question answer required randomize again maybe four marks for this and we want to display this thing click on add an option now once you click on add an option here you can let's under question we'll type in what is the capital of India okay this is going to be our question and question title will be like this you can see you you have to use this Dash option so I'll use this Dash option okay you have to add this text over here so instead of this Dash a dash will be shown so Dash is the capital of India and you can type in the correct answer which is India sorry which is Delhi I'll type in this thing click on update answer so similarly you can create multiple questions now click on active questions once you're done click on Save and next now how many times so maybe 10 minutes limit and after that default what is the passing grade 80 percent or sixty percent you can type in this thing maximum question allowed to answer you can type in this thing as well and advanced settings all right okay fine so once you're done click on Save and next and quiz is also created if you now just update this thing come over here refresh this page now here as you can see we have the article and we have the article icon we also have this quiz so people can now come they can click on enroll course and they can enroll in this course now this is all related to free course so we have seen how to create a course how to create how to build the course how to create topics or basically how to create sections then lessons then under lessons how to add different types of videos then we have seen article we also have scene quiz now if you want to make this course a paid course what you have to do is you have to open this option first we have to set up woocommerce for that so whenever there is anything related to payment and all we have to set up woocommerce so you'll see this woocommerce option under that you will see settings you can open this in a new tab woocommerce settings under woocommerce click on settings first of all we have to enter our business address so it could be your office address whatever address so I'll type in ABC one two three Mumbai and after that you'll have to enter your state name and your country name so I'll type in India Maharashtra then your postal code and what currency you want to use if you want to use Indian rupee you can search for Indian rupee if you want to use a US dollar you can search for United States dollar whatever then thousand separated in in our country is column and decimal separator is this full stop or point now click on Save changes now leave the products and shipping we are not shipping anything this is a digital thing come to payments now to accept payments you'll have to integrate different payment gateways so for that you'll have to download different plugins so do one thing at the left hand side you will see this plugins option open this link in a new tab okay plugins Link in a new tab now click on add new now first of all you'll have to see what plugins are accepted in your country for example mostly in Europe USA and all these kind of developed countries you will see uh stripe is very common and very popular stripe payment Gateway is used so if you're watching this video from Europe from USA from Australia these kind of countries even in Israel I think it is accepted so these kind of countries you can use stripe for India razor pays a very good payment Gateway so you can use recipe for Africa you can just do a simple Google search and you can see what payment Gateway is accepted in your country you can create an account on that payment Gateway website and you can search a plugin for that similarly PayPal is accepted in almost every country I guess so you can use PayPal as well I'll show you all the different options so first let's search for stripe stripe is a payment Gateway mostly for Europe and USA and other developed countries and there are many different plugins for stripe I want I would recommend you to use this one payment plugin for stripe woocommerce this is by payment plugins okay install this one there is one by woocommerce as well but that is that is really a very bad plugin so this is the one that I recommend now don't activate it right now we can activate all the plugins at once now the next plugin that I want to search for is Razer pay so search for recipe this is for India if you're watching this video from India this is the payment Gateway that you that I would highly recommend you raise the pay for woocommerce install this one again don't activate it let's search for PayPal PayPal accepted in most of the country so we'll select PayPal again this is available by woocommerce but I don't recommend the woocommerce one you can see the rating as well very bad plugin I would recommend you to use this one payment plugin for a PayPal woocommerce this is Again by payment plugins okay make sure to install this one now once you have installed these plugins you can again come back to plugins and you can select these three plugins so payment uh these three payment plugins now go to bulk actions activate and apply so you can activate these three plugins from here now once you have activated these plugins see again if you again come back to woocommerce settings and if you click on payments new options will be added over here as you can see Razer page added stripe is added and if you go at the bottom PayPal is also added let's first set up Paypal because that is the easiest one so you can first turn it on click on Save changes now to set up Paypal you have to click on PayPal Gateway click on this you just need to log in with your PayPal account so if you click on API settings under API settings make sure first under environment you have selected production now you need to connect with PayPal so click on click to connect now for this you must have a PayPal business account so if you have a regular PayPal account you can convert that into a business account okay so make sure you have a PayPal business account enter your email address select your country and click on next just log in with your business PayPal account now once you log in click on agree and connect now this will automatically be connected and you will see your client ID and secret key will automatically be entered over here okay as you can see both the things entered and everything is now created and connected now can you can click on Save changes and just like that you have connected PayPal again come back to payments now for stripe also same thing go to stripe credit cards same thing click on API settings first make sure instead of test live is selected okay now again first type also click on first let's click on Save changes now click on click to connect click on this button again a new tab will be open for you you have to log in with your stripe account so enter your stripe email address and password and obviously if you don't already have uh if you don't already have an account with stripe or PayPal you you must first create an account with stripe and PayPal or any other payment Gateway only then you can you know use this option now we have to select your account and click on connect and again this will automatically connect your website with stripe payment Gateway and once it is connected you'll automatically be redirected to your woocommerce settings your payment settings so as you can see automatically redirected everything is now connected click on Save changes now again come back to payments let's see how we can set up Rizzo pay so first click on Razer pay which is the first option click on this now for Razer pair you need the key ID and key secret just like striping IDK ID in key secret but here we have to get it manually on stripe we just clicked on that button and everything was collected automatically here we have to go and do it manually so you can go to Razer pay account basically just go to this link dashboard dot razerpay.com so once you go to dashboard.resupay.com once you log into your account you will see this option now here at the left hand side you will see the settings option click on settings click on API keys and here you will get your key ID so if you're doing this for the first time you will see a button over here generate live key once you click on that button an Excel file will be downloaded for you let me show you so file like this will be downloaded this is a w file that I've created but uh just a file like this will be downloaded for you once you open this file here you'll get your client ID or your key ID or and key secret so you can copy a key ID like this come back to your settings paste in the key ID similarly paste in the key Secret and click on Save changes so just like this you can control and you can link this thing as well now once you do this thing click on accounts and privacy and tick mark these things allow customers to log into an existing account during checkout also tick mark allow customers to create an account during checkout and then tick mark allow customers to create an account on the my account page and untick these two things okay basically we are disabling auto generation of username and password we want our users to have their own username and password so make sure to untick the these two bottom options and click on Save options and finally click on advanced and make sure under card page cart is selected under checkout page checkout under my account page my account is selected under terms in policy you can select the privacy policy or if you have created a terms in policy page terms and conditions page you can select that page and click on Save changes now what I'll do is I'll again go back to payments and enable cash on delivery only for demo purposes because this is a tutorial I don't want to make payment to myself so just for demo purposes I'll enable cash on delivery now click on Save changes again now if you again come back to your course and let's now let's see how we can uh create how we can make this course a paid course so if you just select paid course nothing will happen you'll have to select a product for this so what we want to do is we want to copy the title of this course come back to this option now you will see the products option click on products we need to create a new product click on create product and over here we want to name it we have we want to have this same name perfect diet and meal plan complete course here also the same name okay then over here this is going to be a simple product and this is for tutors so make sure you tick mark this thing for tutor and this is a virtual product which is which means that this is not a tangible product we are not going to ship this project product okay so this is a virtual downloadable or digital product kind of thing and this is for tutors so make sure to tick mark virtual and tick mark tutor now what price do you want to set for this so maybe for this we want to set hundred dollars okay and rest everything don't have to enter anything just enter this thing and click on publish okay just the title price and make sure to tick mark these two now again if you come back to this page course page and refresh it now if you scroll down select paid and now from this product select the title make sure the same title matches perfect diet and meal plan perfect diet and meal plan okay now this will be a paid course if you update this page now if you earlier it was free now if you refresh this page you can see hundred dollars now so people will now have to click on add to cart let's see how this whether this process is working now as you can see product added to cart you can click on view card or you can click on this cart icon at top you can see this is the product that decided in fact you can do one thing you can also add featured image for the product okay this product that we have added you can add the same featured image so here is product image click on set product image and add this same featured image so that we know what product is added so if somebody goes to their cart they can see that this is the a product that they're purchasing now you can click on proceed to check out if you want you can also create coupon codes to promote your website so coupon codes are a great way to promote your website you can have different coupon codes you can distribute these coupon codes when people enter that this code over here they can get some discount so to create a coupon code you can hover over woocommerce I think under woocommerce you will see and here we have coupons click on coupons and let's click on this add Coupon option and under coupon code I'll type in maybe 10 off you can also generate coupon codes like here as you can see this code is generated I'll just type in 10 off okay this is the code for example now what happens when you enter this code we can select this option fixed Card discount fixed product discount percentage discount I want to give 10 percent discount okay coupon amount I'll type in 10 and because this is percentage discount this will be 10 percent and usage restriction you can stick mark this thing individually use only uh because if this go if you select this thing this coupon cannot be used in conjunction with other coupons and after that under usage limit usage limit per user you can type in one so one user can use this coupon only once okay we'll publish this thing now if you enter this thing uh this coupon code 10 off let's first refresh this card page now if I enter in this coupon code click on apply now as you can see automatically got 10 percent discount now I have to pay 90 dollars now I can click on proceed to checkout enter my details over here so I'll enter near Shake and under country and state name I can enter my country name and state name address okay town or city State you can select your state PIN code phone number you can type in your phone number your email address it is automatically entered now you can make payment through credit debit card you can make payment through this option you can make payment through PayPal through net banking wallet UPI all this option I'm selecting cash on delivery because I don't want to make payment to myself and make sure to tick mark I have read and agree to terms of conditions now click on complete payment now here as you can see this is now completed if you again click on this coupon and here as you can see this transaction is now completed if you again come back to your website and if you see under woocommerce orders you will see one order will be available for you okay here as you can see this is the order we can now process this order so you can click on this thing now if if this payment was done through uh you know through some other payment Gateway uh it would have been processed automatically but this because this is cash on delivery you have to change the status to completed okay or any other case make sure to always change the status to complete and then click on update okay very important step you also whenever and how will you know that some order has been placed Whenever there is any new order placed on your website you'll always get an email that a new order has been placed so you can go to that order make sure to change the status of that order to complete it and then again if you come back to this user's account if you now click on this course you can now now as you can see you can start learning this course so if you click on start learning you have this uh video okay vimeo video here with all these things you can go to comment if you have any question or comment you can type in that thing then we have the next uh thing okay this is YouTube video then we have video uploaded in This Server then we have the uh this option we have okay article thing we also have the quiz thing so if you want to start the quiz you can click on start quiz 10 minutes three questions what is WordPress will select CMS click on submitted next what is the capital of India in over here I'll type in Delhi click on submittent next true or false I'll select true and click on submit quiz timing also timer also was running if you notice properly at the top right three questions total marks 11 three correct answers 11 marks hundred percent pass you can click on details and you can see if all the details so here I had selected CMS and the correct answer was CMS here I had entered Delhi and the correct answer was Delhi so you can see this is working okay this is the quiz thing so if you've complete this thing or if you complete anything because quiz is completed here as you can see we have the check mark once you watch this video and once you complete this video you can tick mark you can click on this button Mark as complete okay but you have to watch that video for that okay only then this will be marked as completed and if you have any questions you can go to comment type in the question okay and after that click on submit then this course uh you know instructor can come and they can help you out they can answer your question so this is how this entire process works now let's again come back to the home page so with this we have seen the technical part we have seen how you can create a course how you can process payments how you can integrate payments we have seen tutor LMS settings we have seen everything technical now it's time to design this website so let's see how we can now design this website and at the end of the video we'll see how we can enable Marketplace thing how instructor can come on your website they can create an account as an instructor and they can also add courses okay so now let's start designing this website so for that first again come back to your dashboard now let's start with the home page so first we'll create the home page we'll design the home page and then we'll see some other pages so to create a new page you will click on pages from the left hand side click on add new to add a new page and because this is our home page we'll name it home so under title we'll type in home now you don't have to do anything else just select this thing and change the template these are the only two things that you have to do add a title home and under template you will see at the right hand side you will see this template over here select this option by default it is default template you have to select this and we have to select element of full width select Elementor full width and you can now publish this page now if you open this page in a new tab this is how it will look like because we have selected the full width or template this is how it looks like a blank page now if you see in the URL bar here it says your website name slash home so basically what it means is you have created this page home page you have named it home but just by naming it home this does not become your home page we have to set this page as a home page because right now if I click on my website title or website name block dude I am redirected to some other website or some other page so we have to set this page as a home page so for that again come back to your main dashboard now from the left hand side hover over settings and click on reading so under settings click on reading now under this option your home page displays select the second option a static page and under home page select the home page that you just created home click on Save changes now again come back to Pages now you'll see besides your home page now it says front page that is because this is now set as your home page you can now edit this page and again if you come back to this page earlier it was saying your website name but you'll see as soon as I refresh this page will be on the same page but this slash home will disappear so let's refresh it here as you can see we are still on the same page but that slash home is gone and now if I click on block dude I'm still on the same page so this is your home page now let's start designing this page so to design this thing we'll be using Elementor page builder we have already installed the plugin so you'll see this button at top edit with Elementor click on this button first I'll explain you what this element of page builder is how it works and after that we can start creating this website so first of all if you see uh we have this thing at the left hand side we have this sidebar we have different elements or different widgets over here they call it elements so we'll call it elements so we have different elements so here we have to use these elements to create a website like this one this entire website is created using these elements that you see over here at the left hand side and at the right hand side you'll see your canvas so this is how this is your website page that you will be designing now whenever we design a page we design it section by section so here as you can see this is your first section your hero section then we have featured courses section then we have this counter section category section and finally we have the newsletter section now if you want to create a new section you click on this plus button okay and you select how many columns you want in this section so maybe in this first section we want three columns so we'll select three columns now here as you can see we have three different columns now if you see at the left hand side the settings have now changed we see edit section again if you want to go back to elements you click on this nine dots icon if you follow follow my mouse cursor click on this icon and now if you want to use a button for example if you want to create a button you will simply drag and drop the button element over here and after that you can change the title and all these things now again once you use any element you will see left hand side settings change now because you have using button element here it says edit button so we have settings related to this element this button element and every single element will have three sections content style and advanced in content you change the content for example instead of re instead of click here we'll Type in read more here as you can see text change install obviously will change the style for example you can change the typography you can increase or decrease the size of the text increase or decrease the line height all these things and similarly you can also change the color so instead of this color if you want red color blue color whatever color you want you can select that color and Android Advance will do some Advanced things like change the positioning Z index CSS ID classes all these Advanced things again if you want to go back to elements you click on this nine dots icon now maybe for the middle column we want to use an icon so we'll select the icon element drag and drop it over here again at the left hand side here as you can see edit icon now instead of this icon if you want some other icon you can select that icon click on insert and now as you can see we have the icon now under this element as well we have three options content style and advance so if you want go to style you can change the color of this icon as well you can also increase or decrease the size you can rotate this thing you know you can do all these things so this is how this entire thing works this is how this page builder works now let me cut this thing let's again come back over here and now let's start designing this website let's start with the first section now here we have divided this section into two different columns at the left hand side we have this text then we have this subtext and we have two different call to action at the right hand side we have this image so first of all I'll just copy this text come over here and we'll create a new section so to create a new section click on the plus button two columns so we'll select this two columns now these two columns are by default equal fifty percent each so if you click on this option edit column you can see this is by default 50 if you make it 60 here as you can see this automatically widens you can even control it like this so you can bring your mouse cursor in the middle and you can do it like this now in this example I wanted 55 and 45 so for the left column you can click on this option edit column option and under column width you can type in 55 okay now inside this thing we want to add this text so for this text we'll be using the heading element so drag and drop the heading element over here now paste in the text or type in whatever text you want now once you type in the text after that go to style and now let's style this thing first of all if you see this is the color very dark blue color so if you want to if you go to any website and if you see if you like any color anything and if you want to get the exact same color you can simply right click on that thing for example if you want to select this this much and if you want to get the color of this thing color code for this text you can right click over here click on inspect at the bottom you will see right hand side here we have color and this is the color code you can even see the color over here so you can just click on this color code copy it come back to your website and you can paste it over here under text color click on this and under this option paste in this color code and now as you can see we have this color now I'll save this color because we'll be using this color a lot here as you can see we have used the same color also here we have used this same color so what I'll do is I'll save this color code so that I don't have to do it every time I don't have to come over here and inspect the element I can simply click on this plus button create new Global color and maybe I'll type in dark blue all right so right so I'll click on Create and we have saved this color then after that we can also change the typography or the font styling of this thing so by default this is Roboto if you click on typography if you click on this pencil button you can see this is Roboto I want to change the font style or font family to Poppins Poppins is the font family that I use the most so if you search for pop-ins here as you can see this is the font style that I want this is the one that we have used in the demo website then we also want to make sure to increase the size so if you do it like this you can increase the size of this thing so maybe let's make it to 6760 so 66 or 67 pixels and after that you can also make it Bolder or lighter so you can increase or decrease the weight so if you make it 100 it will be thin then if you make it uh bold you can make it 700 and you can change this thing you can also change the line height so space between each line so if you go to line height first of all change this thing instead of pixels we want to make it em so if you click on PX you will see the EM option and type in 1.2 okay if you keep on increasing as you can see line height between these things increase so I want to set this thing to 1.2 em line height then after that let's go to this option then we don't have to do anything else let's see the next option we have this text so I'll copy the text come over here use the text editor drag and drop the text edit over here okay because this was heading this was title where we use the heading element and this is a simple text so we're using the text editor now type in whatever text you want okay like this and if you want it in multiple lines you can just press enter and bring this thing in a new line now go to style now for this color let's see what this color code is I think this is black color so you can click on this thing and for black color you can just select it like this bring it at the very bottom and you can see the color code is hashtag zero zero zero zero zero zero so six times zero now I'll save this color as well name it black so this is going to be a black color now again for typography we have to change this thing and we have to make it to pop-ins then change the size to 16 and rest everything looks good if you want you can even change the line height maybe we'll make it 1.7 em okay then after that we have this button so let's drag and drop the button element here as you can see we have the button element drag and drop it over here at the bottom button text says explore courses so under text I'll type in explore courses right and after that I want to redirect them redirect this to my courses page so if you search for this you will have your option in fact if you go to your website this page is automatically created if you go to your website and if you just type in your website name slash courses you will see this page your course archive page this is the page so you can copy the link paste it over here so whenever somebody clicks on this link they will be redirected to your course archive page now go to style let's style this thing so here as you can see we have this color as the background color again I'll right click over here click on inspect to get this color code and now here as you can see background color at the right hand side bottom right click on this thing copy the color come over here and again click on color change the background color to this color and also make sure to save this color so that we can use it later so click on this plus button I'll name it purple color this is going to be a main color click on create then after that also let's change the typography now you can see we have to change the typography again and again we have to make instead of Roboto we have to change this thing to pop in so this is taking some time so what you can do is for now just change this pop in and let's do all these settings and then I'll show you how you can save some time now for the size I wanted 16 pixels and I want it a little bit Bolder so I'll select semipold and for line height I'll select em 1.3 all right then after that for a button you can see this button looks like this now if you want or if you want to rectangular button with you know sharp Corners you can do one thing you can change this thing border radius you can make it zero now if I again hide this thing you can see this is how it looks like okay sharp corners and if you want to make it rounded or circular you can increase the Border radius to 50 and now as you can see this is how it will look like okay so if you want you can change this thing as well now we also need to do one thing we need to add uh this border like this okay here as you can see we have added this border so I'll add the same color border so under border option borders type select solid and type in two pixels okay and then the Border color because we have already added the color you can go to color select this globe icon and now we have this purple color so select this color as your border color okay this is how it looks like then after that we what what we want to do is we want to change the padding I think padding looks good but still if you want to change the padding if you uh here we have the padding at the bottom first of all D-Link it so if you click on this link icon it will be dealing now everything will be zero now from top and bottom I wanted 15 pixels and from left and right I wanted 32 okay so 15 top and bottom 32 left and right now we have this option if you hover this thing what happens is the background color changes through White and the text color changes to this color so you can change this thing go to hover maybe I want to change the background color to Black okay so I'll go to background color select color under background type and select black color or dark blue color for example now as you can see I'll also make sure to select this border type border also should be the same color and now as you can see this changes to this dark dark blue color okay so you can do it like this then after that we have the next button now for this button what we can do is first let's come over here so for this button we can again add a new button drag and drop the button now before that what I have to do is I want to change first of all make sure to update this page whenever you do any changes on this website always make sure to click on this update button so that your changes are saved now again and again we have to change the font family to pop-ins so let's do one thing let's change the you know default font family to pop in so that we don't have to do it again and again so for that you will click on this hamburger icon at the top left corner if you see this three lines hamburger icon click on that click on site settings and under Global fonts you can change everything to pop in so under primary click on this as you can see default is Roboto we want to change this thing to Poppins similarly for secondary change this thing to Poppins all right similarly for text and accent as well so text color text font family will also be changing with that the link color or button color or button font family will also be changed now click on update now once you update this thing you can come back let's again use a new button element if I drag and drop it over here this is how it look like now we want these buttons side by side so first of all let's design this button like this we want this orange color so I'll get the color code right here it is copy the color code come over here and the text over here says start learning so I'll type in the same thing over here start learning and with this we also have this icon if you see we have this Arrow icon so if you want to use icon you can click on this icon option and click on icon library and if you search for Arrow whatever Arrow you want you can select that for example let's select this one Arrow right click on insert now we want it after the text so icon Position will be after and after that you can also increase or decrease the spacing between icon and this text now go to style and after that you can do this some same changes you can go to typography change this thing to same we will be basically keeping everything same so text size will be 16 weight will be 600 line height will be 1.3 em and after that background color will be this orange color so I'll paste in this color in fact we don't want any background color background color will be transparent like we have in this case and we want border color and text color to be this color so I'll again click on this thing and uh to make it transparent by the way whatever if you want to make the background color transparent click on this thing and if you see first we have this color thing at the top okay if you move it left and right you will see different colors at the bottom we have this transparency thing so if you move it at the very left this will become transparent now let's change the text color to this orange color and after that border also we'll make it two pixels solid and again same color okay this is how it looks like all right now again for Border radius 50 pixels and same thing padding 15 from top and bottom and 32 from left and right now we want both this buttons side by side so what you can do is you can click on this first button go to Advanced and change the width so on the width you can change this thing to inline now do the same thing for the second button click on this button go to Advanced with make it in line okay now as you can see this is how it looks like now we need some space between these two buttons so I'll click on the second button and under margin I'll dealing this thing first now with the left hand side I'll add maybe 10 pixels margin okay let me add 10 pixels margin now this is how it looks like all right now once you do this thing again make sure to always update these settings now let's see how we can get these kind of images for free this is not a free image by the way this is at adopts copyright image but I'll show you how you can get these kind of images for free so you can go to this website unsplash.com or there are other websites as well pixels.com freepeak.com okay so go to pixels.com then free pick free Pik okay so free pik.com and over here you can search for that for example if you're so if you search for students you you'll get this option as you can see you can use these kind of images if you search for Teacher you'll get images related to teacher now these are all copyright free images you don't need any you don't have any copyright issues with this you can use these images for free on your website so whatever image you want whatever image you like you can use that image all right so you can go you can come over here as well and search for teachers so you can go to any website pixels or all these options here as you can see we have this option we have different images over here okay if you want to use this image or whatever image you want you can use that image for example let's use this image okay if you want to use this image or any other image you can go to that image and you can just download that image so for example I if I if you want this image click on download free download the biggest file okay because if you click on this drop down icon you can see there are different sizes if you click on download free you will download the original size we want the original size okay the biggest size because we want to make it transparent here as you can see we want to remove the background of this image so to do that thing first of all make sure to download your image from unsplash.com or pixels.com or freepik.com these are all free websites now to remove the background of this image you can go to this website remove BG so you can go to remove dot BG remove background and you can just drag and drop this image that you have just copied now once you upload this image over here background will automatically be removed and you will get a new image file here as you can see background is removed successfully now you can click on download and you can download this image okay so this is how easy it is to do this thing now you can come back to this website and you can use this image over here so you can come over here click on this edit column and go to style and we want to use this image as a background image for this column so click on edit column go to style select background upload this image so go to upload files and select this file now I'll be using this image that I've already used so I'll go to this website I want to use this hero image now once you upload this image click on insert media and this is how it will look like first of all this image is getting repeated so I don't want that so I'll turn this thing to no repeat repeat will be no repeat and after that for size you can make it cover or for this for this example I'll make it contain okay so this is how it will look like of a size if you want you can even change the size as well there are many different options if you want you can make it auto okay or if you want you can make it default or if you want you can even even make it custom okay so that you can control your size like this similarly for positioning as well you can make it Center left Center Center top left all these options or here also you can go to custom option okay so X position and Y position you can change it like this so maybe I'll change the X position okay uh bring you bring it over here maybe all right now whenever you use image in the column in the edit column as as an as a background image you should always add spacer in this column so let me explain you just search for spacer element here as you can see bring this spacer element in this column and over here instead of 50 pixels type in 450 or 500 pixels so in this case I'll type in 500 pixels now if you again go back to edit column and now if you want you can go change the size to Auto okay so you have this option now go to Advanced make sure you don't have any margin or padding so make sure everything is zero okay margin and padding everything should be zero now select this option we want to bring everything in the middle like we have it over here we want to bring everything in the middle so click on this edit column okay edit section click on this option edit section six dots icon blue option blue section now to bring everything in Middle you can select vertical align make it middle now here as you can see this is how it will look like again make sure to click on update so that your changes are saved now let's see how we can get this background image that you see okay this kind of background image again you can use a free tool to create this kind of background images so you can go to this website canva.com and this is also free website just make sure to create an account once you create an account whatever size you want you can search for that so in this example I'll click on create design and select custom size okay so you'll have many different sizes whatever size you want you can select I'll select custom size and type in 920 with and maybe 500 or 700 whatever you want that much will be your height so in this case I'll select 700 height okay which should be 920 height could be anything uh in this case 5 6 or 700 would be better now what I have done over here is main color main background color is this color as you can see this gray color so if you want to get the background color for this there is this Google Chrome browser Google Chrome browser add-on that I'm using colorzilla if you click on this add-on if you click on this icon you can get any color code so if I click on this thing here as you can see this is the color code EB eff0 I guess if I come over here click on this thing click on this canvas you will see this option background color click on that now click on this add new color option and paste in this color code here as you can see this is the color code then after that what we need to do is we need to click on elements and we need to add this shape so if you want if you search for shape rectangle shape or whatever shape you want click on rectangle shape this shape will be added for you now you can increase or decrease the size of this shape however you want it okay you can also rotate it like this all right again make sure to increase or decrease the size if you want I'll bring it over here at the very left and maybe I'll change this color to this dark color so let me get this color code okay this is 2f2d52 so if I again come over here click on this thing click on this color thing at the top now click on add new color paste in this color code 2f2d52 you will get this color now same thing what I'll do is I'll right click on this thing and duplicate it now bring it over here now change this color to this thing okay so again color code and let's get the color this is not this one let's try it again all right yeah this is the one 8c52ff so I'll come over here click on this color add new color 8c52ff okay now I'll bring it over here like this if you want to bring anything uh at top you can control that positioning as well for example if I want to bring this thing at top or if you want to bring anything at bottom you can do that thing as well okay maybe this looks good all right so whatever looks good to you you can just select this thing and after that click on share and then you can click on download and click on download again this file will be downloaded for you now you can use this file as your background image if you if you come over here click on edit section I've given you this image by the way click on edit section go to style click on background type and under image upload this image okay so you can go to image select option select files and under media folder also I've given you this image here as you can see BG hero BG if you want to use my image or if you want if you want to create your own image you can obviously do that click on insert media change the size to cover and this is how your image will look like it now if you hide this thing this is how your section will look like Okay now click on update and with this you have created your first section now let's see how we can create our next section which is very simple we have this simple section first we have a title so I'll copy the title come over here to create a new section click on the plus button in this case we want a single column so we'll select the first option now go back to elements drag and drop the heading element and type in the title featured courses bring it in center now you can also do one thing you can change your primary and secondary fonts okay so default color is this blue color because that is the primary color you can change your primary in secondary color as well so that you don't have to change the color again and again so for this also you can click on this hamburger icon site settings and this time you can select Global colors now for primary color maybe I want to use this dark blue color okay so I'll copy the color code and replace this color now as you can see as soon as you replace the color primary color this color also changed and for secondary color you can maybe again use the same color maybe all right for accent I'll use this color for links basically I'll use this color all right now click on update so again come back click on this featured courses Let's uh see this is a little bit smaller so we'll have to decrease the size go to style and change the font family it is already Poppins because we have changed the default font family now change the size to 32 make it 700 Bolder and line height you can increase this thing to 1.5 am then after that we have the text so I'll copy this text like this come over here use the text editor drag and drop it over here paste in the text then go to style bring it in center now for text color maybe I want to use the primary color okay so I'll use this primary color if you want to use some other color as well some lighter color or some other color in this case let's see what we are using inspect okay so this is the color code that I'm using click on this color I'll save this color as well click on thing and I'll type in text color Okay type in text color click on create now here we have some spacing at left and right and this thing is coming in two lines so if you want to bring this thing in two lines there are two ways of doing it you can go to content and just press enter wherever you want so this comes in two line or if you want you can go to Advanced another way is doing like this go to Advanced select percentage under margin and left and right you can add some percentage like 25 percentage from left and right this is how it will look like or maybe 15 percentage from left and right okay not like this this is how it will look like okay so if you want you can use percentage left and right or if you want you can just press enter and bring this thing in a new line for top also I think that would be a much better option instead of using the new line we'll go to Advanced margin and add some margin Maybe 50 percentage right or not 50 maybe 30 percentage at right and click on update all right so we have the text and all then after that we have to display these things we have to display our courses so for that we'll be using this element we'll be using the course list element so if you search for course list and let's search for course list the entire thing just search for list for example if you search for list you will see the course list option drag and drop it at the bottom and this is how it will look like we have created one course that is the reason why we see one if you want one column two column three columns you know if you want only one column this is how your course thing will look like if you want two columns this is how it will look like if you want three columns you know you can have this option how many courses per page maybe we want six courses this is the classic skin if you want you can change this thing to this card skin okay this is how your card skin will look like if you want you can make it stacked okay this is how this stack will look like and you can even make it overlaid so what is the style you want you can select maybe let's go with the classic style now whatever things you want you can have it and whatever you don't want make it remove it for example we have rating if you don't want this rating you can just make it no and this will disappears if you don't want to uh let's see if you don't want the author name you can just remove this thing as well but we want all these options so we can select we also want the difficulty level so this batch over here is at the Top If you see all levels we also want category okay just one category don't want pagination so remove the pagination now go to query and pagination is fine rest everything looks good now you can go ahead and style this thing okay everything looks fine if you want for example if you also want to change this thing change the title and also you can go to card and in fact go to content this is the title if you want to increase or decrease the size of the title like this okay if you want to make it smaller or bigger you can do it maybe 18 pixels if you want to make it smaller then this text okay meta text you can increase or decrease this size as well so maybe for meta text I'll make it 12 okay category also will make it 12 okay so you can increase the decrease I'm just showing you if you want to increase it you can make it 14 okay or if you want to decrease it it all depends on you whatever you like you can have that according to your needs then we have the button so select this footer I think footer button will be under footer so select footer we have the button option card button here as you can see card button now whatever style size you want you can have it first of all background color we want to uh we want this type of color so background color is fine we just need to change the Border color and we want to make the Border Bolder okay so we'll select border option here is border type make it solid make it two pixels so it will become Bolder as you can see then after that change the Border color to this color your purple color or accent color and after that also change the text color okay so text color change this thing to this purple color and you can make the text a little bit Bolder if you want maybe 700 text or 600 all right click on update so you can style it like this if you want to background if you want this Shadow you can use this option box Shadow at the bottom click on this thing not for button remove this thing we have to use the content option go to content let's see whether we have in content or card I think it is under card yeah box Shadow now if you click on box Shadow if you want to increase or decrease this Shadow if you want to change the shadow color and all you can do everything from here all right click on update you also can change these things so for example here as you can see we have this badge over here at the top you can change the batch thing we have this wishlist thing you can change those colors and those styling as well now once you do this thing at the bottom we want this button so what I'll do is I'll copy this button because this is a very similar button so I'll copy the button paste it over here right click paste first of all make sure it is Center go to Advanced and change the width to default okay back to default and explore courses and again whenever somebody clicks on this button they will be redirected to the courses page so here we are displaying only five six courses but if they click on browse all courses they can see all the courses at once click on update again now finally let's do one thing let's add padding or at top so at top of this section we have this padding and at bottom also we have some padding so let's add that so click on edit section and you can also increase or decrease the width not recommended but you can do that thing as well go to Advanced and change the padding so for top and bottom I want to add maybe 75 pixels right both at top and bottom now here as you can see we have spacing at bottom and top now again click on update now our next section is this counter section so let's see how we can create this counter section so for that again we'll click on this plus button and after that we'll divide this into four different columns okay we'll divide this section or row into four different columns because we want these four options now inside this first we want this image now this icon that is see over here this is a free icon again you can download these kind of icons for absolutely free there is another website you can go to this website flat icon.com okay go to Flat icon.com whatever icons you see on my screen everything is downloaded from Flat icon so if you want books certificate or computer whatever you want for example if you search for books now here as you can see we have so many different icons for books maybe if you want this one okay let's see yeah let's let's select this one for example if you want this color if you want this book icon you can select this thing you can also change the color like we have this color here so maybe let me get this color code okay this is the color code so I'll copy the background color come over here click on edit icon and select this thing choose a new color select this option paste in this color and now as you can see icon color is changed you can now click on download and download the 512 size Okay click on download PNG and download the biggest size five one two click on free download and this icon will be downloaded for you as you can see book icon so you can download all these kind of icons again I'm seeing all these icons that you see on your screen these are all downloaded from Flat icon for free so make sure to always change the color now once you have downloaded these icons you can come over here search for image element because this is an image drag and drop the image element now upload this icon that you have downloaded so go to Media folder I've given you all these icons over here maybe let me upload these many click on open now let's see what we have over here we have this icon for for instead of that if you want to add some other icon as well maybe instead of that let's select this icon click on insert media okay make it full size now go to style obviously we don't want this big icon we will change the width to 30 percentage all right so this is the size that we want now this is your uh this is your image now below that we need to add the counter so again come back to elements search for counter element and drag and drop it over here now the number is 3000 in here the text is Learners so Under Numbers I'll type in 3000 ending number will be 3000 and title will be Learners or you can type in 3000 students if you want now let's change the size and also go to style color and everything is fine change the size for number first we have number so change the size of number to 32 and 600 is fine so I won't change it now let's Select Title and for this size I'll select maybe let's select 18 pixels okay 18 pixels and you can increase or decrease the line height so for line height I'll make it 2 em all right now once yeah once you have achieved this thing you can now click on this thing copy paste paste and also paste so right click and copy and paste similarly for this thing right click on this click on copy right click over here paste right click paste right click and paste now for second option you can click on this thing and just need to change the icon instead of this maybe let's select this icon now this time you don't have to change the uh with and all because we have already copied this thing so styling and everything is copied just need to change the content similarly for this also styling is available just need to change the content so I'll type in 5000 certificates so here I'll type in 5000 and under title certificates okay so this is how you can do it for third and fourth also you can do the same thing then we want to change the background color of this section so I'll right click over here click on inspect to see the background color here as you can see this is the background color I'll get this color code come over here click on edit section go to style background type paste in this color okay you can also do one thing we can add some spacing at top and bottom so we can go to Advanced and let's add some padding from top and bottom so I'll add 90 pixels padding both from top and bottom and then click on update you have also completed your counter section then we have this category section so again for this we'll add a new row now this time what I'll do is I'll add a single column but inside that thing we'll add inner columns so we want four columns so what we will do is we'll use this element in a section drag and drop it over here by default you get two columns we want four so you can right click on edit column click on add new again right click on edit column click on add new now we have four different columns now inside this thing we want to use this option if you see we are using image box okay so we already have these images we just need to use the image box element so if we search for image box here okay this is the one image box first of all use the image or upload the image maybe let's upload this one click on insert media then we have the title so in this case it is Art and Design for example maybe we are using this icon so why so okay then after that 25 courses maybe I have 25 courses on voiceovers so I'll type in this thing now image Position will be left so under image position make it left this is how it will look like now go to style and let's fix this thing now first of all spacing will be 10 okay so I'll select image spacing will be 10 and with you can select 60 okay if you want to increase the size of this thing you can select with under this thing you can type in 60 or if you want you can increase or decrease this number obviously it all depends on you now let's change the content so click on content and first we have the title so select the title and we'll change the size of this title to 18 pixels and maybe we'll make it 500 medium okay and also we want to make vertical alignment middle so everything is in Middle vertical align middle now for the subtitle for the description we'll select this thing change the size to 14 and 400 all right this is how it will look like now we can do one thing we can select this option we can select the column in our column okay so select this column in a column now we want this background color okay here as you can see so again right click get the color code for the background okay this is the color F5 F3 Fe so I'll paste in the color go to color option style option paste in this color under background we have this color then after that we need some spacing and margin from all sides so first of all go to Advanced first We'll add margin because as you can see between each columns we have this spacing so this middle spacing is the margin so under margin will add maybe 10 pixels from left and right okay 10 pixels from left and right now padding for padding I'll add 30 pixels from top and bottom and 25 from left and right obviously if you want you can change this thing as well then after that we also want to do one thing we want to make sure that these Corners are a little bit rounded let's see if it is already rounded okay so this is all sharp so we can make it a little bit rounded so for that we'll use the Border radius let's see whether here we have the Border option and the Border radius you can type in like uh 10 or 20 if you type in 20 this is how it will look like as you can see but we don't want this much so maybe we'll just type in a small number okay not this much so for this example we'll type in just 5 pixels okay a little bit or maybe just 10 pixels nothing more than that all right so whatever you want you can type it I'll just type in file now once you have this thing you can now click on right click on here click on copy right click paste right click paste right click paste so this will again save you a lot of time now right click on edit column okay and click on copy now right click on second edit column now this time select paste style we want to paste the column style and over here as well and also over here now for the second one just click on this thing change the icon to maybe this icon click on insert media change the text to r10 design okay and maybe with this in this we have 15 courses so you can type in and similarly for this third and fourth column you can do it now once you're done you can duplicate this top column duplicate the inner section so right click duplicate and then after that you can create this thing you can change this thing as well now let's add some spacing between these two so select this second inner section click on edit in a section go to it once and just add 10 pixels margin at top all right let's see not 10 let's add 20 pixels at top right now as you can see this looks so much better and finally we can add the top and bottom padding or in the main section so click on this main row click on edit section go to Advanced and for padding top and bottom let's add 90 pixels okay 9090 pixels and finally again make sure to update finally we have the newsletter section so let's see how we can create this section in this we have this we have this text so we'll copy the text come over here add a new section first now inside this will use the heading option drag and drop the heading type in the text bring it in center and change the style and also go to style uh don't change the color right now we want to change the color to white but we'll change it later on because right now if you change the color to white it will disappear obviously because we have white background so first let's change the typography so for this we'll make it 32 pixels and 700 and line height of 1.5 em all right and then after that let's let's actually do one more thing we can change the content click on edit section now for the width you can make it like 600 if you want it like this change the bit to 600 all right with 600 then we have this form okay newsletter form so for this you will have to let's see whether we have this MailChimp we don't have MailChimp you can use the shortcut form okay drag and drop this shortcode element Okay click on update first we have to now get the shortcode for that come back to your dashboard you will see MailChimp for WordPress option Okay click on that first of all you'll have to integrate your website with MailChimp you'll have to link your website with MailChimp so for that you go to mailchimp.com now first of all if you don't know what MailChimp is how to do free email marketing and not all if you want to learn everything for free how to do free email marketing with MailChimp you can go to YouTube and search for that tutorial if you go to YouTube and just search for Neo Shake MailChimp you'll get MailChimp tutorial and here you can learn in detail how mail MailChimp free email marketing with templates Automation and e-commerce WordPress features so you can watch that video click on login I'll just explaining how you can link your website and create this beautiful form so log in this thing if you have not logged in create an account if you have not already created an account once you log in you will see your avatar at the bottom left click on that click on profile and here you will get your API key under extras click on API keys and just copy your API key from here all right come back to your website paste in this key click on Save changes and now your website will be connected with MailChimp we'll see connected now you can click on form under MailChimp and you can just name it anything I'll name it form one maybe and you can select any list for this click on add new form or if you're doing this in 2020 to 23 you will not be you will not be asked to add any list or anything so this is how the default style very boring as you can see very simple form this is how it looks like we want to change this thing so again open in the media folder that you have downloaded media folder inside this you will see the pages folder and inside this you will see MailChimp for WordPress form open this one MailChimp for WordPress form copy everything come over here first delete everything now paste in whatever you have copied still it is looking very bad don't worry we can fix the styling first click on Save changes now once you click on Save changes you have this shortcut over here click on copy this shortcode come back to your website paste in this shortcode again this is looking very bad no worries we'll fix it click on update first do one thing come back to your website again and you will see under appearance you will see customize click on that so under appearance click on customize now this is the option that you'll see now over here the left hand side will see additional CSS click on that now again open the media folder and open this one MailChimp for WordPress CSS open this and copy everything just select everything copy come over here first let me go at the bottom this is how it is looking right now as soon as you paste in this uh CSS let's see what happens so let me paste in now as you can see this is how it will look like okay you will get this design now I can go ahead and publish this thing and we after that you can cut this thing okay so this is completed come back over here let's refresh this page now let's go at the bottom this is how it is looking now finally let's add this image in the background so we'll click on edit section control Z If You by mistakenly do any thing just press Ctrl Z on or Ctrl Z on your keyboard it will undo the changes now click on edit section go to style let's add the image in the background so upload file you can use or you can upload an image if you want for example if you want to use this image you can use this one as well click on open click on insert media here as you can see maybe size will select cover and Position will select Center Center all right or maybe top Center let's see whatever position you want you can select that now we want to do one thing we want to uh the background thing is very light so we will do one thing we'll add overlay so select background overlay select color and maybe let's select this primary color okay and after that you can change the opacity like this okay if you want to make it lighter or darker you can select this thing then after that let's add some spacing at top and bottom padding at top and bottom so for top I'll add 50 and for bottom 75 okay this is how it will look like and finally we can change this color to this white color okay let's change the white color white color code is FFF six times now click on update and with this we have completed this website okay with this we have completed this home page basically now this is com we have completed the home page only for desktop if you see this website in a mobile phone it will look very different so now we have to make sure that this page is 100 mobile and tablet friendly so first of all let's open this website in a mobile phone let's see how it looks like so if you want to see that you will see this icon at the bottom left corner responsive mode click on responsive mode and select mobile phone now this is how it will look like first of all go ahead top now with you will see this with option over here 360. change this thing to 400 okay and this is much better now this is how it is looking on mobile phone as you can see not very good really looking very bad so we need to fix this thing so to fix this thing let's start from Top click on this text bring it in Center maybe we want to change the alignment to center now whatever you're changing for example right now you just change the alignment to the center only for mobile phone here as you can see the icon over here is mobile so this alignment will be changed to to Center only for mobile phone for desktop it will still be left side now go to style change the size to some other size maybe 40 or let's decrease this thing to maybe 36 again you can see we have the mobile icon so which means that size is change only in their mobile phone now second select the second text and make it Center and go to Advanced we don't want this spacing margin at right 30 so we'll make it 0 or we'll we'll actually do one thing we'll add margin left and right of 10 percentage all right like this then we can also increase the line height so maybe one em or 1.5 let's see 1.5 VM then select this button okay uh if it looks something like this you can do one thing change the sizing a little bit decrease the sizing so that we can have both the button side by side so go to typography change this to maybe 14 pixels all right let's select the second button again change this one as well to 14. but maybe let's see 13 for the first one as well let's change this thing to 13 and now as you can see this is how it is looking and for the second button or maybe we don't want to 10 um left we just want five pixels left okay this is how it is looking again if you hide this thing this is how it will look like now maybe if if you don't want this image in the mobile version you can get rid of this image as well you can click on this thing you can just click on edit column go to Advanced and after that responsive and you can hide this thing on mobile now if you see this is how it will look like no image okay only this much and let's add some spacing at top and bottom so edit section Advanced padding maybe top and bottom 50 pixels again if you hide this thing this is how it will look like okay then we have our next section this is this section this is looking good scroll down now what I want to do is I don't want it one by one I want to bring two things in one line so you can click on this thing edit column change this thing to 50 so click on the second edit column change this thing to 50 and do the same thing for third one and the fourth one so click on edit column change the width to 50. scroll down then do the same thing for this click on edit column 50 select the second one edit column 50 third one edit column 50 fourth one fifty so that we have two options in one row right do the same thing for all these options and finally for this one as well now we need some spacing over here in between this thing if you see this is touching this thing so we can select this option edit column and add par maybe let's add margin from all sides 10 for this also margin from all sides 10 right for the bottom one as well select this margin all sides 10 not 150 40 or 50 10. for this one as well marginal side stand okay then this section maybe we'll select edit column I'll add a little bit margin or padding maybe first of all padding top 50 was good left and right we can add maybe 10 and bottom 75 okay now this is how it is looking again click on update now this is looking so much better on mobile phone as well alright similarly you can go to a tablet and fix your website in tablet however you want this website to look in a tablet all right and with this we have completed this home page We Have Made It Mobile friendly as well now you can come back to your dashboard okay so we have seen how to create different courses now let's see how we can create a blog post so if you again come back to the demo website go to blogs here as you can see we'll see how to create these kind of blog posts if you open a single blog post this is how it looks like the title we have the date featured image and all these things so to create a new blog post you click on this post option at the left hand side first of all we have this dummy blog post hello world we'll have to delete it so click on trash and delete it now click on add new to add a new blog post now this is going to be your title how to get 1 million plus visitors in 30 days without anything okay whatever the title is you can just paste in the title then below that thing you can just you know just type in whatever your content is so just type in like that you can just you know keep on typing like this simple stuff I'll just paste in this thing okay like this if you want you can even use images and all in this thing just like Elementor you can click on this plus button if you follow my mouse because I click on plus button if you want image you can add image if you want columns you can add columns and so on okay now once you have created your blog post at the right hand side you will see post click on that and you can add a category for example this is so related to marketing category okay so I'll type in marketing as a new category and remember this category is different from the course category that that was for courses this is for blog post so I'll type in marketing click on add new category then for Featured image you can add any image as your featured image maybe let's upload this image click on set featured image and click on publish so just like that you can create different blog posts come back again now let's see how we can create different pages so we have created the home page we have to create few more pages we have to create the about page uh Blog Page contact page instructors page all these pages so let's see how we can do that so for that click on pages at the left hand side now click on add new let's start with the about page so let's give it a title of about us and also this will be under template type in or selecting element of full width now click on publish again click on edit with Elementor now obviously we are not going to use Elementor again to redesign this whole thing because that will take a lot of time you have seen for the home page it took us quite a time so what we'll do is we'll I have just given you all the pages if you go to this media folder and Pages folder about page contact which I have given you all these Pages you can just import them on your website let's see how that is done so you can click on this option add template option this button now go to my templates and you will see this upload button Okay click on import template select file open the pages folder select the about test template click on Open click on enable and import and once it is imported you can go ahead and insert this thing I'll do it later on first I'll just import all the other Pages as well so go to contact page import this one then click on import template let's select the course list page again click on import template let's select the instructors page if if this page does not work for you if this import thing does not work for you there is one more option from where you can import templates you can go back to your dashboard and over here you will see templates at the left hand side click on that and you can import your templates from here as well click on import template choose file and for example let's import the subscription option from here click on subscription so as you can see subscription is also added so you can use this option as well if this does not work for you sometimes okay now let's say let's insert this about this template because we are creating our about us page and as you can see we have the about page okay this is how it looks like click on update obviously if you want to do any changes you can just click on this text click on background all these things if you want to replace this image whatever you want to do we have seen all these things this is image box simple icon box this is simple image you can change the title and all okay so content is given to you just click on that thing and change the title again come back to your dashboard let's create our next page so click on pages add new let's create the contact us page so give it a title of contact or contact us or contact me again change the page template to Elementor full with and publish it click on edit with Elemento now again click on ADD template go to my templates and import the contact us page template click on insert now as you can see you have the contact page as well now if you want to change your phone number email address anything like that you can change it from here now this is the form uh what in fact I would recommend you to do is delete this form now open shortcode import this shortcut element drag and drop it over here now go back to your dashboard and click on contact at the left hand side you will see this contact form shortcode or copy it come over here and paste in this shortcode okay you will see your contact form update this page now your form looks a little bit different don't worry once we paste in the code CSS code it will look good in fact you can do one thing again open your website click on customize now go to Media folder open this CSS file copy everything and you can paste in this CSS over here under additional CSS at the bottom press enter and you can paste in this code then if you again refresh this page or the design of this form will change now as you can see it looks a little bit different okay so this is your contact form and your contact page again come back to your dashboard similarly you can create and import other Pages let's create one more page let's see how we can create the instructors page let's give it a title of instructor or instructors change the page template to Elementor full width publish it edit with Elemento and after that add template go to my templates okay and use the instructor's option insert it in this case you just need to change or you just need to replace this image and change the title and all okay rest everything is good click on update now here you'll see this button become an instructor we have to link this thing with one page so again click on pages one page will be created for you instructor registration if you open this page if you're already an instructor you will see congratulations you're an instructor but if you open this page in a new private window uh there will be this form okay so if somebody wants to register or if they want to become an instructor they will have to fill in this form so I'll copy the link and I want to paste it under this thing okay under this button so whenever somebody clicks on this button they will be redirected to this instructor page so they can click on that button and they can become an instructor again come back to your dashboard so your pages are also completed knowledge to one thing let's create the menu so let's see how we can create this kind of menu for that again to create a new menu we'll hover our appearance and click on menus now we have to create multiple menus first is our main menu which is at top and then we also have these three menus at the bottom in the footer so first let's create our main menu so I'll give it a title of main menu you can name it anything you want I'll name it main menu click on create menu now whatever Pages you want so I want the home page about contact instructor registration maybe let's see instructors page student registration also maybe all right so whatever Pages you want you can click on add to menu and we also need one custom link as I said earlier courses page is already created for you so just enter the website link whatever your website link is after that put in forward slash courses okay so this will be your courses page and under title type in under link text okay where is that menu item uh URL is fine under navigation thing under label type in courses okay now you can rearrange this thing now what I want is I want it like this I want to create a Pages thing and in drop down I want to add all these links so for that again you can use custom link in the URL type in hashtag basically it means no link and under link text we'll type in Pages click on add to menu bring it over here now everything will be under pages okay like this using your Mouse because so you can do it and make sure to tick mark primary because this is our primary menu click on Save menu now again if you come back to your website let's see here as you can see we have this menu over here we have this thing like this again come back to this page let's create one more menu click on create a new menu and these will be we have to create three more menus actually for quick links resources support okay for your basically for your footer so I'll name it footer one click on create menu we don't have to tick mark anything at the bottom just select three four links that you want to display over here click on add to menu click on Save menu this is your footer 2 similarly you can click on create a new menu create your footer you know multiple footer menus just like this okay now once you have created these menus now we can add these elements in the footer okay so let's see how we can do that come back to your dashboard again and over here you will see appearance under appearance click on widgets and under widgets you will see footer widget one two three four so under footer widget one we want to add this simple text so I'll copy the text come over here click on this plus button search for paragraph and paste in this text just like this right this is your footer one now for footer 2 we want to add this link footer menu that we created we want to add this menu so click on footer widget to click on plus button search for navigation menu okay select navigation menu give it any title I'll give it a title of quick links and under select menu select footer one okay I'll do the same thing for footer 3 and 4. navigation menu okay give it any title for this I'll give it a title of resources and this is again I'll select footer one because I've created only one menu for footer and over here as well navigation title will be support or whatever title you want obviously now once you're done with this you can go ahead and click on update again if you come back to your website and refresh it and let's actually go back to the home page let's see at the bottom now this might happen like this uh or you you might see all your Footers in one single column this is because of one simple a problem in the Co in the code so if you right click over here click on inspect and if you click on this option you can see uh here if you see this thing uh media thing it should be maximum with not not minimum with 480. so there is one problem I hope the theme developer fixes it so you don't have to do anything we just have to change this thing instead of minimum width we have to make it maximum width so what I'll do is I'll copy this thing minimum width come back to this website now under appearance you will click on theme file editor click on this theme file editor click on I understand now do only that much that I am showing you okay don't do anything extra over here click on assets from right hand side click on disk CSS and over here you'll see this style CSS click on style.css now click on this file just click inside this file now press Ctrl f f for find and paste in this thing or just type in minimum hyphen with colon press enter you'll see wherever this code is used so again keep on pressing enter till you see uh this one okay till you see this one at media this is line 1183 if you want you can just go to line one one eight three you will see this thing add media minimum width 480 so instead of minimum width we just have to change this thing to Max width okay only this much don't do anything extra instead of Min type in Max okay this is the only thing that you need to do click on update file once you do this thing then you have to go to this next file style.min.css click on this same thing this time press enter uh just just click anywhere on this screen and press Ctrl F now again type in this same thing minimum width colon okay now here again you will see this thing scroll down till you see minimum width 480 okay let's scroll down okay here it is as you can see minimum width 480 again just change this thing to Max width 480 okay nothing else just change this minimum to Max click on update file but if you still come over here and refresh this page it will still look same because of this caching so because of browser caching but if you open this website in a new private window let's open this in a new incognito window it will be fixed here as you can see this is looking so much better so what is happening right now is your browser caches this thing to you know your browser basically saves the cache file to make your website faster load faster so if you if you want to see this changes on your website you'll have to clear your browser cache then you can see the changes but if you want to see whether this is working properly or not you can even open your website in a new private window and you can see that this is working properly all right again come back to this thing so this footer is also completed now the final customization is left like we need to uh you know add our logo over here we need to add the search bar and so on so for that you can click on this customize Link at top now let's start from the header so click on tutor starter and select header now what header style you want you can select that thing I want this header Style with search bar so I can select this header style now we have this search bar as well we also have this button we don't want this button actually all right so let this button be over here if you want you can change the link this of this button you can link it with some other page if you want then we have this logo thing you can upload your logo over here so let me actually upload my logo media folder you have this logo I'll maybe upload this Twitter a Twitter logo okay this is uh I think this is the SVG file let's try it again so you cannot upload the SVG file I guess first let me see what logo I'm using over here okay I'm using this one the dark logo the colored logo so come over here let's upload the colored logo here it is open this click on select skip cropping now under retina logo you have to upload the same logo but a little bit size a little bit bigger in size basically twice this size so if this logo is maybe 50 by 100 then this will be 100 by 200 okay now under retina logo upload this same logo but a bigger size open choose file now you can publish it okay so we have seen the header now come back again now select the block if you open your blog page where is that block page if we did not add okay we have not created the block page actually let's create the block page as well click on pages now click on add new and let's give it a title of blog don't don't need to select any template anything just publish this page now we have to set this page as a Blog Page just like we set the home page so you can do one thing click on appearance or click on settings reading and under post page select the blog page and click on Save changes and now let's add this thing in the menu as well so appearance menus and select the block page click on add to menu okay not this menu actually first select the main menu click on select leave now select the blog page and add to menu we have to add this menu in the main block page in the main menu click on Save menu again if you come back to customize refresh this page now let's open the blog page this is how your blog page looks like if you open a single blog post I think everything is looking good so we don't have to do any changes over here now let's see the footer so again Twitter starter select footer and select your footer logo so you will be uploading white color logo in the footer you know tutor white I'll upload this logo click on choose image okay this logo will display at the very top like this here also you can upload your retina logo if you want all right click on publish you can control what type of layout you want for this footer you can control that thing and rest everything I think looks good again come back to your dashboard now let me show you the instructor part how somebody can come to your website they can sign up as an instructor create their course and once their Course once they receive any sales for their course they will get 80 or 90 whatever commission you have set for that address 10 person will come to you so first for that what I'll do is I'll open this website in a new private window so that we can create a new account or you can go to pages and you can select instructor registration maybe let me register as an instructor okay let me select some username some email all right some password all right click on register as instructor okay your application is sent if you go click on go to dashboard you already have this thing so your application is pending first you this admin of this website will have to approve you as an instructor so if you go back to your dashboard let me show you how you can approve somebody as an instructor now under tutor LMS you will see uh instructor option click on instructors and here as you can see this pending this request is pending by Niger shake so you can approve this request if you want okay and you can also change commission rate for individual instructors if you want again if you come back to this page and refresh it you can see now that thing is gone and now this instructor can create a course so if they click on create a new course now they will follow this whole process this same process okay they will add the course title okay we have seen this thing in complete detail so we won't be seeing it again but I'm just showing you they will select the category uh they will upload some featured image maybe okay let me upload some featured image from here let's upload this image click on set featured image if they want to make it paid they will have to select a product for that so they can select any product or basically they will request you first they will have to create a free course then once they have completed this entire process like they have added the course Builder and everything they have added all the details and if they want to make it a paid course they can contact you obviously through the contact form or through whatever mean you want now once once they have once they contact you you can create a product for that and you can link this course with that product okay and after that they can click on submit for review Once they have completed this course now you'll have to see this review if you click on courses under tutor LMS you can see this is pending a new course if you can click on this course you can see whether this person okay so first time you come over here they will ask you to take over so yes we want to take over this thing but we we don't want to become the instructor okay the instructor or the author will be Neha Sheikh or the new user NEOS triple seven if you remember the new user that I just created it so make sure don't change the author or or else you as an admin will become the author so you can basically see okay everything is looking good okay they have added everything properly um you know course intro and everything is added now if you see okay whatever price they want you can create a product for that and you can link this thing with that thing and after that you can publish it okay so you as an admin only can you publish the product this user can create the course but they can send you these codes for somewhere for review so they can submit this course for review you will have to go through the course and you only you have the power to publish this course okay now if this user will go to courses my courses they will see they have uploaded this course this is still free because we have not linked it with any product now once this person has created this course and whenever they uh there is any sale of this course this person will go to withdrawal they can see that they have some amount in their in their wallet and if they want to withdraw this amount they can click on drop preference and they can select how they want to withdraw it if they want to withdraw through bank transfer this user or this instructor will add their account name account number bank account name all these things and after that this you you can send them this money if they if this user or if this instructor wants to withdraw the money through PayPal they can go to PayPal enter the PayPal email address all right now click on save a dollar account now whenever this person has any amount any money in their wallet in their withdrawal option they can submit a request for withdrawal example let's go to withdrawal maybe I have like 500 I can I'll get once I have 500 dollars I'll get get a button over here so request withdrawal once this instructor clicks on that button you will get a request over here so under tutor LMS you will see that request under withdrawal request click on that and you will see that withdrawal request all the details as you can see withdrawal method withdrawal details amount status everything will be available to you so whatever the amount is you can just transfer this amount to the instructor remember again I'm saying whenever a person or a student purchases a course whoever the instructor is whether you are the instructor you as an admin or owner of the website or some other person is the instructor whenever a customer purchases the course the amount the money is received in your account the admins account or the owner of the website's account you will keep your 80 or 90 and you will uh you know submit or you will just transfer the rest 10 or 20 to the instructor so this is all the details related to the instructor will be available for you instructor withdrawal method withdrawal details amount whatever amount you have to you know send to this instructor you can just send this money and after that you can change the status to completed okay so this is how this thing works this is how the instructor thing works and with this we have 100 completed this tutorial now I hope you guys find this tutorial helpful I hope you have learned something new now if you find this tutorial helpful and if you want to watch more tutorials like this one make sure to subscribe and click on the Bell icon so that you don't miss any future notifications if you like this video give a thumbs up to this video share it with your friends on Facebook Twitter WhatsApp whatever social media platform you use and throughout the video if you have any doubts any comments any suggestions for me you can always leave them in the comments section below and finally thank you so much for watching this video see you in the next one