How to Create an Online Course, LMS, Educational Website Like Udemy using WordPress 2018 - WPLMS

Hello , friends .

I'm sheikh from blog dot com .

And thank you for watching this video .

In this video , I'll teach you how to make an L MS website .

For those of you who don't know L MS stands for learning management system or you can also call it an online course management website .

For this video .

I have taken inspiration from UDE dot com , which is the number one website in this category .

UDE is an online learning and teaching marketplace with over 65,000 courses and 15 million students .

I have tried my best to make this course exactly like you me in terms of design features and functionalities .

Let me first inform you about some of the core features that this website which we are going to create will have .

And after that , we'll see the demo website which we are going to create in this video .

First , here we can create courses that include different lectures .

We can also create different types of lectures , like audio lectures , video lectures , podcasts , quizzes .

We'll also add the functionality that will allow other users to sign up and create courses by creating courses .

They can also earn commissions on those courses .

For example , a user has created a course and set the price of $100 and you have set the commission of 50% .

By the way , you can set any percentage of miss , you can set 50% 90% 10% anything .

It's all up to you .

So if you have set 50% commission , the user gets $50 and you get $50 .

So this is how the system works .

We'll also make sure that this website is user friendly , easy to use , fast , safe and secure and obviously beautiful in terms of design .

Now , let's see the demo website .

So this is our demo website and this is UDM .

As you can see , this is the front page of UDM and this is the front page of our website , which we are going to create in this video at the top , we have the first section which is a full width image section in the background .

We have a beautiful fill width image .

The navigation is transparent as you can see there is no background to this navigation .

It is a transparent navigation and here we have the car I in and the log in button .

After that , we have a title subtitle and a search bar .

This is very , very important for this kind of website .

A search bar is very important because whenever someone is coming to your website , they are actually searching for some codes .

That's why a search bar is very important .

Even in UD .

If you see we have a very similar section , it is a full width section with a background image and it has a title subtitle and a search bar .

After that , it has some categories and different courses .

If you see throughout the website , it has different categories using the image and different courses .

So for our website also , we have the same in this second section , we have different categories using different images .

For example , skating , photography , hair , styling , guitar , et cetera .

After that , we have our third section which is a call to action section .

We have an image in the background , a full width image , we have a title subtitle and a call to action button .

After that , we have some simple text .

It's all up to you .

You can have this or you can just delete this text .

This is not required .

This is just to beautify the website , you can put some text to you like about your company , about your clients .

And so on here , we have the courses as you can see on the home page .

Now , there are different types of design .

For courses .

For example , this is displaying in this manner , you can change the display .

And here if you see there are around six columns here , we have four columns .

So you can easily increase or decrease the number of columns .

You can have 66 courses in a row , two courses in a row or four courses in a row like we have over here .

After that , we have the companies that create calls on our website or you can have your clients , your testimonial soldier .

After that in the bottom , we have a , the footer is divided into four different sections or you can call it four different columns .

In the first column .

We have a logo , this is a logo and a very short description about our company .

Then this second section has latest post , then we have latest categories or course categories .

You can set anything over here .

After that , we have a subscribe form .

Now I'm going to remove this subscribe form and I'll put something like this which you see on this website , become an instructor and we'll give this link over here so that we'll see that later on how to do that .

Then we have the bottom photo , which is the copyright section .

As you can see .

Again , we have the logo , the copyright message and some social icons .

We also have this button , a very small and beautiful button but very very useful .

This is back to top button .

When you click on this button , you're again back to the top section .

Now let's see how a single course looks like .

So let's open any one of these course .

Let's open this software training course and let's open some courses from this UD .

So let's open this course .

So this is how a single course looks like on Udemy , we have title subtitle , the ranking number of students enrolled category and so on .

And here at the right hand side , we have the buy now button by the course button and some features with the icon , like number of Rs .

This course has articles , we have certified certificate for completion and so on .

Then after that , we have the curriculum of these courses .

Then we have the reviews section , This is the review section and at the bottom we have related course section .

Now in our demo website as well , we have the same design .

We have these courses at the top the title reviews , number of students enrolled the instructor , then we have short description about these courses .

Then at the right hand side , we have this course button , take this course , the amount of the course which is $20 .

Then we have some information with some icons like the duration of the course .

We get a batch in this course and we also will get a certificate of completion .

Now I'll show you how to create different certificates with this website .

So just stay tuned .

We also have the curriculum section .

As you can see , this is divided into two different sections .

The first section is introduction and the second section is advanced computing .

In the first section , we have two different lectures .

And in the second section , we have three lectures .

The first lecture is a demo lecture .

Anyone can see this lecture and they can decide whether to purchase this course or not .

And after that , we have some lectures .

As you can see , I'm not able to click on or on these lectures because they are reserved only for paid users .

So we'll see how to do all these things .

Then we have our review section and at the bottom , we also have this related course section .

We also have a sidebar over here like related course Carousel .

As you can see , this is a carousel and it has a related courses over here , top rated courses and course reviews .

We don't have any reviews .

That's why it is showing empty .

I'll also show you some extra stuff like creating about us and contact us page .

Now , let's see how the About Us page will look like and whatever we are going to do in this website is very , very easy because I'll be using a page builder and I'll just simplify your work .

So this is the About Us page .

As you can see , we have a top section .

This is a very beautiful section .

We have a title subtitle and a call to action button .

Again , the NAV BAR over here is transferred .

And by the way , we are setting different NAV bars for different pages .

For example , when someone is logged in , they will see a different menu , a different NAV BAR and when some one is logged in and or for , for example , when instructor .

When the person is an instructor , he's creating courses on your website , he will see a different navigation with different option .

And when the person is a student who is purchasing a code or who is purchasing a course will see a different navigation with different options .

So I'll show you everything , step by step , just stay tuned .

So this was our first section .

Now , let's move on .

This is our second section .

At the left hand side , we have a beautiful icon as you can see .

And at the right hand side , we have some text and a call to action button .

When you click on this button , if you want to become an instructor , it says become an instructor .

So if you want to become an instructor , you click on this button and you'll be redirected to that page , then we have the third section , meet the instructor section , you can reach out and earn referrals and all those things .

I'll also show you how to create these different things over here .

Now , let's see how our contact us page looks like click on contact us as you can see at the top .

We have a map and again , it is a transparent map .

The navigation is transparent .

That's why we are seeing the map throughout the year .

Then when you scroll down , you'll see this section .

OK ?

We have two different columns .

These everything is divided , the content is divided into two different columns .

This is the first column .

This is the second column .

We have some short description about the company , the contact us details .

We have this contact us form over here , send us a message and here we have our company's mission vision process and so on .

We also have different pages like all codes is all instructors page , become an instructor register and draw those kind of page .

Now , I don't want to waste a lot of time in just showing the demo website because we actually have to create this website and we'll see everything step by step .

There is a lot of things that you are going to learn in this video .

So let's proceed further .

I hope this , you like the demo website and you guys are really excited to make this website .

If you guys are really excited to make this website , then just stay tuned to create any kind of website , whether it be a social networking website , an e commerce website , an LMS website .

Like we are creating any kind of website , we need two basic things , a domain name and a hosting account .

Now , what is a domain name ?

Now , the name of your website or the URL , your website is the domain name .

For example , over here it is LMS dot naik dot com or in simple terms google dot com .

It is a domain name youtube dot com is a domain name , the name which someone will type to get to your website .

So that is basically a domain name .

And what is a hosting account , by the way ?

Now , if you see this website , we have so many different pages and so many different data on this website .

We have these images , like these beautiful images and we have all the codes filed , like we will save all the codes , videos and so on .

Now , everything which we save on this website is actually saved on a computer , you know , some running 24 7 somewhere in the world .

OK .

So that is what you're hosting it .

It has all your website data and it will present that data to anyone who visits your website at any time from any part of this world .

Now , both these things are very crucial .

In fact , we just cannot proceed without , without both hosting and a domain account .

Now to get both hosting and a domain account , you have many different options .

Now , the one which I prefer and which I suggest is TMD .

Now , what you can do is just open a new tab and type in blog two dot com slash TMD .

The link is also given in the video description below .

You can just click on that link and it will redirect you on the same link on the same page .

OK ?

So this is the page as you can see it is giving some discount , but we don't want this discount .

The simple reason is because this is shared hosting , we don't want shared hosting , we want cloud hosting .

So what you can do , you can just click on this button .

It says get into cloud .

Now it will redirect you to the cloud page .

So this is the cloud hosting page .

Now , there is a lot of difference between shared hosting and cloud hosting .

Now , let's see first , what is this page and what it has .

So here we have three different plans stat cloud business , cloud and enterprise cloud .

Now , when we scroll down , we see all the different features that these plans have .

For example , as I said to you moments ago , that hosting is nothing but a computer which has all your files .

So the computer which has all your files has to be a very good computer .

So if you see , oh , here they have got six core CPS .

The computer which these guys are using has six core CPS , six GB of DDR for ram , which means the computer which these guys are using to host all your data , all your files on the of your website is a really good computer .

So we can trust this company .

After that , we have unlimited bandwidth .

That simply means that you can transfer unlimited amount of data on your website .

You can also upload and download unlimited unlimited data on your website .

So that is also a very good and very important feature , especially for this website for LMS website , because users will be creating videos and they will be uploading videos .

If you get a lot of users , we , we definitely need unlimited bandwidth .

So this is very , very important after that , we have unlimited SSD space .

Now , this is the most important feature according to me .

Now , there is a lot of difference between SSD and HSD .

Most of you , most of you guys must know this thing .

This is a very basic things .

But if you don't know what you can do , you can open a new tab or you can go to Google and type in SSD versus HDD web host .

And you'll get a fair idea about the difference between the regular HDD and the SSD that we are that we are getting over here .

Now , you can read any one of the article or all of the articles .

You'll get a good idea about SSD hosting .

Now , what I do , I click on images so that we get images and we don't have to read anything .

Let's open the first image as you can see here , we have three different criteria .

The first one is speed .

As you can see , the speed of SSD is way more than the HDD .

Sometimes it is up to 20 to 30 times faster than the regular HDD .

And we want our website to be faster .

That is great for se purposes .

It will rank your website higher on Google and different search engines .

After that , we have I OS again , it says higher is better .

And you can see the difference is just , just great amount of difference .

Then we have latency , it says lower is better and you can see the difference again over here .

So you should know this , the SSD is way more better than the regular HDD .

Now , I hope you guys know the difference between SSD and HDD .

And if you see over here it has unlimited SSD .

Now , that is really crazy .

Not only it has SSDD , but unlimited SSD space .

So this is really amazing after that , we have unlimited website hosted .

Now , this is also a very , very important in feature because what is this ?

First ?

Let's let me explain to you what this is .

For example , we are creating this LMS website .

So we will host this website on this particular hosting plan which we are purchasing right now .

Now , suppose tomorrow you want to create another website and you don't have to purchase a new hosting plan for that .

You can host unlimited number of websites on the same plan .

So this is also very important for so after that , we have free domain .

So we'll be getting a free domain with this plan with any anyone of this plan actually .

So NAAS shek dot com is a domain name which I got for free .

When I signed up with TMD hosting , we have premium support , free C panel , beautiful web server , very useful web server .

We also have Wildcard SSL .

Now this is also very , very important .

Now , what is an SS ?

This is the NSL , as you can see this secure certificate or secure socket .

This is what NSL is .

You see any website and you'll find this thing , any good website .

OK ?

You see UDE Me , you see Gmail , anything , you'll find this thing .

Now , Wildcard SSL means you can have unlimited number of SSL certificates on your website .

For example , if you have created 10 different websites and you have hosted all the 10 websites on the same hosting plan , you can have SSL certificates on all 10 websites .

Now , that is really amazing because if you go to purchase a single SSL , it will cost you around 4200 bucks .

So you're saving a lot of money .

After that , we have optimum cash , memory cash instead of 256 B performance is three times better than these two plans .

You also get a 60 day money back guarantee .

So you can decide between all these plans .

I would recommend you to go either with business plan or enterprise plan .

Don't select this starter cloud .

There is a very simple reason behind that here , you can host only one website .

So suppose in future , if you want to create another website , you will have to purchase a new hosting plan .

So that is not good .

So I am using the enterprise cloud .

So I'll click on this button which says get started .

So let's click on this .

Now , here you have to type in the domain name which you want for free .

For example , suppose you want Nayar Shake , obviously you won't want but suppose you want NAAS shake dot com , then you can just type in NAAS shake one and you can select any extension you have dot com dot net dot org .

If your website is country specific , you can select country specific extensions like dot in for India dot UK , for United Kingdoms and so on .

Ok .

After putting your domain name and selecting the extension , just click on .

Proceed .

Now , here you have to put in all your basic information , like your first name , last name , email address , phone number and so on .

Then the second section is the payment information , the type of payment which you want to make .

For example , if you want to make payment through paypal , you can select paypal .

If you want to make payment through your credit card , debit card , your ATM card , you can select this credit card and put in all the information over here .

Then after that , we have purchase information .

The first option over here is to select the data center location .

Now you have to select the one which says nearest to you .

For example , for me , Singapore says nearest to me or nearest to you .

So I'll select Singapore now period by default , it is 12 months .

I also recommend 12 months .

Don't go with the one month especially because you'll have to pay $7 extra each month .

So that is not at all recommended go with 12 months .

Then we have domain privacy .

Now , if you want your mobile number and all this information to be private and not shown to anyone , then you can just tick mark this or you can just remove this .

Then we have the most important option according to me , which is the promo code here .

You have to type in a year seven and a double yar and numeric seven and click on .

Apply .

Now as you can see when we click down apply , it says this promo code gives you 7% of this purchase and 7% is the highest discount that TMD offers on cloud hostings .

So you're getting the highest discount possible .

This coupon and all the links are given in the video description below .

So you can check them out after doing all these steps , just take myosure and click on .

Check out .

Once you click on that check out button , you will receive an email from TMD which would look something like this .

Now , this email is very , very important because it has all the important information like your FTP , user name , password , your server IP , name servers and so on .

So make sure you save all this information .

If you own multiple email addresses , then you can forward this thing to those different email addresses .

Now , what you have to do is you have to click on this link , which is at the bottom .

The link is control panel link .

Just open this link in a new tab .

If you don't know your control panel link , you can just type in your website name slash C panel .

Ok .

For example , if your website name is naik dot com , then you type in naik dot com forward slash C panel and you will be redirected to this section .

Once you come up over here , just copy the user name and password from the , from that email which you got from TMD and click on login .

Ok .

So this is our control panel .

This is a very similar control panel .

All the companies have a very , very similar control panel .

There is a lot of options over here , but we don't have to do anything with these options .

The option which we want is under soft Tacular app installer because we have purchased the hosting .

We have our domain name .

Now it's time to install wordpress on our domain name .

So we'll click on wordpress over here which is under soft tacular app installer .

Click on install .

Now .

Now from here , you have to select in the domain name on which you want to install the wordpress here if you use , if you're creating anything for the first time , if you're creating this website for the first time , and if you're doing all this stuff for the first time , you'll have only one domain , but I have done these things a lot of times .

So I'll get a lot of options for you .

So I'll select the one the domain , which on which I want to install wordpress , select that domain .

After that , we have indirect option .

Now , make sure this box is empty by default WP is already written written over here , just delete that and make sure this box is empty .

After that , you have some site settings , you can give a name and description to your website , you can change these things later on .

