How To Create An Online Course, LMS, Educational Website with WordPress (2023)

Hi guys .

Today we are going to see how you can create an online course website .

Let's say you want to create a website where you can add courses on any topic and anyone on the internet can get this course and start learning .

You can do that by watching this video .

So after watching this video , you will be able to create an online course website like this where you can add your courses on any topic you want , the course can be both free and paid .

And if a visor wants to get any course , they can just select it and purchase it and they'll be able to see your course content like this .

Then we will also see how you can add quizzes to your lessons like this .

And finally , we'll see how you can easily customize your site to any style you want just by using Black and Pro .

The best part is your site is optimized for mobiles and tablets .

So your course will look good on any device .

Ok .

So let's get started .

I'm Brian from website learners and let's start creating an online course website .

We are going to create an online course website in just five parts .

The first part is to launch a website to launch your website .

Just click the link below this video and it will take you to this website called Make Your WP dot com .

This is the website which is going to help us launch our online course website .

Not to launch your website , just scroll down .

And here you can find the online course website now to see how the site looks , just click demo and here you can see the complete online course website that we are going to launch .

Now , if you go to this page , we can see all the courses we have .

And if you open a course , you can see that we can learn more about the course and then purchase it so to get this on and goes website , just click launch site and then enter your details and click next .

Now enter your payment details and click sign up now and now we have successfully purchased the website now to launch our site .

Let's scroll down and click launch new site and now it will take you to this page .

Now here , enter the website address you want .

I'm going to enter 99 course .

And as you can see our online course website has already been selected .

Now , once you have entered your URL , let's click launch new website .

And as you can see our brand new website has been launched .

So now if you click visit you can see that we have got the exact site that we saw on the website name that we selected .

Now , this is just a temporary link to your site .

You can easily change this to your own domain name like 90 rand co dot com .

We'll see that later in this video .

Ok .

So once you've launched your site , next , let's go to the second part of this video where we see how you can add your own courses to the site .

Now , if you go to a site and then go to courses , you can see that we have these sample courses here .

Now how do you add your own courses here to add your course , we are going to do four steps .

The first step is to log into the admin area of your website .

Once you log in , you will be able to edit all the contents of your site .

So to log into the site , all you have to do is just go back to make your WP and then click admin .

And as you can see , we're now logged into wordpress and this is where you can control your site .

So any changes that you do here will reflect on your life side , which is here .

Now , once you've logged in , we can now go to the next step , which is to remove these sample courses , to remove them , just go to courses and click all courses .

And here you can see the BF courses which we have on our site not to remove them .

Just click here to select all the courses .

Now click here and select , move to trash .

Now , if you click apply , you can see that all the courses have been deleted .

Now , if we go back to our site and click her first , you can see that we now have this blank page , which means we can now add our courses .

So once you delete the sample courses , next , you can now go to step three , which is to create your course .

So to create a ghost , let's go back to our admin area and then click add new .

Now it will take you to the page where you can add your course .

So now here we need to enter a course name , our description and our image .

So let's enter that first .

Let's enter our ghost name .

It's a description and its image .

You can see that the image has been added .

So now if you click publish , then go to our site and click a fresh , you can see that we have now got the course which we just added .

And if you click it , you can see that we can see the details about the course .

So now we have successfully added our first course and you can see the course is free .

Right now , we will see how we can make this into a paid cost later in this video .

So now we are going to first complete building this course .

So if you scroll down , you can see that we don't have any items here .

So next , we're going to see how you can add the contents of your course like this .

So let's go to step four , which is to add topics to our course .

So to add the topics of our course , let's go back to our course page and then scroll down and here , click , add new topic .

Now , first let's enter a topic name .

I'm going to call this learn photography and then click add topic .

Now , once you add your topic , you will get a heading like this .

Next , let's create a lesson inside this topic .

So to add the lessons , let's click lesson .

Now here , enter the title of your lesson and then click update lesson .

Now , in the same way you can add all of your lessons here .

So now we have added these lessons inside this topic .

So now to see how it looks like let's update our course .

Now if we go back to our ghost page and click a ver , you can see that we have now got the topics and lessons in our course .

Ok .

So next , let's see how a person who is visiting your site can sign up for this course .

So let's say a person visits your website and then clicks on a course and click enroll .

They will be asked to log on to your site .

Now to create an account on your site .

They can just click here , then enter these details and click it to stop .

As you can see , we have not signed up and we can start our course .

Now , if we say click start course , they cannot see our lessons which we just added , but there is no content inside these lessons .

So next , let's see how you can add the content into each of these lessons .

So to add your content , let's go back to our course page and then select the listen to which you want to add your content .

I'm going to select this one and now you can add your content either in the form of text or in the form of a video .

I want to make a video course .

So I'm going to add a video to this lesson .

So to add a video first , we need to select the source of the video here .

So if you click here , you can see that we have different types of video sources that we can use .

If you're creating a video course , we recommend vim U which will keep your course video secure by blocking downloads .

So I'm going to select that and then here it will ask you to enter your video RL .

So to get this URL , we need to first upload a video to vimeo .