So there is nothing to worry .

Then we have a very , very important section which is the account section , the admin account section here you have to set in your user name and password .

Now don't do the stupidity of leaving this thing to default .

For example , by default , it is admin and pass , just delete this thing .

Make sure you change this thing as soon as possible .

In fact , just change it now .

OK ?

For example , I'm changing this to Nair underscore sheikh and this is case sensitive .

So as you can see , N is capital and S is capital and I have this underscore between my name naik .

Now give a password , change this password , I'll just type in my password , whatever I want .

Also change this email address , put in your own email address over here .

So this was the most important step .

The most important section .

In fact , admin account section , all these three options were very , very important .

After that .

At the bottom , you'll see this install button , click on that .

So wordpress is getting installed on your domain name .

It will take a few seconds .

Just don't worry .

As I said , you , it took a few seconds .

Navigate two different links .

OK ?

Two different URLS .

The first one is your domain URL or your website URL .

And the second one is your administrative URL or your dashboard URL .

Ok ?

So let's click on the second one and let's cut all these things now .

Ok , guys .

Congratulations .

We have successfully installed wordpress on our website .

And as you can see , this is your dashboard .

This is a really simple dashboard .

I'll explain to you everything .

Don't worry .

And also if you notice we have this SSL certificate , which really , which is really amazing .

Now , at the left hand side , you have some options and this is the main section .

The first thing that you have to do is delete all the default set things .

For example , by default , you will have some plug ins and themes installed .

We have to delete all of them .

So from the left hand side , you'll see this option which says plugins .

Click on plugins .

As I said to you earlier guys , we have two different plugins , which is already installed .

We don't need these things now .

So you can just delete it .

You can just select this option .

OK ?

If you click on this , it will select everything and from the bulk action , click on , delete or select delete and click on .

Apply , click on .

Ok .

So both the plugins are deleted .

And for those of you guys who are new to wordpress plug in is nothing but a source to improve the or to add or expand the functionality of your website .

For example , we are creating an LMS website by default .

Wordpress is not made for LMS websites , but we can use different plugins to make our website an LMS website .

Or you want to create an e commerce website like Amazon dot com , then you can use different plug ins .

For example , there is a very specific plug in which is called Woocommerce .

You can use Woocommerce to convert your normal website , normal wordpress website into a , you know , e commerce website .

So that is what a plug in .

Does it expands the functionality of your website ?

You can do a lot of things using different plugins .

Fine .

Now what do you have to do ?

And then after deleting all the plug ins , we have to delete the extra themes .

So from the left hand side again , you will see this option which says appearances , click on that here .

As you can see , we have three different themes .

Now again , if you don't know what a theme is , theme in very simple term is just the design of your website .

If you want to change the design of your website , you use a different theme the better and more robust .

Your theme is the more better and beautiful your website will be .

So we , we don't want to use any one of these crappy themes .

We'll just delete them .

So select this thing and click on delete again .

Select this theme , click on delete over here .

Now , if you want to see how your website is looking at present , you can have over here , you'll get this option , visit site , open this link in a new tab .

So this is how your website should look .

Now , we don't want our website to look like this .

We want our website to look something amazing like this .

So for this , we need a theme .

OK ?

So we'll have to install a new theme .

So to get that theme , what you can do , you can open a new tab and type in blog two dot com slash WPL MS .

Now , this link is also given in the description below .

So you can just check that link , OK ?

You can click on that link .

It will read direct you to this page .

Now , this is the number one LMS theme on Theme forest .

There is no doubt that this theme is the best and the most amazing theme for LMS on Theme forest on or on any other platform .

I haven't found any theme better than this one .

OK .

This is the most selling LMS theme .

It has got more than around 17,000 sales .

The rating is also very good 4.52 rating and more than 1200 people have rated this theme .

You can see all those different features over here .

We get so many pre built designs and demos .

We also get a lot of premium plug ins for free .

For example , we get visual composer , which is the most selling visual builder or the page builder .

For wordpress .

We get layers slider slider revolution , which is a very beautiful plug in for creating different sliders .

So we get all these things .

We get one , you know plug in is worth $130 for free with this theme .

So you can just click on this button which is over here .

Let's see .

You can just click on this button .

I add to card or buy now and you can purchase this theme now .

I won't do that because I have already purchased this theme .

Once you purchase that theme , you will get this zip file .

OK ?

So this is how your zip file should look .

In fact , it will , it will say something else .

I have been in this file .

It will say something like Theme Forest 656 7 , something like that .

So if you open this zip file , we have , we'll have a lot of options .

For example , you have your , you know , different options like demo wps and all these options .

Now you have to select this one WPL MS and you have to extract this file .

OK ?

So once you extract this file , you'll get this folder .

OK .

WP LMS folder .

Now we have to zip this file .

OK ?

So what you can do , you can right click on this , you can click on add to archive , you can select zip from here .

By the way , I'm using this Win Rare software .

That's why I'm able to do all these things .

OK ?

So let me show you again , you can just right click on this folder WBLS folder , click on , add to archive , select zip from here and click on .

OK ?

Once you do so you'll get a file like this .

Now , this is the file that we have to upload .

OK ?

So this is 28 B or around 30 MB file .

Now , there is a problem over here .

Now let me explain to you that first when you hover this media and click on add new , you'll see over here that the maximum upload file size is two MB .

Now the file size that we need to install or we need to upload , which is the theme file is 30 MB .

And here the maximum upload file size is only two MB .

So first we will have to increase the upload file size .

OK ?

Now , I have shown this thing .

I have created a short video explaining this issue and how to resolve this .

And if , if you have used that and if you have watched that video , that's good but if you haven't , then let me explain you , we have to use file for this .

And if you don't know how to use file again , let me show you , let me open my channel and let me show you that video .

OK ?

So this is my channel if you see , oh , here .

OK .

Let me show you first , you'll see a few videos .

So your first if you don't know how to use file Zilla , you can watch this video how to set up file Zilla FTP server .

And after that , you can watch this video , it will help you to remove this error .

OK ?

So I'll show you how to do this thing how to remove this error .

But first , if you don't know how to set up file Zilla , you should watch this video .

It is a very short video around six minutes long video .

You can watch that .

It will solve your problem .

OK ?

So let's open file Zilla from here .

Once you open file Zilla , you'll see all the files which is there on your server .

And if you see over here , I am using this subdomain LMS 0.2 dot Neshek dot com .

So here I have to find that folder here .

It is LMS two dot naik dot com .

Open this folder in that folder , you'll see a file called dot HD access .

Now you have to change something on that file .

Ok ?

So what you can do , you can just drag this file , select this file and drag it on your desktop on your desktop .

And if you don't , if you're not sure whether your desktop is selected or not , you can select your desktop from here .

OK .

Here it is .

Here is your desktop , you select your desktop .

Now , you have the desktop or here you can just drag this dot SD on your desktop .

OK ?

Just drag it from right to left .

OK .

Here it says the transfer is finished .

Now what you have to do , you have to open this thing , you have to open this file .

OK ?

I am using a file editor or text editor which is called sublime text .

So that's why I'm I'm able to open it very easily .

OK ?

You have , once you open this thing , you have to paste something over here .

So in order to get those what whatever you have to paste , you just have to go to blog dot dot com .

I'll give all these links in the video description below .

Just don't worry .

OK ?

And if you're having any issue , you can just , you know , text me , you can leave a comment .

I'll be more than happy to help you guys .

Now , this is the link , OK ?

I'll give this link in the video description below .

Just don't worry .

Once you click come to this link , you'll see at the bottom there are a few lines of codes .

Now you have to copy these codes , just copy it and paste it over here .

OK ?

Once you paste the code , just press control s to save the file and cancel this thing .

OK ?

Now you can just get rid of all these things .

Once you save all the file , just make sure to refresh your text off from here .

You just right click and refresh .

Then again , drag this dot HD access file to your web server .

It will ask you to overwrite the file .

OK ?

Just select overwrite and click on .

OK .

OK .

It says transfer finished .

Now , let's see whether the problem is solved or not earlier .

It was two MB .

Let's refresh and see the change .

Now as you can see , it says 64 MB .

Now we can upload any file up to 64 MB .

So that is awesome .

So again , click on appearances , click on add new , click on upload theme .

Now we have to choose this file .

OK ?

We have to select this file , this file WP LMS file which we extracted .

So come back to here , click on choose file and here it is WPL MS this is the file .

W plms .

Select this click on open and click on install .

Now , if you , if you , you can see your progress in the bottom left corner .

If you're using Google Chrome , it is 9 10% something .

It will take some time .

So I'll pause this video and I'll come back when the installation or the upload , uploading of the file is finished .

Ok , guys .

So as you can see over here , the installation is complete .

We have successfully installed the theme .

Now it's time to activate the theme .

So just click on this activate link .

Ok ?

Once you click on that link , you'll get this set up this quick set up .

Now , first , what do you have to do ?

You have to just follow this set up .

Click on , let's go .

Ok ?

If you don't follow this set up or if you don't get this option , just type in this thing .

OK ?

Just type in your website name forward slash WP , admin forward slash themes dot PHP .

Question mark page is equal to WPL MS dash setup .

OK ?

You will get it .

Don't worry .

But for some reason if you don't get this set up , just click on this link or there is another option , I'll show you later on if you don't get this set up .

OK ?

So first , let's see how to set up everything .

Let's click on .

Let's go .

This is a very important set up .

It's a quick set up .

It will set up a lot of pages and everything for you .

You don't have to create those pages .

It will , you know , install many plugins and many different things for you .

You don't have to do it annually .

It will do everything automatically .

OK ?

So we , we want to select visual composer because we want that we don't have to select these events , drives , discussion forums game .

We can select this thing , Gamification and points .

We can select membership , custom batches , multiple instructor per page and just leave these things , video conferencing and H five P .

These are not required .

OK .

So let's see what all things we have marked .

We have marked the L MS , we have marked the ecommerce slider , visual composer , Gamification and points , membership , custom batches , multiple instructors per page .

OK .

Now click on continue .

OK .

Now it will install all these plugins for you .

So click on continue again .

Now again , it will take some time to install all these plugins .

I think it is like 2015 , 20 plugins .

So again , I'll have to pause this video until all the plugins is installed because it is going to take around 5 , 10 minutes , I guess .

OK .

So I'll pause this video once everything is done , once all the plugins are installed and activated , I'll come back .

OK , guys .

So as you can see all the plugins are successfully installed and we are on the third option , which is the pages option .

Now , this is the most important thing and this is the main reason why I prefer this quick page set up because it will set up a lot of important important pages that we require .

For example , the Percos page , the create page , the create code page and all those kind of pages , you know , very , very important , the directory pages , registration pages and so on .

So just click on continue .

Now , here you have to select any one of this style .

Now , it is not , you know , very important to select anything because it won't affect your website in any manner .

But still , I would select , recommend you to select the second style .

So select the second one , scroll down and click on continue .

Now , here we have the content option , whether you want to install the default or the demo content .

Now , make sure you don't do anything over here .

We don't have to install or update , you know , we don't have to install any demo content .

So what we will do , we'll click on this option this time .

It says skip this step .

So click on that option this time .

OK ?

Very , very important .

Now , you can select any theme skin .

I you can select default , minimal , elegant , OK ?

It doesn't actually matter and you can change these things later on .

So I'm selecting elegant and click on continue fine .

So all these things are done .

The main quick set up is done .

You can view your website by clicking on this button .

So I'll click on this button .

Let's see how our website looks at present .

OK ?

So this is how our website is looking at present earlier , it was looking like this .

So at least it is looking much better .

Now , we have to do some more settings .

So come back over here and at the bottom , you'll see this link which says return to the wordpress dashboard , click on that link .

Ok .

So we are back on our dashboard .

Now , we get a lot of messages over here .

Now , let's cut all this message except few .

Ok , we don't want all these things over here .

Ok .

Cut this also , just leave this one .

Ok .

The Woocommerce one because we'll have , we'll again , have to set up Woocommerce .

Now , this was the quick set up for them and this will be a quick set up for Woocommerce .

The main plug in that will make our , you know , website , e commerce friendly .

OK .

So don't cut these things .

We'll need this thing .

Now , let's start creating the most important thing because the most important thing on this website is the courses itself .

OK ?

So the courses are the most important thing .

So let's open any one of these courses and let's see how to go and how to do anything further .

Let's decide what to do further .

OK ?

So this is how a single course looks like .

OK , we have this course , we have the course description and so on .

And after that , we have different sections and we have different lectures over here .

So what we'll do , we'll first create different lectures , then we'll create the course .

And after that , we'll have to create a product so that we can link the course with the product so that we can get this option of $20 you know , so that people can come and they can purchase that course , any course they want and we can earn some money .

Ok ?

So first let's start creating lectures .

So come back to your dashboard .

Now at the left hand side , you'll see this option , the LMS option , power L MS and click on all units .

Now , as you can see over here , we don't have any lectures or any units at present .

It says no pages found .

So we have to create , create a new one .

So click on add new you can also have here which you know is at the top , we have this plus new and you can select unit from here .

OK ?

So it will do the same thing .

Now , we have to give it a title first .

Let's open a single , a single lecture and see how it looks .

Click on get started with marketing .

OK ?

So this is how a single lecture looks .

OK ?

We have some text , we have a video and we also have a youtube video link over here .

This is the title of the lecture .

This is the subtitle of the lecture and this is the thumbnail which is not important .

OK ?

So first here at the top , we have to put in the title .

OK ?

So this is the title .

Get started with marketing .

Let's copy and let's create a very similar lecture like this .

OK ?

So what I'll do , I'll copy the same title and paste it over here .

Now , you don't think that this subtitle will come here , this short description and all the main content will come .

OK ?

So for example , here this is the content , what is marketing ?

So we can copy this thing , the content and we can paste it over here .

You can just type anything and you have all this option to make it bold italic if you want bulleted list , if you want more option , you can click on this button which says toggle toolbar , it will give you some more options .

OK ?

If you want to change the text color and so on , you can select this after that .

As you can see , we have a video .

So what you can do I'll do is I'll click on add media .

I'll upload a file , any video file which you want to upload the lecture file .

So what I'll do is I'll upload this file , this video and click on open as you can see it is getting uploaded .

It is around six MB .

So you can upload any video file size up to 64 MB .

OK ?

And make sure your lectures are short , like 10 , 20 minutes long so that you know , you can create short lectures and don't make one r two hour long lectures .

Now select this thing and click on insert into page .

Now as you can see the video is embedded over here .

So this will look something like this , which we have on our demo site .

So we have the content .

And after that , again , we have some text or some content .

So I'll just copy it from here and paste it below this one .

And after that , we can put in any video link as well like it has given a youtube link .

Now , what I'll do is I'll open my youtube channel and copy any one of the video link and paste it over a year .

So let's select the very latest one or maybe the most popular one how to make an e-commerce website .

So copy this link and paste it over a year .

OK .

As you can see , it has all automatically converted into an embedded video .

Fine .

Now , from the format at the right hand side , you will see this format , make sure standard is selected .

OK ?

Now scroll down , you have unit description over here .

Now what is this description unit description ?

If you scroll at the top , you'll see this thing .

Now this is what a unit description is the short description about this lecture or tagline of this lecture .

So you can paste this thing over here .

Now , what is this type of lecture or what is the type of unit ?

So this is a video unit because we have uploaded a video file as you can see over here .

So this is a video unit , whether you want to make this a free unit .

Now , basically how it works .

If you see over here , let's go to the main course page .

So that you can understand .

So this is the course main course page .

OK .

So what we do is generally we create , we make one lecture as free lecture so that anyone can watch that video and decide whether to purchase this code course or not .

So what we can do , we can make this thing free .

But we don't , we won't repeat this for all the rest of the lectures .

This is only for the introduction lecture so that user can understand about the course .

Now we have to put in the duration of the course .

For example , the video which we uploaded was 10 minutes long .

So I'll put 10 and I'll select minutes from here .

Now leave these things .

You need forum and connect assignments , just leave those and rest , everything is fine .

You don't have to put any tags or featured image , it will work without that .

OK ?

After doing all these changes , all these things just click on publish fine .

So it says uh it is done the first , we have successfully created our first lecture .

Let's view this post .

Let's see how it looks .

OK ?

So as you can see this is how it is looking , we have the video , we have this embedded video and all this course thing is over here .

Now , the design is a little bit different .

If you see over here , the title subtitle is here at the top .

OK ?

And here it is a little bit different .

OK .

So I'll show you how to change the design .

But if , if you like this design , if you think this design is better than this one , then you can just , you just , you can just keep that step .

But I'll show you how to change the design first .

Let's see , let's create one more course or one more lecture so that we have something to put in , you know , our courses because we don't want our course to just have one introduction lecture , we want something else or something more .

So just click on add new and let's open another lecture .

OK .

So I'm on my demo website right now .

And what I'll do is I'll open another lecture .

Now , I cannot open another lecture because I am not logged in .

OK ?

Now , if I want to use , if I want to see this lecture , either I have to purchase this course or I have to log in because I am the admin so I can view any lecture .

OK .

So what I'll do , I'll log in over here so that we can see the lecture .

OK .

As you can see , I have successfully logged into the demo website .

Now let me go to that course so that I can now see the next lecture and we can create a very similar lecture .

Now , now I can click on this lecture , software testing .

Now , let's create a very similar lecture like this one .

So we have this admin unit over here .

This is the title software testing .

I'll do it very fast .

So don't worry , you don't have to waste your time .

We can copy any content from here .

Paste it over here again .

We can upload a video new lecture .

So what I'll do , I'll do , I won't upload a new one .

I'll just use the same video .

Click on , insert into page , scroll down and let's give it a description .

This is a description , copy this , paste it over here type of the lecture .

It is also a video lecture and this time we will make it hide .

OK ?

So this is not a free unit and duration .

Suppose it is 25 minutes long .

So we'll put 25 rest .

Everything is fine , just click on publish , fine .

So we have successfully created two different lectures .

Now , if you see , oh here , let's go back .

And if this in the second section , we also have a quiz .

OK ?

If you open this thing , the software quiz , we also have a quiz .

Now this I have already played this quiz .

That's why it says time remaining ended .

So we can replay this quiz .

As you can see , we have created a quiz .

We have some , you know , text for the quiz and we have around 78 questions all year .

So let's create this quiz so that , you know , we can also allow the users who are creating courses on our website to create quizzes .

Now , this makes the course .

Very interesting .

And we have this quiz option on UDM as well .

So to create a quiz first , we'll have to create the questions for the quiz .

Then we'll , you know , arrange all those questions into one single quiz and we'll add that quiz in the course if you don't understand .

Don't worry , just follow me .

OK .

So we are done with the lectures now to add new questions .

You'll again see at the left hand side , we have all questions .

Click on all questions .

Now again , if you see it says no pages found , we don't have anything over here .

We'll have to create something new .

OK ?

So click on , add new again to add a new question .

You can just hop over here and click on question .

It will add a new question .

Now here you have to put it , give it a title .

OK ?

You don't have to put in the question over here .

OK ?

You just have to give it a title .

For example , we are creating a course for software development or software training .

So what I'll do , I'll just type in software .

OK ?

The spelling software training .

Question one or Q one , this Q one .

OK ?

So this will be the title .

And here you have to put in the question .

OK ?

For example , let's put a question .

Very stupid question .

What is the capital of India ?

Fine .

This has nothing to do with software training but just for sake of tutorial purposes .

Now , what type of question do you want ?

OK , multiple choice sort and fill in the blanks .

So I'll select multiple choice and click on add more .

So the first option let's put in Mumbai .

Second option may be Chennai .

Third option .

May Delhi , OK ?

This is the right answer and the fourth option .

Let's put goa OK .

So the right answer is Delhi .

Delhi is the capital of India .

So here we have to put in the correct answer , which is number three over here .

So I'll put in number three .

OK ?

You can type something for answer hint .

And uh if if it is something to be explained , then you can explain the answer over here .

OK ?

For example , if it is some question , some maths question , then you can explain it .

Like how , why , how did you arrive to that answer ?

You can explain it over here .

Once you're done , you can just scroll at the top and click on publish .

You can add a tag , it will help you to , you know , identify and sort out different type of questions .

For example , for this , you can add a tag like software or something like that .

OK ?

So as you can see one tag is added , click on publish .

OK ?

So we have successfully added one question .

Now let me quickly add another question just so that we have at least two questions in our quiz .

Now click on add new again .

Now again in the title .

I'll type in software training Q two , question two and I'll just type in question very quickly so that I don't want to show the same step again , multiple choice add more .

I'll just type in wrong over here .

So this is the wrong answer again , the wrong answer again .

Now , here I'll put in the right answer and the fourth one will be the wrong answer .

OK ?

Now , I just noticed that in the previous one , also , the third one was answer .

So what I'll do , I'll drag this thing to the first .

OK ?

Now the first one will be the right answer .

So in the correct correct answer box , I'll type in one because the first option , the one option is the right answer .

Again .

You can put in answer hint and , and answer explanation if you want , you can give a question tag if you want and click on publish .

So we have two different questions .

Now , now we can create a quiz and add these two questions over there .

So from the right hand side , you'll see all quizzes , click on all quizzes .

We don't have any quiz already .

So it's , it says no page is found .

Let's add a new quiz .

So click on add new button .

Now you can put the title over here .

Now , if you see over here , this is the title , the software quiz .

OK ?

So I'll put the same title , the software quiz .

Now , this is the thing which will show if whatever you type in over here in this main box , it will show up over here .

For example , I have some dummy text over here , check your answers depending on how the quiz is configured and so on .

So you can type these type of things over here .

What I have done is I have created a dummy file .

If you let me show you course statements , OK ?

I have given , actually , I have given a link in the video description below .

If you click on that link , you can download all the images videos and these files , whatever I have used in the download everything for free .

OK ?

So you can just go ahead and download everything for free , whatever I have used in the website in the demo website .

OK ?

Whether it be files , images , videos , audios , anything .

For example here , as you can see , you can , you'll also find this document in that link .

OK ?

Everything for free .

So we have something I have already given some dummy text .

You can just copy if you don't know what to put in over here .

If you have not decided anything , you can copy and use these things .

OK ?

Let me copy this one , checking your answers .

Let me copy and paste it over here .

Fine .

Now , quiz subtitle .

Now this is the quiz subtitle here .

It says the final software quiz for course assessment , you can put any subtitle this past it over here connected course .

Now we will not get any options because we haven't created any codes .

Now , quiz duration .

How much time do you want to give the student to solve this quiz ?

So let's say we want them to , you know , get 10 minutes so we can put 10 and we can select minutes from here , auto evaluate answer .

Do you want the system to automatically evaluate and check the answers ?

If yes , then make sure to make these things show number of extra quiz , retakes how many times a user can retake the quiz ?

So suppose if you , you want the user to retake the quiz three times , you can put three or you can just put one or zero whatever you want post quiz message after the user has finished the quiz , what message should appear .

So I have a thing for that .

Also , as you can see post quiz message , you can copy this thing if you want .

OK , your quiz has been submitted and is under evaluation , checking your answer , how to check your answer and so on .

Now let's copy this thing .

Let's paste it over here .

Add check answer , switch dynamics , which quiz you can just leave these things and at the bottom you'll see quiz questions .

Now , here we have to add the questions , click on , add more button .

Now select the file .

Now here search for the question .

For example , if you remember the question was software question one and two .

Now here it is software training question one again , click on add more if you want to add some more questions .

And let's add the second question .

Software training question two .

And you can give marks to these questions .

For example , for first question , I want to give 10 marks and 1st 2nd question , I want to give five marks .

So I can just type in five over here and 10 over here .

And you can see automatically , it will show you the total marks for the quiz , which is 15 marks fine .

Now let's scroll up .

OK ?

You can select the type of the quiz .

Now this will help you to , you know , distinguish different , for example , a few 100 of people are creating different courses , then it will help you to distinguish and you know , categorize different kind of quizzes .

For example , you can add a new type and just add in software .

OK ?

So this is the quiz or all the quizzes related to software will come under this category .

OK ?

So they'll select this type software type .

Now click on publish .

OK ?

So we have created two different lectures and one quiz .

Now we can create the course .

But before that , I want to create a product because you know what happens is if you create a course , you cannot put any price to that course .

By default , you cannot earn money from that .

For that first , we'll have to set up woocommerce because commerce allows us , you know to make our website ecommerce , OK ?

Ecommerce friendly .

So that you can user can buy something they can make a purchase and so on .

So for that first , we'll have to set up Woocommerce .

So here is the link .

That's why I said you not to skip this set up .

Click on this option which says run this setup wizard .

Now , if you don't get this option , you can just type in your domain name slash WP admin slash admin dot PHP .

Question mark page is equal to WC dash set up .

OK ?

Now this is the first option store set up .

Where is your store based ?

What is the location of your store ?

So here you have to , you know , type in this name of your state , not the name of your country .

For example , my state name is Maharashtra which is in India .

So I I have typed in Maharashtra and now you can see it says India Maharashtra .

Now here you have to type in this store address .

So I'll just type in Mumbai .

Now you can choose any currency , just click on over here and type in the name of the currency .

For example , if you want United States dollars , then you can select this one United States dollar .

Now you can select this option .

I want to , I plan to sell both physical and digital products .

Now , the product which we are selling is digital product , not physical .

So if you want to sell both kind of product .

You can select both or at least select this one digital products .

Ok .

Now , click on , let's go .

Now we have to set up paypal but don't do anything over here .

Just let , let everything as it is .

We'll see these things later on .

Click on continue .

Now here just make all these things off because we don't need any shipping options .

We are not shipping any product .

This is not any , you know , tangible product .

So click on continue fine .

Now , skip this step at the final step .

It will ask you to create a product , but we don't want to create any product right now .

Ok .

So what you can do , we can click on this link which is at the bottom , return to your dashboard .

Click on that link first , we'll complete the Woocommerce integration .

And after that , we'll also see how to create coupons , then we'll create a product fine .

So from the left hand side , you'll see we get two more options .

Now , after installing Woocommerce , we get this Woocommerce option and products option option .

So first how woocommerce and click on settings .

Now here you'll see all the options related to ecommerce .

So your stored location , your selling location , shipping , location and so on .

If you want to enable taxes , you can just take mark this one .

Ok ?

You can change the currency and so on from here .

Now , the main option that I want to go to is check out option .

So click on , check out because now we have to enable paypal so that user can pay through paypal and we can receive the payment and make sure you take mark this thing enable use of coupons because we are going to enable coupons , ok ?

Now also tick mark this thing falls secure , check out .

But if you don't have this socket , this secure socket , don't make this thing on , ok ?

Because to make this thing on , you must have this SSL certificate , OK ?

Which is this ?

So we have , but if you don't have this , if you are not using TMD , if you're using some other , other hosting company , don't make this thing on fine .

So make sure the card , page card is selected , check out page , check out is selected and click on save changes .

Now we have to enable paypal .

So click on paypal , the last option from here and tick mark enable paypal standard and enter your paypal email address here .

So I'm entering my paypal email address and you can change the title , what it should say paypal and you can also change the title descript description , ok ?

Don't tick mark any of these things just come at the bottom and now we have to enter the API user name , password and signature .

Now let me show you how you can get this .

Let's cut this thing .

Now go to paypal dot com .

First of all , now , from the left hand side , you'll see something called selling preferences , under selling tools .

Click on selling preferences .

Fine .

Now we'll get more options here .

We have API access .

And besides that , you have this update link , click on that update link .

Now go at the bottom .

You'll see .

Where is that gone ?

Ok , let me see .

Ok , this is the one NVP slash soap API integration .

The classic option , as you can see in the bracket , it says classic option .

Now we have to click on this link which says manage API credentials .

Now , once you click on this , you'll get your user name , password and signature .

I suppose you want to , you want your user name , you can just click on this show button .

It will show your user name .

You can just copy it from here and paste it under a P user name .

Then you can click on this show password , copy your password from your paste it over a year .

Then after that , you can click on show signature , copy your signature from here and paste it to here .

Click on save changes .

OK ?

So this will enable paypal .

OK ?

So we can use paypal now to make payment and to accept payment from the user .

Now , let's see how to create coupons .

So that user , we can , you know , use coupons to promote our website and the user who are creating courses on our website , they can also use coupons to promote their courses .

So to create a coupon from the left hand side , you'll see woocommerce and under woocommerce , we have coupons .

So click on coupons .

OK ?

We don't have any coupons .

So first we'll have to add one click on add coupon .

Now you can put in any coupon name .

OK ?

So this is the exact text that user has to create type to get the discount .

For example , you can type in uh like 10 off to give , to give 10% off .

Ok ?

So numeric 10 and off .

Now you can put in any description and this is optional .

For example , this code gives 10% discount , something like that .

Ok .

10% discount on any course .

Fine .

Now what kind of discount do you want to give ?

Ok , so you have to select the discount type percentage discount , fixed card discount , free fixed product discount .

So if you want to give a very specific price , a fixed price like $10 then you can select fixed product discount and if you want to give a discount , a specific discount for the card discount .

Now card discount is different .

For example , if the user has saved 10 different courses on the card and if they use this code for it to get a specific amount of discount or specific percentage of discount , then suppose a user has saved 10 different courses worth $100 each .

So that will be around 100 around $1000 .

And if you're giving 10% discount , then he will get $100 discount .

So make sure you understand these things first .

So I'm selecting this simple percentage discount and I'm putting 10% over here because the coupon says 10 off .

So basically that means it will give 10% off .

You can also set an expiry date to this coupon .

For example , let's select April 1st to make them April fools , ok ?

Allow free shipping not required because we are not shipping anything usage restrictions .

Very important .

Now , minimum spend , you have to select the minimum amount the user has to spend to get this discount .

For example , you can select $10 maximum spend .

So for example , the user will not get this discount if the amount is more than $500 something like that .

Ok ?

You can use this thing you can understand and set according to your needs .

Individual use only check this box if the coupon cannot be used in conjunction with other coupon .

Very important because you don't want user to be using 10 different coupons , one for 2020% discount , one for 10% discount and ultimately give getting the product for free .

So make make sure this thing is exclude sale products .

Yes , we don't want to exclude sale products because if we are giving sales , then we don't need , we don't want the user to get more extra discount on those sales sales product .

Now , if you want to select only specific product for discount , you can just type in the product name and you'll select that product and you can give , you know , discount only on those specific product or you can , you know , exclude specific product .

You can include specific product categories or exclude categories from here .

Now , once you're done , click on usage limit is the last option , usage limit per coupon .

Ok .