So upload the video , just click the link below this video and it'll take you to this page now to upload our videos first , we need to create an account .

So let's click join for free , then sign in with Google and it will take you to this page .

Now , click videos .

This is where we can upload our video .

So now let's upload a video which we want for our course , just drag a video and drop it here .

And as you can see our video has been uploaded now to get the URL of this video .

Let's click here , then copy the URL .

Go back to the course , edit page and add it here .

Now if you click update , go back to our course , please .

And first you can see that our video has been added to our course .

So you can do the same for all these lessons and add your videos to each lesson that you create .

So let's go back to emo now let's upload the videos which we want for our lessons .

I'm going to upload these videos .

So this drag and drop it and you can see we have got our videos here .

So like we did before , let's enter the all of these videos to our lessons .

So let's go back to our course , edit page .

Let's open this lesson and then copy you all of this video and add it here .

Now click update in the same way .

Let's add the video to all these lessons .

Once you're done , if you go back to our site and click refresh , you can see that we have now got all the videos of these lessons .

OK .

So now you know how you can create a course like this and add content to it .

Now , let's go to our course page here .

You can see that this course is free .

Now how do you make this into a paid course so that people need to purchase it in order to access the content ?

So next , let's go to part three of this video where we see how you can make this course into a paid course .

So to make this course into a paid course , we are going to do two steps .

The first step is to create a product for this course .

So to create a product , let's go back to our admin area , then go to products and click add new .

Now , first let's enter the name of the product .

I'm going to enter the same course name that we created earlier as we are creating this project for our course .

Let's enable this option and now we need to set the price for our course .

So I'm going to enter my price as $49 and we're done .

So once you enter these details , let's click publish and a product will be created .

So once you have created your product , let's go to the next step , which is to link this product to our course .

So to link the product to our course , let's go to courses and click all courses here , you can see the course that we created earlier .

So let's open that now to link our product to the scores .

Let's scroll down .

And here you can see that our course type is set to free .

So first let's make this into a paid course .

And here we need to select our product which we just created .

So let's click here and then select the product which we just created and we're done .

So now we have created our product and then linked the product to our course .

Once you've done these changes , just scroll up and click update .

I know if you go to a and click refresh , you can see that our product is now available for purchase and it has the same price that we set when we created a product .

So now here you can see that we have the product price in us dollars .

Now what if you don't want this currency instead of that ?

You want a different currency ?

You can change this to any currency that you want using your admin area .

Next , let's see how you can change this currency .

So to change the currency , let's go back to our admin area .

Then let's go to woocommerce and click settings .

Now scroll down and here you can see the currency option .

Now , if you click here , you can see all the currencies that are available .

You can choose any currency you want , I'm going to leave it in dollars .

So once you've selected your currency , you can click save changes to save your currency .

Ok .

So this is how you can change the currency for your course .

Now that we have made a course into a paid course , next , let's see how our visitor can purchase this course .

Let's go to our site .

Now , click purchase and now here you can see that it says there is no payment method available .

So now to allow people to make payments on our site and purchase our course first , we need to set up a payment method .

So next , let's see how you can set up a payment method on your side .

So to set it up , let's go to admin area .

Now make sure you're on the Woocommerce tab and then click payments .

And here you can see the different types of payment methods you can add on your site in this video .

We're going to use this trip payment method .

So let's enable stripe here .

Now to set up the payment method , just click , set up next to stripe and then click a P settings .

Now click connect and it will take you to the Stripe website .

Now to set up the payment , you need to create an account on Stripe .

So let's follow this process to create a Stripe account .

I'm going to quickly go through this process here first enter your email address and here we need to add our business details then about our business .

Now here you need to enter your bank details where you want to receive your payments .

I'm going to enter my details and now when someone purchases your course , the money will be sent to this account .

So once you've entered these details , click next , then scroll down , click save changes and the stripe payment method will be added to your site .

So now we have successfully connected a Stripe account to your website .

Now , if you go back to our code space and click refresh , you can see that we have now got the option to pay for the course .

So now let's try purchasing this course as a visitor .

Let's enter these details and then add the payment details .

Now , if we click place order , you can see that we've successfully purchased our course .

Now if we click view course , we can see the course we just purchased .

Now , we can click on it .

Now , if we click start goes , you can see that we can now start watching the course content .

So this is how your customer can buy your car .

Now , once someone purchases your cost if you go back to your email inbox .

So this is the site's admin inbox .

You can see that we have received an email from our website saying that someone has purchased a course .

And we have also got a mail from Stripe which shows the money that we received .

So this is how you can let your business purchase your cars Ok .

So let's say someone has completed a lesson on your course and you want to give them a quiz like this so that they can recall what they've done so far , you can do that by adding a quiz to your course .

So next , let's go to the bonus part of the tutorial , maybe see how you can add a quiz .

So to add a quiz , let's go back to our admin area , then scroll down .

Now , here you can see we have the quiz option .

So to add the quiz to our course , let's click it .

Now , first , we need to give a name for our quiz .

So I'm going to call this photography quiz and then click next .