So how many times the , the coupon can be used once it expires , for example , 100 times only the 1st 100 people who use this coupon can use it .

OK ?

Limit usage to X items .

OK ?

Limit usage per user to , I'll put in just one .

OK ?

So a user can use this coupon only one time .

Now , once you're done , just click on publish .

OK ?

So we have also created a coupon .

Now , let's create a product so that we can link it with the codes .

So to create a product from the left hand side , you'll see these products , our products and click on add new .

OK ?

Now you can put in the product memo here .

Now let me show you how a product looks .

Let's come back .

This is our demo website again .

I'm saying you OK ?

So this is the course .

And if you want to see the product , let me show you product software training .

OK ?

So this is the product , the user will , when the user will add the product and when the user is going to check out , he'll see something like this .

So there is an image and as you can see in this product , this course , this software training course is affiliated .

OK ?

So once the purchase , once the user purchases this digital product , he'll get this course fine .

So this is how a course looks like .

Now this is our product looks like a product will be very , very simple , don't worry .

OK ?

So just copy this title from your past in over your short description about this course , which will show up at the bottom as you can see over here , copy this , paste it over here .

Now we can add a category for the product .

For example , over here it says product categories , you can add new category .

Suppose you can add a category called technology for this .

OK ?

Because it is technology related associated cos we haven't created any courses so we cannot associate this product with any course .

But after this , we'll create a course and we will link both the codes and products .

So don't worry and just make make sure subscription is hidden because if you make , if you make this thing show it will be owned .

And if you own the subscription thing , every month , the user will be charged us the amount whatever amount you're going to set .

OK ?

So we don't want that .

We want a single product one time , one time price .

OK ?

Now here make sure simple product is selected and also virtual is selected because this is not a regular product .

This is just a simple virtual product .

Now , what is the regular price ?

For example , it is $50 .

So we can put in $50 and we can leave everything .

That's why I said it's a real simple product .

You just have to say like simple virtual and you have to give it , give it a price tag of $50 or whatever you want .

Now let's add a product image .

So click on set product image .

Now I already have an image .

So I'll upload that again .

This image is also given in the file .

Let me first see the image .

OK ?

If you download the file , the file is given in the video description below .

Click on that link , you can download the file and in that file you'll get all the images , videos codes , CS s whatever I have used in my website , you'll get all those things for free .

So in that you'll also get this file or this folder , which is , which says images .

If you use that here , it is course image , you can select this thing , click on open .

Now we can set this image as the course image , click on set product image .

Fine .

Now click on publish with this .

We have created a product .

Now , only thing left before creating a course is a certificate .

OK ?

Rest everything is done .

OK ?

To create all the prerequisites to create a course is done except for a certificate .

So let's complete that as well .

OK ?

So to create a certificate , you can again have over LMS and click on certificate templates , we don't have any templates .

We'll have to add a new one .

So click on add new .

Now you can give it any title you want .

For example , you can give it like a , a certificate for um for software training , anything like that .

OK ?

Or you can just give it a title like template one because our course name and student's name , everything will be auto automatically generated .

I'll show you how OK .

Now , here you have to put in the main content of this certificate .

Now again , if you see if you download the file which is given in the video description below in that file , you will get a file which is called certificate layout .

If you open that I have a very simple layout for you , you can use this layout , you can just copy everything from here and paste it over here and now select everything and make it center align and let's make increase the size .

So select the first two things .

The first one is certificate awarded to and the second one is the short code for student name .

OK ?

So what it says this certificate is awarded to the student name .

Now , name of this student will automatically be generated instead of this short code .

OK ?

And if you want to get these short codes , then you can just scroll at the bottom and you'll see all those different short codes .

Ok .

Like certificate code , certificate , completion , date , certificate , student photo , and you can use these things to design a certificate fine for the successful completion of course .

And then we have the short code for a certificate course here .

The name of the course will be retyped .

Ok .

Now what I'll do , I'll select the first two and instead of paragraph , I want heading one .

So I want the first two things to be very big .

Then after that , I have these two things .

Now I'll select these and I'll select heading two , then marks .

I'll select heading three .

Let me select that heading three .

And after that , we have this certificate code .

So this can be paragraph , simple paragra paragraph .

That is fine .

Now , what I want to do is I want to add the logo at the top .

OK ?

Maybe the university logo or some logo .

So what you can do is you can click on add media and you can upload the logo , click on upload file .

Now , what I'll do if you see on the demo , on the demo website on the home page , we have a lot of logos which we have used .

We can use any one of them .

If you see at the bottom , as you can see , we have a lot of logos over here .

Let's use any one of these .

Click on select files .

OK ?

Let's upload any one of these let's select this one click on open , click on insert into post .

Now , as you can see , we have this thing over here and everything is center aligned .

Now at the bottom you have background image .

If you want to give a background image of pattern , you can select that image .

Make sure this thing is on .

This thing is set to show enable print and PDF very important .

Now we can you know , give a certificate with if you want this certificate , height and width to be very specific , you can select that .

I'm using 7 50 by 7 50 .

OK ?

You can use any size .

You can give a custom class and custom CS s to design this certificate in a much better way .

OK ?

If you want , you can do that .

Now , once you're done , click on publish with this , we have also completed and created a beautiful certificate , a very simple and beautiful certificate .

Now we can easily create our course .

So let's do that .

Let's do the most important thing of creating a course .

So again , under LMS , click on all courses and we won't have any course .

It will be empty .

As I said to you , it's all empty .

We don't have any codes , we'll have to create a new one .

So click on add new .

Now again , let's open that course .

And let's create a very similar course .

As you can see over here , the title is software training .

We can copy this title , we can paste it over here .

After that we have this thing OK ?

This is some something about the course , OK ?

The content of the course , not the content but a short description about the course .

What you will learn in this course .

What are the features of the course and so on .

You can type everything over here .

Then we have the course setting sidebar , you can select any sidebar , OK ?

Total duration of course .

For example , the course is total of maybe eight R .

Then you can put in eight and parameter .

You can select RS total number of students in course .

OK ?

So you can just leave this thing to zero or if uh suppose 10 students have already taken this course , you can put 10 over here and after that just leave all these things , just don't make any one of these on .

OK ?

But there are some options that you might consider making on like show unit content in curriculum .

OK ?

This is basically for offline course .

If you want to make this course offline , you can do so hide course button after subscription display course progress on homepage , you can make this thing on time based course progress .

You can make this thing on as well .

It's all up to you .

OK ?

Auto evaluation .

If you want to um make auto evaluation , you can make this thing on po post course review from home course home , you can make this thing on as Well , now course start date , you can set the today's date , whatever date you have on that day , maximum students allowed in course .

So you can set a maximum students if you want .

I don't think you would uh you know recommend that .

Then we have excellence batch .

You can select any badge image .

So you'll have this image by default on your computer , on your website , select this image , click on select .

So this is the excellent batch image .

Now what is the percentage required for this batch ?

For example , anyone getting at least 75 or above percentage will get this batch .

OK ?

And you can give a title to this batch .

For example , this is related to software .

Then we can give a title like software jam something like that .

OK , completion certificate .

Do you want to give certificates on completion ?

Yes .

Now we have to select the template and we have recently created a template and we have named it template one so we can select that one .

It is searching here it is template one , select this one passing percentage , we will select 40% as the passing percentage and leave all these things come at the bottom .

Come to this option which says course curriculum and first add a new section .

As you can see over here , there are two different sections , introduction and advanced computing .

Now let's first add the first section introduction .

OK ?

Here it is click on add new section and type in introduction over here and under introduction , we can add a course or we can add a lecture .

So to add a lecture , click on add unit .

Now you search for that unit or search for that lecture .

OK .

So that was I guess introduction to something like that .

No .

OK .

It was getting started with marketing .

So let's type in getting started with .

OK , here it is getting started with marketing .

Now we can add another section and let's give it a title of advanced computing and we can add a quiz in that .

OK ?

So let's click on add quiz .

And we have created a quiz that was I guess software quiz .

We have named it software quiz .

Here it is and we can drag this thing over here .

OK ?

Once you save everything , you can drag everything .

So just leave this thing for now .

If you want , you can have a prerequisite course over here .

For example , if a user can take this course only if they have taken some basic .

For example , this is required , you know , this thing will be useful when you have an advanced course different and a basic course different .

So suppose you are creating this advanced course and you have already created a basic course .

So you might require user to complete the basic course first to get this to get into this course .

OK ?

So you can also do that number of retakes a user can take on the course , you can set this to anything .

For example , one or two , it's all up to you .

You can set this to zero to make it disabled .

Now , if you want to give an instruction to the user to the student , you can have it over here and you can also have a message after course completion .

So I have a simple thing for this course completion message .

You can just copy this OK ?

It's still here , copy it , paste it over here fine .

If you want to make this course free , you can select this thing , you can make it free , but I don't want to make it free .

If you , if you want to make this first section free , you can select .

Yes .

OK .

I don't want any to do anything .

Now we have to associate this course with the product .

So we have successfully on recently created a product .

We have to search for that product that was software training .

So search for software training , you'll get this product OK ?

And after that , everything is fine .

Let's see some more option .

Come at the top , at the right hand side , you have this featured image , click on set , featured image , let's select this image course , image set , featured image OK .

Course category .

You can again give it a category .

Anything you want like technology add new category and click on publish .

OK .

So with this , we have created our first course .

Let's see how it looks .

Let's view this post leave view this course in a new tab , open this link in a new tab .

Oh , yeah .

So this is how it looks as you can see $50 .

Uh The title is all these things .

And if you have the curriculum or year when you click on curriculum , we have introduction , advanced computing and so on .

But again , if you see , and if you notice that design is quite different from the demo website .

So let's fix that to do so , come back to your dashboard and click on customize button if you don't see customize option , power appearances and click on , customize the second option .

Now , here we have to change the header style .

OK ?

As you can see the header style over here is different .

So first let's change the header go to header instead of header style , default , select transparent and log in style .

Select anything you want .

I'm selecting full screen , OK ?

And click on publish .

Now again , come back and we have layouts .

OK ?

So we have different layouts like the layout directly layout in the directory layout , select the second one in the profile layout .

Also select the second one group layout also second one and in the course layout , which is this one , we have to change this one again , select this second one .

OK ?

You have different layouts .

You can select any one of these , you can select one you can publish and you can see the changes then you can select next one layout and you can see whatever you like the best .

You can select that one .

I'm selecting all those things which I have selected in the demo website .

Ok .

So in the course layout , I have selected this second one , select that click on publish .

Now , let's refresh this page and let's see how it looks .

So as you can see now , it looks exactly the same , exactly , same like the demo website as you can see over here , same website .

The only difference which I see at present is that we don't have the curriculum shown over here .

Ok .

In the demo website , you after the content you have the curriculum shown over here , but we don't have it over here .

So after this , we have to do that .

So once you do , you can just exit out now to show curriculum over here to show our lectures over here like we have on UDE .

What you can do is you can go to your dashboard and from the left hand side , you'll see WPL , MS how WPL MS and select course manager .

Now make sure you have this course status page selected in this , take this course page section and edit course page is selected in the connect edit copa section .

OK .

After that , maintain accurate student count , yes , tabs style course layout .

Make this thing .

Yes .

Now after you do this thing , uh yes , it will change the design from here .

Ok .

The civil right click if you want , you can select that course status templates , full screen admin approval .

For course , yes , require approval because we don't want anyone , you know , uploading anything and just getting approved .

We what we want , whatever they upload , whatever they upload on the website .

First , we want to check whether that is legit and after that , we can approve that .

Ok , you have some more options , you can select these things .

You can , you know , see these options , whatever you like .

But I have these options were important .

After that , you can see all these options come at the bottom .

Now we have default codes , block style , select the third one .

This is this style which I have selected .

Now after that , we have show related courses at the end of single course .

Yes , because here if you see at the end , we have these related courses , select , make this thing .

Yes , and click on save changes .

Now come back to your website refresh and we should see the changes .

Now , as you can see , we have our curriculum over here and we don't have any related course because we have only one course .

That's why we don't see anything at the bottom , but we are successfully done creating the course and changing the design similar to the uh the demo website .

Now , the most important thing is done , which is creating the course and how you can create a course or something .

Now after this , we'll have to start creating our website and designing our website .

For example , if you go to your home page , let's see how it looks .

OK ?

As you can see this is how it looks , but we have to change this and we have uh and make it something like the demo website .

Let's see the home page for the demo website .

OK ?

We have to make it something amazing like this .

So let's start doing this .

But before this , I need some rest .

But don't worry , you guys won't be disappointed because you'll see a continue video .

OK ?

I need some rest after that .

I'll continue .

Welcome back guys .

Now , let's start creating the home page .

So as you can see at the top , we have this section , this is actually a slider .

So we have created this using this slider revolution .

So let's first create this section .

So to do so come back to your dashboard and at the left hand side at the bottom , you'll see something called slider revolution .

Click on that fine .

So first we'll have to create a new slider .

So click on this button which says new slider .

OK ?

So as you can see the first it is content source , so you can select different type of slider .

I would recommend you .

In fact , you have to select this one .

The first one which is default slider .

The second one is just to give a title so we can give it any title .

For example , let's name it slider one .

OK ?

You also slider one fine .

After that , we have to select the type of slider , standard slider heroine or Carousel .

So this is a standard slider which we have created over here .

So we'll select standard slider from here , then we have the layout .

So this is not the auto layout , it is a full width layout .

As you can see this is a full width slider .

After that , we have to select the dimension .

Now , as you can see , it is not a very big slider in terms of height , OK ?

As you can see , the height is not full width , it is not till the bottom .

It is just still over here .

So we'll have to decrease the height .

The default height is 8 68 .

Let's make it 600 ok ?

As you can see now it it fits better .

Now this is the height for laptop .

So if you want , you can have this height or if you want to change , you can just make this on and let's change this to 500 then this is the height for a tablet .

You just have to change the height , not this width , width will be automatic , ok ?

Now let's make it 400 and for mobile , let's make it 300 ok ?

So this is looking much better rest , everything is fine .

This is the only setting that we have to do .

Just click on .

Save setting over here .

OK ?

Once you do so you will get this page where we have to edit the slider .

So let's start editing it first , you'll see there is an image in the background .

So let's add that image .

So we'll have to add a background image .

So at the top in the main background section , select the first one and click on media library to upload a file , click on upload files , select files and let's select this file .

OK ?

So you can download all these images for free .

There is a link given in the video description below .

You can click on that link and you can download everything all the files that I have used in the demo website .

So you should see something like this .

Now there is a folder called slider , open that folder and you'll find this image or your main banner , select this image , click on open .

OK ?

So now click on insert now you should see something like this .

Now we have a background image .

Now we have to add some text on that image .

So let's do that .

Now how about this or click on this add layer after that , you have to select the type of layer .

So we want to add a text .

So select text and just enter the title .

For example , here it is looking for some thing .

So let's type that now we have to adjust the size and all those things .

First thing that we have to do is adjust the font .

So font that I have used over here is railway .

So here you can select any font you want .

So I'll click on over here and I'll type in railway Raleway .

This is the font .

Ok .

This font is loading .

Now , as you can see the font is changed .

Now , we can also change the font size , line height , fond width and all these things .

So let's select the font size of 50 pixels and line height also of 50 pixels .

And we'll make it bolder .

So we'll select the font weight of 800 .

OK ?

So it 50 pixels height , 50 pixels size and 800 for fond weight .

So this is looking awesome .

OK ?

You can place it anywhere you want by using your cursor .

If you want this thing to stay in the middle , then you can click on this button , align center and it will stay at the center .

This is very useful .

Now , let's see what we have next .

Again , we have some simple text over here .

It is quite smaller , but we'll use the same technique .

It says using wordpress powered search .

So let's add that again .

Click on add layer text or html and let's type that it says using wordpress powered search .

So here it is , here is our text .

Let's put it over here .

Let's make it center aligned first .

Now we'll have to change some setting first .

We want the same font which is railway .

So I'll search for railway over here .

Now , if you see over here , this font is quite smaller .

The weight is also quite less and it has some gap .

OK ?

Font gap between the text .

So let's add that let's decrease the size to 13 pixels and let's keep the line height to maybe 20 pixels and also decrease or maybe increase the font weight to 500 .

Now , this looks really weird .

So we'll have to add some spacing between the letters .

So here you'll see letter spacing .

Now here , just put in five pixels , OK ?

Now , this looks much better .

Now you can adjust this text anywhere you want and just to make it center click on this button .

Now this will stay in the center of this slider .

Now it's time to add this form .

So again , come back over here and we'll use the same layer text or html because it says you can use text and you can also use html .

So select that .

And instead of this , we have to paste in some code over here .

So if you see the file , which you get in the video description below , you'll see a file which is , which says CS S and when you open this file , you , it will look something like this .

So first you'll have to copy this code , OK ?

The first line of code copy till the end , OK ?

Now come back over here and paste in the code over here .

OK ?

So you'll get this form like this .

Now you have to place it anywhere you want .

For example , let's keep everything a bit down and let's make everything centerline .

So select this , click on that , select this one , click on this fine .

So this is looking better .

Now , after doing this first , let's save the settings so that you don't miss any settings .

So we are done creating the main thing .

Now it's time to add some animation and add some animation timing .

So if you see , oh , here there is some timing .

For example , first the background comes then after one second , this title comes , you know what I'm talking about , you know , you have animation first .

This title comes , then this thing comes and it has some animation like fade or scrawl or something like that .

OK ?

So let's do that first .

We'll set the timing .

So first , what do you want to come ?

So first we want this title to come .

OK ?

Now we have to decide the timing .

Here .

It is the title one at the bottom .

So what I'll do , I'll select this and click on this edit button and frame start .

When do you want this frame to start ?

So I want this frame to start at one second .

So I'll type in 1000 milliseconds and what should be the duration of the animation .

So I want the duration to be 1.5 seconds .

So I'll type in 1500 milliseconds and I'll click on this tick mark button .

Now , after that , when it ends , what should be the animation .

So again , the timing , you can decide , you can again , however here and click on this edit button .

OK .

Now duration , you can select one second , so 1000 milliseconds .

Now the second thing , which is this one using wordpress powered search .

Now we have to select this and we have to decide the timing .

So again , I'll have over here and click on this edit button .

Now , I want this one to start a little bit late .

So I'll select 1500 milliseconds , which is 1.5 seconds and durations should be same 1.5 seconds .

So again , 1500 milliseconds and end time will be same , which is one second .

Now , if you're not able to see properly , I would suggest you to watch this video in full HD because I always upload my videos in 10 80 P .

So I would recommend you to watch this video in 10 80 P and full screen so that you can see all the details .

Now , the form , so select this form .

Now this is the last one , the form one .

So what I'll do , I'll in how here and click on edit .

So I want this form to come at the end .

So I'll select two seconds .

OK ?

So I want this form to appear at two seconds and I want the duration , the animation duration to be 1.5 seconds and time will be same one second .

Fine .

Now click on this tick mark button .

So you if you want , you can have a , you know , just a simple demo , you can click on this play button as you can see .

OK , let us see again as you can see first the title comes , then this subtitle comes , then we have the form .

Let's again see , OK ?

For the title , the subtitle and this one comes OK .

So this is working now we can change the animation if you want , you can see it again .

OK ?

Title subtitle .

Then the form fine .

Now we have to change the animation by default , everything is applied to fade , you can change the animation .

So suppose you want to change the animation for this title , you can select this title and here at the top you'll see animation click on animation .

As I said , you by default fade in is selected now you can change this .

Now there are so many different things .

For example , let's select this one pop up smooth .

Now , as you can see the animation is totally changed .

Now , this is how it looks .

Now if you want to change the animation for subtitle as well , now you can select subtitle again , go to animation and change this to anything you want .

So let me select this time .

OK ?

Let her fly from bottom .

Let's select this one .

OK ?

So this is how the animation is so you can set any animation to all these things .

I think this is enough .

Now , we can just click on save slide .

So we have successfully created this section .

OK .

We'll see how to use this section because we have just created it .

We haven't pasted it anywhere .

Now , what I'll do instead of starting to create the home page first , I'll create this section as well because this is also a slider .

This is also created using a slider revolution this section .

So let's also make this section .

OK ?

So again , what we'll do , we'll click on add slider all sliders .

Now again , we'll click on add new slider again , make sure default slider is selected over here and you can give it any title .

OK ?

So let's give it a title of slider two , let's type in slider two over here here .

Also slider two .

Now standard slider slider layout , again , full width slider .

Now here , if you see this is much smaller than this one .

So this one was 600 pixels in height .

So let's change this height and let's decrease the height for this one .

So maybe I'll select 500 that would be better and everything is automatically adjusted .

But again , if you want to make some changes , you can just make it on and change the size or the height or with whatever you want to make whatever you want to make some changes , you can do that easily fine .

Now let's click on save slide and let's start creating this slider as well .

So here also we have a very similar setting .

We have an image in the background .

We have a title subtitle and a call to action button .

So here we'll see how to add this button and how to link this and how to change the color of this text .

So let's do that come back to this dashboard .

Again , the first step is to set a background image .

So click on Ohio , click on media library , upload files , select files .

And this time we'll have to select this one .

So select this , click on open , click on insert , scroll down .

Now , as you can see we have this thing over here .

Now , the first thing that we'll have to add is this one starting online learning .

Let's add this text .

So again , click on add layer text .

Let's type in starting online learning .

Fine , click on .

OK .

Now we'll have to change the font family this time , I'll select Roboto , which is a very good font .

Now , again , the size of the font and height will have to change .

So if you see in the demo website , this font is quite smaller and the next fond , the subtitle is quite bigger .

So first we'll have to set this one .

So it is , let's set this to 15 pixels , font size and 20 pixels font height and let's make it more bolder .

So let's select 700 .

OK .

This is looking much better .

Bring it over here and make it center align .

Now , let's change the color of this font .

So here we have the color , select this and you can select any color and you can play around with this color .

So let me make this something like this light blue .

Click on .

OK .

So we have a beautiful color to this font .

Now , we can adjust it anywhere you want .

Now , the next font is this one , enhance your skills with best online courses .

So let's add this as well .

Click on add layer text or html and let's type in whatever we had over there .

And hence , what is that enhance your skills with best ?

OK .

OK .

So I'll keep only this much because here if you see online courses is written on another line .

So we'll see how to do that first .

We will type only this section and we'll click on .

OK ?

Now again , let's change the font family and this time we'll select Roboto Slab .

OK ?

This is another font .

This is not Roboto , this is Roboto Slab .

So select that one and let's increase this font height to maybe 50 pixels and this to 55 pixels .

OK ?

And it is fine .

400 is fine .

Let's bring it over here .

OK ?

If you want , you can change this color to black or anything you want .

OK ?

Let's see .

OK .

You can change this to black or you can change this to yellow , whatever color you like , you can change that to that color fine .

So we have this thing over here .

Let's make it center align as well .

So click on this one .

Now , after that , we have this beautiful call to action button .

Let's add that .

So for that , I'll again , click on add Leo and this time I'll select button .

Now if you see over here , the background color is transparent , OK ?

We have a transparent background color .

The text color is white and we have a very thin border white color border .

So let's do that first , the background color is transparent to .

So if you want to make this transparent , just decrease the opacity to zero .

OK ?

You can either do like this or you can just set this opacity over here to 0% .

OK ?

Both the way we do once you do .

So click on , OK ?

Now you can see the this all this demo over here .

This is how it will look .

Now the color is white , which is fine .

After that , we have border .

Yes , we have a border but the border color is white .

As you can see here , the border color is white and OK , let's make it .

Yes and let's select a border with .

So let's select one pixel over here .

Fine .

Now how state what should happen when we hover here .

So as you can see when we hover this button , the background color becomes white and the color of the text becomes black .

So let's do that .

So background , color white , OK ?

Color of the text black .

OK ?

And we don't have any border as such .

So that's fine .

And the text over here is all courses .

So let's add this text , click on this text and let's type all courses fine .

OK .

Once you do so you can select any button from here .

So I think this is the perfect button .

So click on this button .

Now you'll have this button over here .

Now , as you can see , this is exactly the same .

We have white color , white background .

When we hover this , it becomes white , color and the background becomes white and the color becomes black .

Now again , you can set the timing in the same way .

Suppose you want to set the timing for this one , you can select this , you can edit it from here .

Suppose you want to start it at one second .

So we'll type in 1000 milliseconds and the duration , how long the animation should go on ?

So I'll select 1.5 seconds .

So I'll type in 1500 milliseconds .

Click on .

OK .

Now , for this one , this text , I'll select this , click on edit and this time I'll select all the same .

OK ?

So let's do it same then the button fine .

I , I want this button to come a bit late .

So I'll select 1500 instead of 1000 duration will be same 1500 .

OK .

Now let's see a quick demo as you can see over here , this is how it looks .

If you want to change any animation , you can click on that thing , go to animation and you can change the animation to anything you want .

For example , slide from right ?

So as you can see now it is sliding from right ?

So you can change the animation , you can change everything .

This is really , really easy .

Once you are doing all these settings , just go at the top and click on save slide .

OK , guys .

So with this , we have completed both the slides .

Now we can use them on our home page .

So first we'll have to create one home page , one page and name it home page because we haven't created any page yet .

So from the left hand side , you'll see something called pages , click on pages or you can hover on pages and click on add new fine .

Now we can give it any title .

So what I'll do , I'll type in home page .

OK .

Let's give it a title of home page and let's click on publish .

OK .

So we are publishing this page .

Now , let's see how this page looks like .

So you have this view page link over here , you can open this link in a new tab .

OK ?

So this is how it is looking very simple .

Now , if you see there is one problem over here , we have this thing which says our website name slash homepage , but we don't want it like this in the demo website .

As you can see , it does not say slash homepage .

It is just the website name .

Ok ?

So we'll have to remove this .

Now , let me show you how to do that .

This , this is basically because , you know , we have created a simple page and we have named it home page .

So we have just named it home page like we can name it anything , but we have not set this page as our home page .

So let's do that .

So come back to your dashboard at the left hand side , you'll see something called settings , how settings and click on general .

OK ?

So this is not under general settings .

It is , I think under reading .

So under settings you'll click on reading and here it is by default , it is set to your latest post .

Now you'll have to select a static page because we want a different custom page to be set as the home page .

Now , under home page here it is under home page , select this and select the page which we have just created .

Here .

It is home page .

OK .

Now you can just click on save changes .

Now , come back to this page and let's refresh and this this thing should be gone , but we still should be on this page .

Ok ?

Let's see .

Let's refresh this page .

OK ?

So that thing is gone .

But we are still on our home page and we don't want this thing as well as you can see , we want a very simple page .

We don't want these things or your homepage to be written because here or your no home page or anything is written .

Ok .

So for that , we'll see how to do that .

Let's cut this thing first and here at the top you'll see edit page .

Let's open this in a new tab so that we can edit this page in the background .

OK ?

So this is what the edit phase looks like .

Now that is happening , this thing is happening because there is a template that is running .

This is the default template .

Now we want a template which is called no title because we don't want to show the title on this page .

So come back over here and at the right hand side , you'll see something called page attributes under that .

There is something called template under template .

You'll see different kind of templates .

Now , the one which we have to select is no title .

So select this one and click on update .

Come back to your website , let's refresh and see the changes .

Now as you can see everything is blank .

Now we can easily create whatever we want to do .

OK ?

So come back over here .

Now , there is a very beautiful way of creating website nowadays that is called page builder .

So we are using a page builder called Visual Builder .

It is automatically installed on your website .

So you don't have to do anything .

It is a premium plug in , but you're getting it for free with this theme .

OK ?

So to use that page window , you'll have to click on this button which says back and editor .

OK ?

So once you click on this , you'll get some options .

You can just minimize this page settings .

Just click on over here and here is this section where we have to do everything .

OK ?

We have to add everything .

So first we want to add this thing , this slider which we created recently .

So to do so click on add element now that was slider revolution .

So here we can search for something for slider revolution and here it is revolution slider .

Click on this .

Now we have to select this slider .

So we have created two .

Now we have to select the first one that was slider .

One click on save changes .

Now click on update , come back to your website and let's refresh this page and let's see what happens .

OK , guys .

So as you can see this is how it is now it is almost good , but we are missing a few things over here .

First , this thing is not working properly .

This search bar is working but it is not looking good .

And that is because we did not put any custom CSS .

Now you don't have to type any CS si have everything ready for you .

And the second thing as you can see , we have some gap at the top .

Now we'll have to remove that gap .

So let's do both the things first , let's remove the gap .

So to remove the gap , what do you have to do ?

You have to click on this pencil icon , which , which is the edit row .

Click on that .

Now , go to design options .

Now , here we have to remove some margin .

You can add some margin , you can add some padding .

Now , if you don't know what is a margin , what is a padding ?

Don't worry , we'll see that things later on .

First , we'll have to add some margin .

In fact , we'll have to remove some margin .

So if you want to add some gap at the top , we add some something like 100 pixels , 150 pixels , 10 pixels .

But here we don't have to add it .

We have to remove this space .

So to remove it , we just add a minus sign .

So instead of 100 pixels , we'll type 150 minus 100 pixels .

And here I'll type in minus 150 .

OK .

So the top margin here , as you can see in the top margin , I have typed in minus 1 50 let's click on save changes , click on update .

Let's come back to this page and refresh .

Now , as you can see that problem is successfully solved .

Now , we have a very beautiful page .

Now let's solve this problem .

So again , come back to your dashboard .

Now scroll down and again , click on slider revolution here it is .

Now in that file which I just showed you from where you copied this code .

And below that code , there is something called code for styling .

Now under that code for styling , select everything that is under it and copy it from here .

Now select this one the first slider that we created .

Click on this pencil button , OK ?

You'll see your slider over here .

Now click on slider settings and go at the bottom .

OK ?

First click on slider settings from your now go at the bottom .

OK ?

Here we have custom CS S now you have to paste everything over here , paste everything that you copied from this document .

All these things under code for styling and click on save settings , come back to your website and refresh this page .

Now everything should be fine .

OK ?

So animation is working and this thing is also working perfectly .

Now we have this thing and it is still really looking beautiful .

So the first section is complete .

Now we can get rid of this page .

Now again , click on open this edit page link in a new tab .

Now again , come back to your dashboard and now it's time to create this section .

The second section .

So let's do that .

Come back over here and click on this plus button .

It will add a new element , click on add element .

And first at the top , we have some simple text .

So there are two ways of adding text .

First , we'll see one by one .

First , we'll see the first way .

And next time when something like this comes , we'll see the second way of adding text .