Now , here we can start adding questions to our quiz .

So let's click add question and let's enter the first question here .

I'm going to answer this question .

Now , here you need to select your question type .

So let's click it here .

You can see the types of questions for this question .

I'm going to choose true or false .

Now , here you need to select the answer for your question and I'm going to select the right answer as true .

Now , once you've done this , let's click save , answer and click save and continue .

OK .

So now we've completed adding our first question .

Now you can add multiple questions to this quiz by clicking here .

Once you've added all your questions , just click next .

And now if you want to change the placement of the que , you can just drag it and then drop it where you want to place the quiz in your course .

Once you've done that to save the changes , just scroll up and click update .

Ok .

So now let's see how the quiz looks like .

Now , if you go to our course page and click the first , you can see that we now have a quiz .

So free click it and then click start quiz .

You can see that we now have the quiz and your students can answer your questions .

So if they select an answer and click submit here , you can see that they can see the results of their answers .

So in the same way , you can add as many questions as you want to your quiz .

Now , if you want to see how your students performed on the quiz , just go to quiz attempts and here you can see all the quizzes that were taken by your students .

Now , here , if we click review , you can see the result and answers given by your students .

So in the same way you can add as many quizzes that you want on your course .

Ok .

So this is how you can add a quiz to your lessons .

So now we've got a complete online course website where your users can purchase your course and access your content .

Now , if you go to our website here , you can see that our website address ends at make KWP dot com .

Now , instead of this , what if you want your website to have a simple address like 90 10 co dot com , which looks more professional .

You can do that by adding your own domain name to your site .

Next , let's go to part four of this tutorial where we see how you can get your own domain name for your course website to get your domain name .

Just go to the video you're watching right now and then click this link in the description .

And this will take you to webspace kit dot com where you can buy your domain .

Not here , enter the name that you want for your website .

I'm going to enter 99 co dot com .

Now , if you click search , you can see that this domain name is available .

So once you find a name which is available to get this name for your website , just click add to cart and then click continue .

Now it will ask you to select a hosting plan as we already have a hosting for our site on Make a WP let's click Scape and now it will take you to this card page .

Now , here you can see that we're getting our domain for one year and after one year , you need to renew your domain to keep using it .

So to get this domain , let's fill up these details and then enter your payment details .

Now , if we click order , now you can see that we have successfully made our payment .

Now , if we click queue up , you can see that we have got a domain .

OK .

So once you've got your domain , now , how do you create this domain with your website ?

So next , let's see how you can count this domain to our course website , which we just built .

So to kind this domain , we are going to do two steps .

The first step is to add a domain to your website .

So to add the domain , let's go to make KWP dot com .

No cure and then go to domains .

And here you need to enter the domain name which you purchase .

I'm going to enter 99 coast dot com .

Once you've entered your domain , let's go to the final step , which is to add this IP address to your domain .

So to add it , let's go to this tab and then click domains .

Now select the no , which you purchased and then click manage DNS .

Now click here .

Now , next to the air record here , we need to add our IP address .

It is shown here .

So let's go back to this page and then copy this IP address , then come back to our domain and pay the IP address here and we're done .

So let's click save changes .

Now , let's go back to make UWP and click connect domain .

And now we've successfully created a new domain name to our website .

So let's take it now if you open a new tab and type a new domain name , which is 99 co dot com and press enter , you can see that we have got the course website which we just created .

Now , if you go to courses , you can see the course which we created your visitors and customers can just go to this domain name to access your site and your courses .

So this is how you can get your own domain name for your website .

Next , let's go to the final part of this video where we see how you can edit any page on your side .

Let's go to our side .

Now , let's say you want to edit the contents of this home page .

How do you do that ?

So to edit any page on your site , just go into that page and click edit to the element to right now we're on the home page .

So the space , let's click edit to the mentor and it will take you to this editing section .

This is where you can edit all the contents of this page .

OK ?

Now let's say you want to change this text .

All you have to do is just select the text and then enter your text .

And as you can see , the text has been changed in the same way you can change any text you want on this page , just select the text and change it .

Now , let's say you want to change this image just click it , select the image you up and then drag and drop up an image from your computer .

And as you can see our image has been changed .

So in the same way you can change any image you want on your site .

OK ?

So once you're done with all the changes to save your changes , just click update .

And now if you go to a site and click the first , you can see that our page has been changed .

So this is how you can edit any page on your side .

Ok .

Next , let's see how your site looks on a mobile phone .

Let's take our mobile .

Now , if you go to a site's address , you can see that our site is automatically optimized for the mobile view .

Now , if we click start course , you can see this is how our course we look on our mobile phone .

Now , if someone purchases a course , this is our course content will appear on mobile as you can see everything is automatically optimized for mobile devices .

Ok ?

So that's it guys .

Now , you know how you can take an online course website .

Now , if you need to make your online co website , just click the link below this video and it will take you to make a WP page where you can launch a site and start building your website .

Make sure you click the subscribe button to see more videos from us .

Thanks for watching .

I'll see you in the next video .

Take care .

Bye bye .