So first , let's add a simple text block .

Here it is .

If you don't find this , just search for text block , you'll find it over here .

This is the one OK ?

Here it is your text block .

A simple text .

Now you can just copy everything from here .

OK ?

And paste it over here .

So we have copied and pasted it over here .

Now , if you see , oh here everything is center aligned .

So let's make it center align .

So select everything and select this button .

It will make everything center align and there is some gap at top and bottom .

In fact , we forgot to put some gap at top and bottom .

So we'll see how to do that .

First click on save changes .

Now let's add some gap at top and bottom .

So we want to add some gap at top and bottom of this text .

So what we'll do , we'll select this section .

Will you click on this edit button ?

Go to design options and here we have to add some padding .

You can add some padding and margin .

Both will do the work , but I'll add padding .

I'll add 50 pixels , top and 50 pixels , bottom padding , you can increase or decrease this number according to your choice .

Now click on save changes .

Now this will add some gap at top and bottom .

Now let's add these images .

So again , click on this add button .

Now search for image and select single image because we want a single image .

So select single image .

Now we have to select an image from media library .

So I click on add new image , upload files , select files .

OK ?

Now let's see here .

We have banner one .

Let's select this one .

Click on open , you'll find all these images for free in the video description below .

Just click on that link and you can download everything .

Now click on set image .

Now after that you'll see image size .

Now by default , it is set to thumbnail but we want the full size .

So just type in full over there .

OK ?

Now image placement center image style , we don't want any style on click action .

What should happen when someone clicks on this image ?

So if you want , you can link it to a larger image or you can link it to a custom link .

So you can just type in open custom link and you can type in the link which you want to open .

OK ?

I'll type in hashtag over here .

OK ?

So if you want this link to open in same window , you can select same window if you want this link to open in a new window .

You can select new window .

Ok .

Rest everything is fine .

Click on save changes .

Now , if you see , oh , here we have four different images .

So what we'll have to do , we'll have to add four different columns .

Now , adding and making that is really , really easy .

What we can do , we can select we can have over here and we'll get all these options .

So this is the four column option one by four plus one by four plus one by four plus one by four .

Select this one .

Now , as you can see , we have four different columns .

Now again , you have to repeat the same step .

But there is one simple technique .

What you can do .

You can how this thing and click on this button , it will clone or duplicate this image .

We'll do it for times and we'll drag everything from this side to all the columns .

Now , we don't have to type in again , full size image and center align and all those things .

It will save a lot of time .

Now , the only thing that we have to do , we have to change the image .

So let's do that .

Click on the pencil icon again , remove this image and let's add a new one .

Click on upload files , select files .

Let's select this one , open set image safe changes .

I did the third one .

Remove this image .

Click on add new upload files .

Let's select this file .

Click on open set image save changes and let's add the last one fine .

Now again , remove this one click on add new image upload files , select files and the last one banner four click on open set image save changes .

Now we can update this page and let's refresh this page and see what happens .

OK ?

So as you can see this is how it is looking , I think this is looking nice .

But the only problem I think over here is that we don't have any gap at the bottom .

OK .

So we need to add some gap below these images so that we have a nice amount of gap over here .

Now we'll do that thing easily .

And after that , we'll have to add this slider .

So let's do that come back over here .

First , we'll have to add some gap below these images .

So I'll click on this pencil icon , go to design options and click on padding and let's add maybe 30 pixels bottom padding .

We don't want any top padding .

We don't want any gap at the top because there is a nice amount of gap over here .

So I'll just type in 30 in the bottom and click on save changes .

And after that , we'll have to add this slider .

So that is really easy .

Click on add development , search for slider , revolution or revolution slider , select this one .

Now this time we'll have to add slider to click on save changes .

Let's again , update this page come back over here , refresh and everything should be fine .

OK ?

So we have a nice amount of gap at the bottom .

And this slider is also showing over here , we have the button text and everything over here .

Now , after this , we have to add this one , this simple text .

This is just some simple text , you can easily do it .

And after that , we'll see how to add and make , make these courses .

We , we have already seen how to make these courses .

We'll see how to add them and how to change the design and display it on the home page .

OK ?

So come back to this page , click on add new element .

And again , we'll select text block .

Now , let's copy this simple text from here so that we don't have to type anything .

We'll just copy and paste it over here , click on save changes .

Now again , here we have three different columns .

So again , I'll have over here and this time I'll select one by three plus one by three plus one by three .

It will add three different columns .

OK ?

So we have one column , two and three .

Now , in the second column , again , we want simple text block .

So I'll click on add element , text block and I'll copy this dummy text from here .

This is just some simple dummy text , copy it and paste it over here .

Click on save changes .

And in the third section or in the third column I'll add this text .

So you don't have to copy and paste all these dummy text .

You'll have to put in something about your company about your clients or something like that , that will really help you .

OK ?

So click on this add button text block and let's add all this dummy text to you .

Click on save changes .

Now again , if you see there is a nice amount of gap at top and bottom .

So let's add that click on this pencil icon , go to design options and let's add maybe 50 pixels , top and bottom .

So just type in 50 padding , top 50 padding .

Bottom , click on save changes .

Fine .

After that .

After that , we'll see what happens .

First , let's update the page come by quo let's refresh the page and see what happens .

Let's scroll down .

So we have all the three columns and it is really looking nice .

So it is working now it's time to add this text .

And this time we will not use text block .

We'll use something else or maybe this time also , I'll use text block .

But when we create about us and all these pages , I'll use something different .

But now let's add text block .

OK .

Let's use the same thing .

So you can copy this text from here , come back to this page .

Now , as you can see , it is really easy creating a website using a page builder .

That's why a page builder is really highly recommended .

Now again , click on add element and again select text block and paste in the text or you can just type in any text you want .

So I'll just paste it over here .

I'll select everything and I'll make it center aligned because here it is center aligned and click on save changes .

Now , I want to give some , you know , spacing at top and bottom .

So I'll again , click on this pencil button , go to design options and maybe I'll add 20 pixels , top and bottom .

So I'll just add 20 at top padding and 20 at bottom padding and click on save changes .

Now , after that , I have this thing , all the courses displaying over here .

So I'll click on this add button .

OK ?

Then after that , I'll search for , let me see , go to this section called Vibe Builder and we have Vibe grid .

So you can also search from here .

You can just type in wipe grid , vibe , wipe grid , you'll see it over here .

Click on this .

OK .

So do you want to display any title ?

I will select no select type of the what , what is the post tab that you want to display ?

So we want to display courses over here .

So we'll select courses .

If you want to display only quiz certificates , events or anything , you can select , I'm selecting only courses .

So I select courses , which courses do you want to show or display on the home page .

So you can select anyone , for example , we can select the courses which has most students or featured course , highly rated courses and so on .

So I'll just select the recently published one and we have some more option .

Now here we have to select the style of the course .

OK ?

So as I said to you earlier , so this is this style and this style is the fourth one .

OK ?

This one , this is this style which is there or here .

So if you want this exact same style , you can select the fourth one .

Now , what I would recommend you is you can just click on everything and you can see how this different style looks and whatever you like , you select this one .

I like this one , the fourth style .

That's why I'm selecting this one .

Now , scroll down here .

We have grid missionary layout , one column in full width .

Now I want to show four columns .

OK ?

As you can see , I have 1234 columns .

So I'll select four columns in full width and rest .

Everything is fine .

Just click on save changes , click on update and hopefully everything should be fine .

Come back to your website , refresh this page .

Let's see what happens .

OK ?

So this section is looking really beautiful .

We are displaying or it is displaying only one course because we have created just one simple course .

That's why we are not able to see many different courses .

When we create more courses , we'll see all those things over here .

We have created only one .

That's why we are seeing only one .

Now , let's see how to do what we have next .

We have this section now .

So let's add this simple images .

Way again .

Come back , we click on add new again .

Search for single image here it is click on single image media library , click on add new image , upload files , select files and let me select all the files at once .

OK ?

You can just press control and select all the files and click on open .

OK ?

All the files , all all the images are getting installed .

So let's select one by one .

Let's select the first one .

Click on set image .

OK .

After that image size , I will again type in full , full size then alignment center and rest .

Everything is fine .

Click on save changes .

Now we want around four or six different columns .

So I'll select six columns .

This is the one and I copy this image six times or five times and drag all the images over here in different columns .

And now I just have to change the image .

So I'll click on this edit button .

Remove this image , click on add new , select this one , click on set image , save changes , select the third one , edit it , change the image , click on add new .

Let's select this one set image save changes , edit the fourth one .

Remove the existing image , click on add new and let's add this click on save , save changes .

Fifth one , remove this one , click on add new , select this click on set image , click on save changes .

OK ?

Now click on update , come back to this page and refresh this .

Let's see what happens .

Now let's see how it looks .

OK , guys .

So this is how it is looking and this is looking nice .

I think the only thing which we are missing is some gap .

So let's add some gap at top at top of this section , this image section rest everything is fine .

So again , come at the bottom , click on this pencil button , go to design and let's add maybe 20 pixels .

Stop adding , click on see changes again , update this page , refresh it and I think it should work .

Let's see what happens .

OK , guys .

So we have a decent amount of gap over here .

So this is working fine .

OK ?

So we have successfully completed the home page very , very easily .

I hope you guys enjoyed this .

Now , let's create a new page , which is the About Us page .

Let's see how it looks .

Click on this page about .

OK ?

So this is how it looks .

Let's create this one .

So first we'll have to create a new page .

So again , come to come back to your dashboard and click on add new page .

So you can click on this button or you can have our pages and click on add new , both the things will do .

Now , let's give it a title of about us .

So let's type in about us again .

We'll select the same template which is no title .

Now , click on back and editor .

So first we have this section , this beautiful section , let's do .

And let's see how to make this one .

We have a background image and this really looks nice .

We have a title subtitle and a call to action button .

Now this time we'll use something different and we don't , we won't use text block to create text .

We'll use something different .

Let's see what we'll use .

So come back where you click on add element first , we'll let's search for heading and this is the one in which we have to use custom heading .

OK ?

So text source will be custom text and the first text is get started with .

So you can copy it from here or you can just type in any text you want , get started with element tag .

So I'll select H two text align center .

As you can see it is centered font size .

I won't put anything over here because I have already selected H two .

But if you want to make it smaller because you can do so we'll do that with this text .

OK ?

But for this H two is fine and color , let's make it white .

So let's select white color from .

You use the default family .

Yes , we want to do that .

Now everything is looking fine .

Click on save changes .

Now again , click on this plus button to add a new custom heading and again , search for custom heading .

This is the one .

Now , this time , let's type in online education again , custom text and let's type the text , online education .

And this time I'll select H one because H one is bigger than H two .

Now again , central line font size .

Uh I'll put in six rem OK .

This is a custom font size .

You can put in 100 pixels , 50 pixels , whatever you like text color .

I'll put in white color after that font family , open senses , OK ?

I'll select open sense from here .

A fond weight .

I'll select maybe bold 800 bold regular .

OK ?

Because this is quite bolder text .

So I'll select 800 bold regular .

Now click on save changes again .

And after that , we have a beautiful button as you can see over here .

So let's add this button now again , click on this add new button .

Now search for button over here .

Now we have to select this one .

OK ?

Simple button , go button .

Click on this .

Now , what do you want the text on the button ?

So here it says get started now .

So I'll type the same thing .

Get started now .

OK ?

You can link this button to anything you want .

So I'll just put a hashtag in the URL .

I don't want to link it to anything .

Now , click on set link after that style .

So modern style , classic style , there are many different style of button .

But here , the one which we have used is a simple button .

So that is a flat button .

So I'm using flat .

Now , there are many beautiful types like modern and 3D .

You can use them as well .

I'm using the simple flat button and shape .

I don't want rounded shape .

I want a simple square button color .

I am selecting blue because here I have selected blue .

You can select any beautiful color , any beautiful shape .

I'm just trying to make it exactly like the demo website , but you don't have to do that .

You have to see what looks much beautiful according to you and just do whatever you find beautiful .

OK ?

Now size normal , you just find alignment center .

After that .

If you , if you want , you can use some icons .

Rest , everything is fine .

Click on save changes .

Now you can see a preview of this button .

This is how it will look .

Now again , what we'll do is we'll add or maybe we'll remove the gap .

So again , we'll do minus 150 over here .

Click on save changes like we did in the home page because we have to remove the gap at the top .

And if you see there is a background image to this entire section and we have a nice amount of gap at top and bottom of this content .

So let's do that .

Click on this pencil button to edit this row .

Now , row stretch , we want to make it stretch row so that we make it full width after that , go to design options .

OK ?

Now we'll have to add some padding .

OK ?

As you can see , there is a nice amount of gap over here and at the bottom .

So let's add maybe 100 top padding and 100 bottom padding that should do and we want a background image .

So here you can select the background image , click on this add new , go to upload files , select files and go to slider .

I guess .

Now let's see where we have that image slider .

No , we don't have that in the slider .

OK ?

This is the one parallax BG .

Select this click on open now again , click on set image , save image and click on publish .

Let's cut this page because we are done with the home page .

Now let's open this page in a new tab .

So you can open this link which says view page in a new tab .

Let's see how this page is looking .

OK ?

So this is looking nice , very , very beautiful .

Now , the only thing which I think is left is we need some more gap at top and bottom .

Like here we have a nice amount of gap at top and bottom .

So it was I guess 100 .

So let's make it maybe 200 or you can increase this .

Let's make it 2 50 pixels , top and bottom , really nice amount of gap .

So I'm making 250 pixels , top and bottom padding .

Click on save changes , click on update and now we'll have a nice amount of gap at both top and bottom .

Let's refresh .

OK .

As you can see now , it is really looking amazing .

So we are done with the first section .

Now , let's see how the second section looks .

So this is how this second section looks .

We have a background color .

Now , this time instead of background image , we'll use background color , which is black and we'll see how to use these different icons and all this animation and so on .

So let's do that .

Come back to this page , click on this plus button to add a new element .

And first we'll add I can so search for ICA .

OK ?

This is the one because this is a simple icon .

There are hundreds of icons you can use or maybe not I can let , let me show you an easier way of using I can .

So let me delete this , let me delete this as well and click on plus button and let's add a text block .

OK ?

So I'm just showing you how to add I can in a different way .

Let's delete all this text from here .

Now , there is something called short codes which are very , very useful .

Now , if you want to make , if you want to use the short codes , it is very simple .

You have this I can over here wipe short codes .

When you click on this arrow , you'll get a lot of short codes .

So you can use anything like pop ups progress bar , testimonials video .

Now , the one which we want is icons , so click on these icons .

OK ?

So there are many different icons that you can use .

Now , let's see whether we get that CS si can , this is a simple CS si , you can use any icon , but I'm trying to use the same I can so that it looks similar to the demo website .

Let's let me see whether I can find that or not .

OK .

OK .

Let's use this icon instead of that one , the windows icon .

So let's select this one fine .

Now I can size .

This is a really big size .

So what I'll do instead of zero , I'll select 2 50 pixels and custom style text style .

I'll , I'll select instead of textile , I'll select custom and I can color as you can see is white .

So I'll select white from here .

I can color .

Let's make it white fine .

OK ?

I think this is not working .

We can , we can use this .

OK ?

Just leave this thing , leave all these color options and click on insert short code .

Now we can do that manually .

For example , if you see this is color and we have this quotation marks over here .

So in , in these double quotations , you can put the color .

So the code for white color is hashtag FFF .

If you don't know all these codes , it is really simple .

You can go to Google and type in hex colors , he I colors or color .

OK .

Now here , suppose you want white , so you can go to white section and if you see this is the code , if you want blue , you can go to blue , you can select any color .

If you want red , you go to red , you select any color and you'll get these codes over here .

So the white color for white is FFF .

You can type F three times or six times .

It will do the same job .

So let me copy this code and let us put and paste it over here .

Now , we don't want any background color but we want a how color .

So as you can see when we have this , it becomes blue .

So let us select this blue color .

OK ?

Let me select this blue color .

OK ?

This one fine .

Now let me copy this code from here .

Now how color I'll put this color over here and rest .

Everything looks fine .

So click on save changes .

Now , here we have two different columns .

The first column is this icon , but we have another column and we have all these text and buttons over here .

So let's do that again .

First , we'll have to add a column .

So how over here and select the second one half plus half .

So we have two columns , again , click on , add new and again , select text block .

So first we have very simple text .

So what we can do , we can simply copy this thing from here and let's paste it over here .

And if you notice all this text is white .

So what we'll do is we'll select all these text from here .

Go to text color and select white color .

So all the text has become white .

Now , the only thing that we have to do is add this button .

So again , we'll use the same short code system .

But this time instead of icons , we'll use buttons .

So click on this icon , select buttons .

OK ?

Link URL .

We will just type in hashtag over here button style .

I want a simple blue color style anchor , what should it say ?

So it it says become an instructor .

OK ?

So let me type , become an instructor .

Now , later on in this video , we'll create a page or sign up page or registration page for becoming an instructor .

So after we create that you can come back to this thing and you can replace the link URL to that page link .

OK ?

Now click on insert short code , click on save changes and hopefully everything should be fine .

Let's see what happens .

Click on update , come back to this page and refresh it .

Now scroll down .

OK ?

So there is some problem .

OK ?

Fine .

The problem is very simple .

We forgot to put that no background color , black , background color .

OK ?

And also we'll have to add nice amount of gap at top and bottom because all it takes to a year is white .

That's why we are not able to see , see it .

So let's add a black background color over here .

Click on this pencil button .

Would you design now , background color and let's select black from here and let's add some gap at top and bottom .

So let's add maybe maybe 100 pixels , top and bottom adding , click on save again , click on update , come back to this page refresh and this time everything should be fine .

OK ?

So again , it is looking better but still we forgot one more thing and that is to make this row full with row .

That's why we are getting this gap from both the sides , we don't want that .

So again , come back over here , click on this pencil icon .

Now a row stretch will have to select stretch row instead of default , select stretch row , click on save changes , update , come back to this page and refresh and it will solve the problem .

OK ?

So let's scroll down .

And now as you can see this is looking beautiful and all the settings are done .

OK ?

So this is now looking awesome .

Now let's see the last section .

This is also a very easy section .

Let's start creating this .

Come back to this page , click on add new element and again , search for text block and here we have a very simple text .

So we don't have to do anything , just copy it from here and paste it over here .

The only thing that we need to notice , all you need to notice is this thing OK ?

The bottom text has some , has some you know hyperlink .

So what , let me show you how to put that first .

Let me remove this .

So it is just a simple text .

But if you want to add some link , like we have it over here , when you click on this button or when you click on this text , it will open some link .

So if you want to do that , if you want to add some link to this text , you can select this text and you'll have this option which says insert or edit link , click on this and paste in the URL that you want to link .

So I'll just put in a hashtag oyo and click on apply .

Now as you can see this has turned blue , which means the settings are applied .

Now click on save changes again , we want two different columns .

So let's do that have a select one half by half .

So select this one .

Now in this also , we'll have to , we'll have to create these two things , these two beautiful things .

So click on add new search for text block .

I'm trying to use text block as much as possible .

You can do it by other ways as well .

But I'm trying to use text blog because using that is very simple .

And you know , when you use the same thing , you become expert in that .

So that is what I'm using .

That is why I'm using that .

So here , first , we'll have to add the image and then some text as you can see over here , we have the image and then some text .

First , let me copy this text .

Now first let's add an image .

So click on add media , upload files , select files and let's add this guy's image , select this image , click on open .

OK .

Now click on insert into page .

OK .

So here it is .

Now what you have to do , you have to click on this image and align it to the left .

So select this one .

Now after that , we'll have to add the text .

So paste in the text over here .

Now come back , give us space between all these things .

Now let's add another image .

So click on add media , upload files , select files and let's add this image .

Now click on open .

Now click on insert into page .

Now this time let's copy this text and paste it over here .

OK ?

We forgot one thing to make it left align .

OK ?

So select this image and select a line left fine .

This will solve the problem .

Now click on save changes .

Now let's add some gap at top and bottom .

So select this pencil , go to design option padding .

Let's add 50 pixels , top and bottom padding and click on save changes , click on update , come back to this page , refresh it and everything should be fine .

Now , let's scroll down as you can see this section is also looking beautiful .

So we are also done with the About us page .

Now , the next thing that we have to do is create the contact us page .

First , let's see how a contact us page looks like .

So click on contact us , OK ?

The map is not displaying over here .

We'll fix that .

So we have this map and we have all this text over here .

OK ?

So we'll see how to do all these things .

It's really easy .

So let's cut this page now because we don't need this cut this thing as well .

Come back to your dashboard and click on add new to add a new page .

Now , let's give it a title of contact us .

So just type in contact us .

And this time instead of default template , we'll have to select contact contact page .

OK ?

This one .

Now this will add this map over here , but this map will not show right now .

We'll have to do some changes over here .

We'll see how to do that .

Don't worry .

Now , after that , we have all these things to be shown .

So again , we'll click on back and editor click on add element .

First one is simple text block as you can see , this is just some simple text .

So I'll copy it and paste it over here .

Let me select everything , paste it , click on save changes .

And this time as you can see , we have one column over here and the next column is divided into two columns .

So let's add something like this .

However , here and let's search for something like this .

OK .

So I think of , do we have anything like this ?

Hm , I don't think so .

I think we'll have to add a custom column for this one .

So what you can do , you can have over here and click on custom now , what I have to do now , let's do one thing first , let's divide it .

So let's make it half one by two plus now instead of half because if we add half plus half , it will become two columns .

But I want the second column to be divided into two so that we can easily do that by making one by four plus one by four .

This should do hopefully now click on update .

Find it has worked as you can see we have one column and the second column is divided into two different columns .

So I hope you understood this thing .

Now , let's copy this text from here , our philosophy and click on this add button , text blog .

Now , I think I'm going a little bit faster than usual .

And the reason is very simple because creating contact us and about a page is not really important , you can just import some templates and do it easily .

But after this , we'll do some important stuff .

So that's why I want to , you know , go a bit faster so that we can , you know , go on to those important stuff .

I hope you understand that .

So we have copied this click on save changes .

Now , here also we have a text block and this time we have our contact informations .

So copy it and let's paste it over here .

Click on save changes .

OK ?

Now let's add some gap at top and bottom .

OK ?

So we can click on this pencil button design options and let's add 30 pixels , top and bottom padding .

Click on save changes .

After that , we have this thing over here , the contact form and here we have this accordion .

So let's add that come back to this page .

Now scroll down and click on add new element and again select text block .

And now let's add this thing first , we have this heading which says send us a message .

So let's type that heading first .

And after that , we have different fields , form fields .

So adding that is also very easy .

We'll be using short codes for this .

So again , set wipe short codes and let's search for think forms something like that .

Let's OK .

Here it is forms .

So select forms first , you have to enter the email where you want to receive these messages first .

For example , if I type my name , email and if I want to contact you , then what is the email on which you want me to contact you ?

So you have to put that email over here .

You have to put this subject , you can put the website name or something like that so that you know where these mails are coming from .

Now , the first label is for name .

First fill is for name .

So I'll select name and I'll select single line text .

And if you want to make it required , you can select required .

Ok .

Now click on insert short code .

Once you're done , it will add this short code .

Now after that , we have a short code for email .

So again , click on add short code , select forms .

You can again change the email address subject .

Now instead of name , we want this to say email .

So let's type in email , find single text box or what do you want ?

So we want single line text box and validation .

We will select email , click on insert short code after that , we have phone .

So we'll add another short code .

Click on forms .

Now let's make it fun and validation numeric or we can select phone number , click on insert short code .

And after that , we have simple text box or message box .

So let's add that and it says query as you can see .

So again , let's add a short code forms and this time it says query or you can just type in message , it's all up to you .

And now we don't have to select single line because it is a message .

We don't want single line , we want multiple lines .

So we'll select multi line , text box or text area and validation .

We don't want any validation to be applied to this one .

So we'll select none and , and click on insert short code and the last one is a simple submit button .

So again , we'll click on add short code and forms and now form element will select submit button , validation .

None .

And you can see what the button says .

For example , here , the button says submit .

So you can type in submit over here .

Fine .

Now click on insert short code , click on save changes .

And again , we have two different columns .

So let's divide this to two different columns .

And in the next column , we'll have something called accordion .

So search for that .

A double cor this is the one accordion .

Now , as you can see the first section , it says our our mission and we have some text in it .

So let's copy this text and let's add it the first section .

So the titles should be our mission and just leave this section ID and just click on save changes .

And in this title , we want to add some text .

So what we'll do is click on this add button text block and we'll add the text whatever you want and click on save changes .

And similarly , you can add section two , section three and everything fine .

So I won't do that .

I won't , I don't want to waste your time and my time and let's add some space at the bottom .

So let's click on pencil , go to design and let's add maybe 50 pixels bottom padding , click on save changes and make sure contact page is selected .

Click on publish .

Let's view this page in a new tab and let's see what happens .

OK ?

So the map is not working as expected and rest , everything is working and it is looking nice .

Now , this is not working because to make this thing work , we need something called API , we need to create some API .

So it is really easy , open a new tab and type in console dot developers dot google dot com .

Now , first we'll need to enable API S and services .

So click on this button which says enable API and services .

OK ?

First you'll have to create a product but I don't need to create it because I have already created it .

But if you have not create , created it , you can click on over here and click on this button to create a new project .

OK ?

You can name it anything .

And after that , you can follow my steps , what I'm whatever I'm going to show you , let us go to console dot developers dot google dot com , OK ?

As you can see this project blog dot is selected after that you have to enable some apis and services .

So click on this button which says enable apis and services and search for Google map , OK ?

Google map , javascript .

So this is the one Google Maps , javascript , API , open this and click on enable .

OK ?

So it is enabling the API .

OK ?

So it says to use this API , you need credentials , click create credentials to get started .

So you can click on over here credentials and click on create credential .

Now from here , you'll have to select a key .

So select API key and we have the API key over here , but we cannot use it right now .

First , we'll have to verify a domain .

So first let's cancel this thing .

Go to domain verification , first copy your domain from here .

So this is our domain LS two dot na dot com .

Copy it , come over here , go to add domain , paste it over here and click on add domain .

Now it will take you to some different page where you'll have to verify that you own this domain .

So again , you'll have to click on this button which says add a property and paste in your domain .

Click on continue .

Now they have this file .

So you have to download this html verification file as you can see it has downloaded and we have to upload this file on our website .

And after that , we can click on verify so you can do it easily using file .

So open file , ala fine .

Now you have to find the folder of your website .

So I'm using L MS two dot dot com .

So let me find that folder here .

It is LMS two dot dot com .

Now , you have to save , you have to paste this file which we just downloaded in this folder .

So what I'll do first , I'll open this file in a folder .

OK ?

This is the one I'll copy this file on my desktop so that I can easily open this .

Then again , I'll go to file Zilla .

I'll refresh my desktop .

Now , I have this file over here .

I'll just drag this file on my website folder .

OK ?

It says transfer finished .

Let's cancel this .

Now , I'll come over here .

I'll click on .

I'm not a robot .

Click on , verify , fine .

So it says it is verified .

Now we can go back .

So click on this button again , go back or maybe you can just cut this thing .

Now again , it will ask you to put in your domain name so you can just copy your domain name from here .

Come back over your past and click on add domain .

Now this time it will take as you can see it has accepted your domain .

Now come back to credentials , copy this credential or copy this API key , just copy it .

And now we have to paste it over here on our website .

Now from here at the left hand side , you have WP LMS , how WP LMS and click on , I guess miscellaneous , click on miscellaneous .

Now , we have to copy this code from here , this API code from here and paste it in these miscellaneous settings .

Now , here we have different options .

Just scroll down and let's see what option we need .

So here we have Google Maps API key , just paste in that API key over here .

And now you have here you have to paste in the latitude and longitude of your location .

Now , if you don't know the latitude and longitude , which I obviously guess you won't know that .

So it's a very simple trick .

Just open a new tab type in lack long dot net .

OK ?

It's a website .

It will help you to get your latitude and longitude code .

Now now type in your address .

So yeah , what I'll do is I'll just type in Mumbai , click on find and now you can select any location you want .

For example , this location .

Whenever you click on wherever you click , you'll get this latitude and longitude .

So first copy this latitude , come back over here and paste it after that .

Put a comma again .

Come over here , copy the longitude and paste it .

Now we have set .

Do you want to show the satellite view or the road map ?

You can select any one of these , you can select road map if you want and you can go and click on save changes .

Now , come back to this page , let's refresh and hopefully this should solve this problem .

OK ?

So as you can see now the map is showing and this is looking beautiful .

So with this , we have completed our contact Us page .

Now it's time to create different sidebars .

Let me show you what do I mean by that ?

Let's go to our home page .

Now , let's open any one of these courses .

We have only one course .

So let's open this course and let's open one course in the demo website as well so that we can , you know , understand the difference over here .

So this is our course .

This is our sidebar .

We don't have anything in our sidebar .

We just have this simple thing .

OK ?

But here if you see in the demo website , we have some beautiful sidebar over here like related course widget , then we have top rated courses , courses , review and so on .

So let's add all these widgets , all these sidebars over here .

Fine .

So come back to your website and have appearances and click on widgets .

Now , from here , you'll have to search for a single course sidebar which is , let's see .

Oh , here it is course sidebar .

You'll have to know paste in all the widgets over here .

So let me show you .

First one is related course widget which is a carousel .

As you can see , it is a simple carousel .

So let's search for that let's see .

Buddy co stand buddy press core search widget related courses , widget .

OK .

So this is the one we want Buddy Press related courses .

Widget , select this one and from here , select course sidebar and click on add widget .

So it will add a widget over here .

Now , what do you want the title to be related course ?

Yes , show from same course category or show from same instructor .

You can select anything you want number of courses to show and this style .

So here we have core style , image style side style and whatever style you want .

Fine after you're done with this , click on save after this , we have top rated calls .

So come back to this page again and now select this one buddy press course widget .

If you want to add , you can just drag this widget over here .

OK ?

This is also a way to do that .

Now , what do you want the title to be ?

So here the title is top rated course .

You can just copy this title or type it to your top rated course style , single or carousel .

You can select your style or list .

So I'm selecting list from here .

OK ?

List with reviews or rating list , you can select that .

You can select any category to show ou and order by name and all those things .

Number of courses , courses to show five , click on save after that we have courses review .

So let's search for that course .

Review here it is course review widget .

Let's drag it over here at the bottom course , review .

And we want the title to be course reviews which is fine style is single , which is fine number of reviews to show five fine .

This should work .

Let's refresh and see what happens .

Ok .

First of all , we don't have any related course because we have only one course and in the top rated course , we have only one single course .

But now you know that how you do it , OK ?

So this was the sidebar for single course .

Now we have to see the sidebar for the course page .

For example , if you go to this course category technology , let's click on that .

Now , as you can see there is a sidebar over here as well .

Now we can control this thing as well .

Now let me show you .

So let's go to this technology from this demo website .

And if you see over here , this is how it will show we have this carousel , then top rated .

I think this is the same , they have used the same thing , OK ?

So you can also use the same widgets over here here .

Also , it is showing the same widgets .

So this is how you do and you change the codes , you know widgets and for different single core , multi calls and four different pages as well , you can add some sidebar or some widget to different type of pages .

Now let's see some really important settings .

So first let's get rid of all these things .

Come back to your dashboard and power L MS and click on settings .

Now , these are really important settings .

First , is this student login redirect ?

OK .

I think before this , we have to check one thing .

So what you can do , you can scroll down and you can select settings and let's open this in a new tab so that we are on this page , we don't have to exit this page .

Let's see the general settings .

OK ?

So this is done .

Just make sure that that this membership and anyone can register is stick marked .

OK ?

Just make sure this is done .

So let's come back with your student login redirect .

So after this student logins to your website , which page do you want them to show first home page , course , page , dashboard , page , whatever page you want them to show , you can select that page , instructor login redirect .

Now , for instructor , it will be better to you know , show the instructing course page because they are interested in the courses they teach or you can select dashboard any page you want .

Now , we have some more settings over here enable one session per user .

You can set this thing , hide administrators and instructors .

OK ?

So you can do these things as well and let's see some important settings .

OK ?

So here it is , make sure these things are tick mark enable student menus , enable instructor menus because we want to show students a different menu and instructors a different menu that is really important .

I'll explain to you why and you'll understand it much better .

After that , you can select the visibility course member who all can see the course member page , who all can see the curriculum page and so on and rest .

Everything is not really , you know , important , but you can go through all these options , ok ?

And if you can change everything according to you .

Now let's click on save settings .

Now , go to registration forms .

Now , here you can control the options that you want for the user whenever they try to register you to your website .

So let's add a new form .

Click on add registration form and let's add a form for instructors .

Let's type in instructor form anything you can name it anything you want .

Now let's click on add form .

Now , as you can see here , we have one field , automatically done , field name , you can add some more field , you can go to settings and you can control some more things over here like skip mail verification , register and log in simultaneously and so on .

It's all up to you .

You can assign a rule to the user .

So for example , you can assign students .

So anyone who you know , signs up or registers with your website by default , they will be students .

And if they want to become instructor , they'll have , you'll have to manually accept them to become instructor or if you want the to select instructor , you can select that .

You can select the default rule if you want .

Ok , click on save .

We'll see these things later on in more detail .

Don't worry .

Now go to course settings .

Ok .

What all do you want to show price ?

Prerequisite course , course , duration , course , location , course labels and so on .

Ok .

These are all the details that will be shown .

OK .

Course badge and everything .

Now logged in menu course , menu member type , group type will see these menus different or in different way .

First , we'll have to create some menus .

So just leave these things for now .

Now go to commissions because this is a very important thing .

We'll have to set a commission .

So first we'll set a commission , for example , for this course , you can select a commission .

For example , I am setting this to maybe 50% .

So I'm setting a commission of 50% to this course .

So whenever some this course makes a sale , the instructor , whoever has created this course will get 50% .

And I as the administrator and owner of the website will get 50% .

Now to set this commission , just click on set commission .

And whenever you want to make payment to this commission , you can just click on pay commissions .

You'll see , you'll you'll have to select the commission time .

Ok ?

Set time , period , click on show .

If there is any sale made , you'll see .

Oh , so there are no sales made .

But if , if there there is something that is made .

If there is any sale made , you can pay them through paypal .

Now let's create different menus for different users .

For example , different menu for instructor and a different menu for simple student .

So to do so , however , appearances and click on menus .

Now we can name it anything .

For example , let's name it instructor menu .

OK ?

So that we know that this menu is for instructor , you can name it anything you want .

Click on create menu .

So what are the different pages that you want the instructor to see ?

So if you want to see all the pages , you can click on view all .

Now we want to show them the home page about this page , all courses page , contact us page , then course status page if you want .

OK , my account page is very important .

OK ?

Find all these pages , click on add to menu .

So they will see all these pages over here .

And from here , from the bottom , you will select main menu for instructor .

This is very important .

Now click on save menu .

Now , before proceeding further , let's make a few more pages because there is there will be one more page required for the instructor which is to create a course .

Where will they go to create a course ?

So let's create a few pages .

So what you can do , you can have pages and click on , add new .

Now what I'll do , I'll open this , add new in a new tab so that we are , you know , on this page and we are also on this page .

We don't have to exit this page .

Now , let's go name this .

Let's give it a title of create a course .

Fine .

Now you just have to do one simple thing under template .

Just click on , just select , create content .

You just don't have to do anything .

Just give it a title , anything you want and select the template , create content and click on publish .

Now let's add some more pages .

So click on add new , let's add a page called become an instructor .

OK ?

So this page will be shown to all the regular user who want to become an instructor and go to template and select now go to templates and select start core page and click on publish .

So once you've done that , come back to this page , the menu page and let's refresh it .

Now , we need to add one more page version .

So click on view all and let's add this page , create a course and click on add to menu .

Now you can rearrange this according to your need .

Now this is the most important page , create a course page .

Make sure you know , set this page for instructors and make sure you select this thing , main menu for instructor and click on save menu .

Now let's create a new menu for students .

So they can create a new menu .

Let's name it student menu or students menu , click on create menu .

Now , let's see what all pages do you do ?

You want to show them ?

We want the home page about us all courses page and become an instructor page because the user might be interested in becoming an instructor .

So we will add this page as well .

Contact us page and create a course page .

So when they actually this is not required , but because when they will click on this creative course page , it will get , they will get a message that you are a user .

You first sign up as an instructor and so on my account page and add to menu again , you can rearrange this according to your wish .

OK , it's all up to you .

Now just make sure that you select main menu for students .

Now click on save menu .

Now we'll have to create a new menu for anyone who is , you know , not registered who is just a first time visitor .

They are neither a student nor a instructor .

So for them , we have to create a new menu .

So click on create a new menu and let's name it primary menu or anything you want like main menu , primary menu , it's all up to you and just make sure primary menu or main menu is selected from the bottom .

Here it is main menu .

Now here this is the page where you know , anyone can see who all are not logged into your website .

They will see this menu .

So we want the home page about this page , all courses page and then we want , ok , so fine , we want the my account page because when they will click on my account , they , it will ask you is , it will ask them to first register .

Ok .

So that is also very important .

And uh what do you want you want to contact us ?

We won't become an instructor because the person who is coming to your website might be interested in becoming an instructor .

So make sure you have this thing as well .

Now click on add to menu .

Now there is one more page which we need and that we won't find it over here .

We'll have to go to custom links and type in your website link over here .

Just copy it from here , paste it over here and after the forward slash , just type in register .

Ok .

Fine .

Now , here you can just type in register .

Now , this is the registration for the website , a simple registration .

So this is automatically created when you go , you know , just make that allow registration thing when you tick mark that this page will automatically be created your website name slash register .

Make sure main menu is selected and click on save menu .

Now , here we didn't have any menu .

Now let's refresh and see whether we have a new menu or not .

Ok .

As you can see now , after we refreshed , we have all our menu over here and this is looking nice .

Ok , so this is working .

Ok .

So we are almost done .

Let's see one demo , whether this , whether everything is working fine or not .

So what we'll do , we'll copy the website link .

We'll open this in a new , in cognitive window so that we can , we are logged out and we can see everything properly .

OK ?

I just noticed one thing .

I think we'll have to , you know , decrease the margin a little bit more so that , you know , we still have some margin left over here in the home page .

So we'll have to do that first .

So come back to your dashboard and go to pages .

Now search for home page here it is .

Click on edit .

Now , select this first section , click on this , edit this row , go to design option and instead of 150 let's make it 2 50 that should solve the problem .

Click on save changes , click on update , come back to this page .

Let's refresh and that should solve , solve the problem .

As you can see that has solved the problem .

So as you can see for a new visitor , this is how your website will look .

Ok ?

They will have all these page options .

Now , if they want to go register to your website , they can click on register .

Now this is how all the pages feel that they will require , they require the user name , email , password and all these things and name field .

If you want to increase these profile fields , you can do it easily .

You can come back to your dashboard .

At the left hand side , you will see users how that and click on profile fields and you can increase and decrease or you can add or sub some field .

So for example , suppose you want to , if you want to make or if you want to add a new full field , just click on add new field button and you can name it anything .

For example , let's add bio bio field .

OK ?

Let's let's type something like type something about yourself , something like this .

OK ?

Now what do you want ?

What is the type , text block number , multi line text area ?

So I want to select this one , you can add a date , date selector .

For example , if you're adding a field for date of birth , then you will select date selector .

OK ?

Now click on I will select multi line text area because this is a bio field .

Now whether you want to make it required or not and visibility who all can see this thing .

So if any , if everyone can see this thing , uh you can select everyone and obviously the user can change that visibility options .

Now let's click on save , come back to this page .

Let's see whether that thing has taken place or not .

Let's refresh this page .

Now , we can see we also get a bio option over here so you can add multiple options over there .

Now , this is the menu that we get .

Now , let's create a new account over here .

Let me add just a random user name , my email address .

Ok .

Fine .

Let me choose a password .

Hopefully I typed it right .

Name is Nair Sheikh .

Bio is Bio .

Let's click on complete sign up .

Ok .

Now it will ask us to activate our account .

So for that , we'll have to go to our email address and we'll do all those changes .

So let's go to gmail dot com and let me go to my account .

I don't remember the password , by the way .

Let's see .

Ok , it was right now here you have Wordpress , one meal from wordpress .

Activate your account .

Let's open this , click on this link .

Let's cut all these things .

Ok .

So as you can see , it says your account is now active .

Now we can see all the courses we can go to all courses , we can go to home page .

Suppose we want to , you know , enroll in this course .

Then we can just open this thing .

We can click on this button .

Take this course .

Ok , we can add to card discos , click on , check out , ok , fill in all the billing information and pay through paypal .

Then we can use this course .

Fine .

So it is really , really easy .

Now , this was , this is working fine for students .

Now , let's see whether it is working for instructors or not .

So let's first sign out from your , so let's log out from your fine .

Now we have the same thing with you .

Now again , we can register .

Now , I think there is one thing which is left , which is which we are missing , we can add one more option where you see because we are getting we have only one registration form and we don't know whether the person is trying to register as a student or as an instructor .

So I that's that is why I always do a demo check so that we can see whether everything is working fine or not .

So I think we can add one more field over here .

So let's do that in the user field .

So how our users and select profile fields .

Now let's add one more field , click on add new field and let me put in a title role or maybe sign up as sign up as .

So you can just put in , do you want to become and you can add some description like select to or anything you like , you know , do you wanna become uh I don't like typing man .

Do you wanna become an instructor or a student ?

OK .

Now , instead of textbooks , we can set something different like drop down select box and we can have custom model , for example , first let's type student and let's add another option and let's type instructor and we can add a default value of student .

Ok .

And this is required , this should be required .

Let's click on save .

Let's come back with you .

Let's refresh .

Now , as you can see , we get this option , we will have to choose whether we want to sign up as an instructor or as a student .

This was very important .

Now , let us create a new user name .

I'm just using something different .

And let me use a new or a different email address , same password .

Ok .

Name can be same .

It's fine .

Bio sign up as instructor click on complete .

Sign up fine .

Activate your account .

Go to Gmail this time .

We are using some different accounts .

So let me add that account .

Ok , here it is .

Activate your account .

Click on this link , cut these things .

Ok , your account is now active but still there is one more problem .

In fact , that is not a problem and that is good for us .

For example , if they can , if they will click , they are seeing the same menu which you know , which is showing for users because whether they select instructor or student , they will , they are still , you know , registered as simple students .

Now , why did we put that thing ?

Then the multiple select or the that drop down menu that whether you want to sign up as an instructor or as a student that was because for us .

Now , let me explain to you .

Now , as an administrator , you'll click on all users .

Now , as an instructor , you can see that there are two different people who have signed up .

Now , if , if the user has selected student , then you don't have to do anything .

But if the user has selected instructor , then you will have to change that user's role to instructor .

OK .

So let us see how to do that .

Click on extended .

OK ?

So let us see .

So this person has selected instructor , which means this person wants to become an instructor .

So we'll have to change this person's role to instructor .

OK .

So let me show you how to do that .

So click on profile and here instead of subscriber , select instructor and click on update user .

OK ?

You have to do it manually so that you know your website doesn't get spammed .

Now , when the user , as you can see the menu is for a user , simple student menu , but when we refresh , the menu should be different as you can see .

Now the menu is different .

Now this menu is for instructors , which means that the settings have successfully been saved .

Now , we can create a course .

OK ?

He can click on this button , create a course and he'll get this option .

OK ?

If you want to create a new course , he'll click on , create your own course and he'll have to put in all this information like first is the title .

So let us put a title like just simple title , select a category or add a new category , short description .

I'm not putting anything .

Now , let's click on create course .

Yes .

Create a new course .

OK .

Maximum duration , maybe this course is for maybe one R .

So I'll select one from here .

I'll select r prerequisite courses .

We don't have any , you can set the type and all these things .

So user can set everything .

User can you know set instru instruction , course , instruction , course , completion , message and click on save settings .

Now they can create curriculums .

For example , they can click on add section .

They can give a title .

For example , let's give a title section one , then they can create a unit under that , create a new unit .

They can give a title like unit one , create unit fine .

They have unit one over here .

Now you can now they can also add some media like video or image in this course .

In this unit , they can click on add media , select file , select the image or video and it will be done .

OK ?

Now click on save , they can also add and create new quiz from here .

So that is also very nice and very useful .

Now you can click on close and save curriculum , click on save a course .

Now prising they can set up prising to these courses , OK , free course or whatever kind of course , create a new product and subscription type and so on .

Now , click on save , prising , click on save courses .

Now they can click on this button , send for approval , click on save course .

Now they can view their course but obviously their course is not yet published .

It is sent for approval and that's why we are seeing this thing private course because not this is not yet approved .

Now , you as an administrator has to approve this course .

Now when you click on , when you go to your dashboard , administrative dashboard , you'll see at the right hand side letter CL MS and when you have L MS , you'll see all courses and you'll see that someone has just uploaded a course and it is pending .

You'll have to modify it and you'll have to publish it once you click on this edit button and once you publish this , this will be published .

OK ?

And if you find , OK , there is some problem over here .

This person has not entered the description , then you can contact that person and you can say , you know what your course is not yet ready to publish .

You have to improve this , improve that and so on .

Exactly like UD , what happens in UDM because I make courses on UD .

So I know the process what happens .

OK .

So I guess this is the end of the video .

I hope you guys enjoyed this video .

If you guys have any doubt , any questions , you can leave them in the comment section below .

I'll be more than happy to help you guys .

And if you like this video , if you enjoyed this video , make sure you subscribe to my channel and also click on that bell icon so that you don't miss any awesome stuff .

Thanks a lot for watching guys .

See you soon .