Up next in 10
How To Create An Online Course, LMS, Educational Website with WordPress (2023)
10K views
Sep 24, 2023
In this educational and timely video tutorial for 2023, you'll discover the step-by-step process of creating a dynamic online course platform, complete with a Learning Management System (LMS), using the versatile WordPress platform. Whether you're a teacher, trainer, or entrepreneur looking to share knowledge and monetize your expertise, this guide will take you through all the essential steps. From setting up your website and selecting the right plugins to organizing course content and managing user enrollments, this tutorial empowers you to establish a comprehensive educational website. Join us and transform your passion for teaching into a thriving online learning community with this essential video tutorial!
View Video Transcript
0:00
Hi guys, today we are going to see how you can create an online course website
0:04
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
0:11
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
0:17
where you can add your courses on any topic you want. The course can be both free and paid
0:25
And if a visitor wants to get any course, they can just select it and purchase it
0:30
And they'll be able to see your course content like this Then we'll also see how you can add quizzes to your lessons
0:41
Like this And finally, we'll see how you can easily customize your site
0:47
To any style you want Just by using drag and drop The best part is
0:55
Your site is optimized for mobiles and tablets. So your course will look good on any device
1:02
Okay, so let's get started. I'm Brian from website learners and let's start creating our online course website
1:07
We are going to create our online course website in just 5 parts
1:12
The first part is to launch your website. To launch your website
1:16
just click the link below this video and it will take you to this website called
1:24
Make your WP.com This is the website, which is going to help us launch our online course website
1:30
Now to launch your website, just scroll down and here, you can find the online course website
1:38
Now to see how the site looks, just click demo and here you can see the complete online course website
1:47
that we are going to launch. Now if we go to this page
1:53
We can see all the courses we have And if we open a course
2:01
You can see that We can learn more about the course And then purchase it
2:08
So to get this online course website Just click launch site And then enter your details
2:21
And click next Now enter your payment details And click sign up now
2:33
And now, we have successfully purchased the website Now to launch our site, let's scroll down
2:40
And click launch new site And now it will take you to this page
2:46
Now here, enter the website address you want I'm going to enter 99 course
2:53
And as you can see, our online course website has already been selected
2:57
Now once you have entered your URL, Let's click launch new website
3:04
And as you can see, our brand new website has been launched. So now if you click visit
3:12
You can see that we have got the exact site that we saw, on the website name that we selected
3:18
Now this is just a temporary link to your site. You can easily change this to your own domain name, like 99course.com
3:25
We'll see that later in this video. Okay. So once you've launched your site
3:30
Next, let's go to the second part of this video, where we see how you can add your own courses to this site
3:38
Now if we go to our site, and then go to courses, You can see that we have these sample courses here
3:47
Now how do you add your own courses here? To add your course, we are going to do 4 steps
3:53
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
4:02
So to log into this site, all you have to do is just go back to make your WP
4:10
and then click admin. And as you can see, we are now logged into wordpress
4:17
and this is where you can control your site. So any changes that you do here
4:22
will reflect on your live site, which is here. Now once you've logged in
4:28
we can now go to the next step, which is to remove these sample courses. To remove them
4:34
just go to courses and click all courses. And here you can see the default courses
4:44
which we have on our site. Now to remove them, Just click here to select all the courses
4:53
Now click here And select move to trash Now if we click apply
5:02
You can see that all the courses have been deleted Now if we go back to our site
5:09
And click refresh You can see that We now have this blank page
5:15
Which means we can now add our courses. So once you delete the sample courses
5:21
Next, you can now go to step 3, which is to create your course. So to create your course
5:27
Let's go back to our admin area, and then click add new
5:33
Now it'll take you to this page, where you can add your course. So now here
5:38
we need to enter a course name, our description, and our image
5:43
So let's enter that. First, let's enter our course name, its description
5:49
and its image. You can see that the image has been added
5:58
So now if you click publish, then go to our site and click refresh
6:11
You can see that we have now got the course, which we just added. And if we click it
6:18
you can see that, we can now see the details about the course. So now we have successfully added our first course
6:25
And you can see, the course is free right now. We will see how we can make this into a paid course
6:30
later in this video. So now we are going to first complete building this course
6:35
So if we scroll down, you can see that, we don't have any items here
6:40
So next, we're going to see how you can add the contents of your course, Like this
6:48
So let's go to step 4, which is to add topics to our course So to add the topics of our course
6:55
Let's go back to our course page And then scroll down And here, click add new topic
7:05
Now first, let's enter a topic name I'm going to call this
7:10
Learn Photography And then click add topic Now once you add your topic, you will get a heading like this
7:21
Next, let's create the lesson inside this topic So to add the lessons, let's click lesson
7:30
Now here, enter the title of your lesson And then click update lesson
7:38
Now in the same way, you can add all of your lessons here
7:45
So now we have added these lessons inside this topic So now to see how it looks like Let update our course
7:57
Now if we go back to our course page and click refresh
8:05
You can see that we have now got the topics and lessons in our course. Okay
8:10
So next, Let's see how a person who is visiting your site can sign up for this course
8:14
So let's say a person visits your website And then clicks on a course
8:22
And clicks enroll They will be asked to login to your site
8:28
Now to create an account on your site They can just click here Then enter these details
8:38
And click register As you can see, we have now signed up
8:44
And we can now start our course Now for visitor click start course
8:51
They can now see our lessons which we just added But there is no content inside these lessons
8:58
So next, let's see how you can add the content into each of these lessons
9:02
So to add your content Let's go back to our course page
9:07
And then select the lesson to which you want to add your content I'm going to select this one
9:12
And now you can add your content, either in the form of text or in the form of a video
9:20
I want to make a video course. So I'm going to add a video to this lesson
9:24
So to add a video, First we need to select the source of the video here
9:30
So if you click here, You can see that we have different types of video sources that we can use
9:38
If you're creating a video course, We recommend Vimeo, which will keep your course video secure by blocking downloads
9:46
So I'm going to select that And then here it'll ask you to enter your video URL
9:52
So to get this URL, we need to first upload our video to Vimeo. So to upload the video
10:01
Just click the link below this video And it'll take you to this page
10:07
Now to upload our videos, First we need to create an account. So let's click join for free
10:14
then sign in with Google and it'll take you to this page
10:23
Now click videos. This is where we can upload our video. So now let's upload a video
10:30
which we want for our course. Just drag our video and drop it here
10:38
And as you can see, our video has been uploaded. Now to get the URL of this video, let's click here
10:47
then copy the URL Go back to the course edit page and add it here
11:01
Now if we click update, go back to our course page and click refresh
11:08
You can see that our video has been added to our course
11:18
So you can do the same for all these lessons and add your videos to each lesson that you create
11:25
So let's go back to Vimeo. Now let's upload the videos, which we want for our lessons
11:32
I'm going to upload these videos. So just drag And drop it
11:40
And you can see, we have got our videos here. So like we did before
11:44
Let's enter the URL of these videos to our lessons. So let's go back to our course edit page
11:54
Let's open this lesson. And then copy the URL of this video
12:03
And add it here. Now click update In the same way, let's add the video to all these lessons
12:22
Once you're done, If we go back to our site and click refresh
12:30
you can see that we have now got all the videos of these lessons. Okay, so now you know how you can create a course like this
12:40
and add content to it. Now let's go to our course page
12:45
Here you can see that this course is free. Now how do you make this into a paid course
12:50
so that people need to purchase it in order to access the content. So next, let's go to part 3 of this video
12:57
where we see how you can make this course into a paid course. So to make this course into a paid course
13:05
we are going to do two steps. The first step is to create a product for this course
13:11
So to create a product, Let's go back to our admin area
13:16
Then go to products And click add new Now first, let's enter the name of the product
13:26
I'm going to enter the same course name that we created earlier. As we are creating this product for our course
13:34
Let's enable this option. And now we need to set the price for our course
13:41
So I'm going to enter my price as $49 And we're done
13:45
So once you enter these details, Let's click publish And our product will be created
13:54
So once you have created your product, Let's go to the next step, which is to link this product to our course
14:00
So to link the product to our course, Let's go to courses And click all courses
14:06
Here you can see the course that we created earlier. So let's open that
14:14
Now to link our product to this course, Let's scroll down And here you can see that our course type is set to free
14:23
So first let's make this into a paid course. And here we need to select our product, which we just created
14:31
So let's click here And then select the product, which we just created
14:36
And we're done. So now we have created our product and then link the product to our course
14:44
Once you've done these changes, just scroll up and click update. And now if we go to our course page
14:56
And click refresh You can see that our product is now available for purchase
15:03
And it has the same price that we set, when we created our product
15:09
So now here you can see that, we have the product price in US dollars
15:13
Now what if you don't want this currency? Instead of that, you want a different currency
15:19
You can change this to any currency that you want, using your admin area. Next, let's see how you can change this currency
15:28
So to change the currency, Let's go back to our admin area
15:34
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
15:50
You can see all the currencies that are available. You can choose any currency you want
15:58
I'm going to leave it in dollars. So once you've selected your currency
16:03
You can click save changes to save your currency. Okay. So this is how you can change the currency for your course
16:11
Now that we have made our course into a paid course. Next, let's see how our visitor can purchase this course
16:19
Let's go to our site. Now click purchase. And now here, you can see that it says
16:29
There is no payment method available. So now to allow people to make payments on our site and purchase our course
16:35
First, we need to set up a payment method. So next, let's see how you can set up a payment method on your site
16:43
So to set it up, let's go to admin area. Now make sure you're on the WooCommerce tab
16:50
and then click payments. And here you can see the different types of payment methods
16:55
you can add on your site. In this video, we're going to use the stripe payment method
17:01
So let's enable stripe here. Now to set up the payment method
17:07
Just click setup next to stripe And then click API settings Now click connect
17:18
And it'll take you to the stripe website Now to set up the payment, You need to create an account on stripe
17:24
So let's follow this process To create a stripe account I'm going to quickly go through this process here
17:30
First enter your email address And here we need to add our business details
17:36
Then about our business
17:57
Now here you need to enter your bank details Where you want to receive your payments I'm going to enter my details
18:04
And now, when someone purchases your course the money will be sent to this account
18:09
So once you've entered these details, click next, then scroll down, click save changes
18:20
and the stripe payment method will be added to your site. So now we have successfully connected our stripe account to your website
18:28
Now if we go back to our course page and click refresh, you can see that
18:35
We have now got the option to pay for the course. So now let's try purchasing this course as a visitor
18:41
Let's enter these details And then add the payment details. Now if we click place order
18:55
You can see that we've successfully purchased our course. Now if we click view course
19:03
We can see the course we just purchased. Now we can click on it. Now if we click start course
19:13
You can see that, We can now start watching the course content. So this is how your customer can buy your course
19:20
Now once someone purchases your course, If you go back to your email inbox
19:25
So this is the site's admin inbox. You can see that, We have received an email from our website
19:32
Saying, That someone has purchased our course. And we have also got a mail from stripe, which shows the money that we received
19:44
So this is how you can let your visitors purchase your course. Okay, now let's say someone has completed a lesson on your course, and you want to give
19:52
them a quiz like this, so that they can recall what they have learned so far
19:56
You can do that by adding a quiz to your course. So next, let's go to the bonus part of the tutorial, where we see how you can add a quiz
20:03
So to add a quiz, let's go back to our admin area, Then scroll down
20:08
Now here you can see, we have the quiz option. So to add the quiz to our course
20:14
Let's click it. Now first, we need to give a name for our quiz
20:22
So I'm going to call this, Photography quiz And then click next
20:30
Now here we can start adding questions to our quiz. So let's click add question
20:38
And let's enter the first question here I'm going to enter this question
20:48
Now here you need to select your question type So let's click it Here you can see the types of questions
20:56
For this question, I'm going to choose true or false Now here you need to select the answer for your question
21:07
And I'm going to select the right answer as true Now once you've done this
21:14
Let's click save answer And click save and continue Okay, so now we've completed adding our first question
21:26
Now you can add multiple questions to this quiz By clicking here
21:31
Once you've added all your questions Just click next And click save
21:41
Now if you want to change the placement of this quiz, You can just drag it
21:49
And then drop it where you want to place the quiz in your course. Once you've done that
21:54
To save the changes, Just scroll up And click update Okay So now, let's see how the quiz looks like
22:05
Now if we go to our course page and click refresh You can see that we now have our quiz
22:13
So if we click it and then click start quiz You can see that we now have the quiz
22:23
and your students can answer your questions. So if they select an answer
22:29
and click submit Here you can see that, they can see the results of their answers
22:38
So in the same way, you can add as many questions as you want to your quiz
22:44
Now if you want to see how your students performed on the quiz, Just go to quiz attempts
22:50
And here, you can see all the quizzes that were taken by your students
22:55
Now here if we click review, You can see the results and answers given by your students
23:03
So in the same way, you can add as many quizzes that you want on your course
23:08
Okay, so this is how you can add a quiz to your lessons. So now we've got a complete online course website
23:14
where your business can purchase your course and access your content. Now if we go to our website
23:25
Here you can see that our website address ends with makeyourwp.com. Now instead of this What if you want your website to have a simple address like 99course which looks more professional You can do that by adding your own domain name to your site
23:43
Next, let's go to part 4 of this tutorial, where we see how you can get your own domain name for your course website
23:51
To get your domain name, just go to the video you're watching right now
23:57
and then click this link in the description. And this will take you to webspacekit.com
24:04
Where you can buy your domain. Now here, Enter the name that you want for your website
24:12
I'm going to enter 99course.com Now if you click search, You can see that this domain name is available
24:22
So once you find a name which is available, To get this name for your website
24:28
Just click add to cart. And then click continue Now it will ask you to select a hosting plan
24:40
As we already have a hosting for our site on make your WP Let's click skip
24:48
And now it will take you to this cart page Now here you can see that, we're getting our domain for 1 year
24:54
And after 1 year, you need to renew your domain to keep using it
24:58
So to get this domain, let's fill up these details and then enter your payment details
25:17
Now if we click order now, you can see that, we have successfully made our payment
25:26
Now if we click here, You can see that, we have got our domain
25:34
Okay, so once you've got your domain, now how do you connect this domain with your website
25:39
So next, let's see how you can connect this domain to our course website
25:43
which we just built. So to connect this domain, we are going to do 2 steps
25:47
The first step is to add a domain to your website. So to add the domain
25:54
Let's go to makeyourwp.com Now click here, And then go to domains
26:05
And here you need to enter the domain name which you purchased. I'm going to enter 99coast.com
26:16
Once you've entered your domain, Let's go to the final step, which is to add this IP address to your domain
26:25
So to add it, Let's go to this tab And then click domains
26:35
Now select the domain which you purchased And then click manage DNS
26:45
Now click here Now next to the A record Here we need to add our IP address
26:55
Which is shown here So let's go back to this page And then copy this IP address
27:11
Then come back to our domain And paste the IP address here
27:24
And we're done So let's click save changes Now let's go back to make your WP
27:39
And click connect domain And now we've successfully connected our new domain name to our website
27:48
So let's check it Now if we open a new tab And type our new domain name, which is 99course.com
27:59
And press enter. You can see that we have got the course website, which we just created
28:05
Now if you go to courses, You can see the course, which we created
28:12
Your visitors and customers can just go to this domain name, To access your site
28:17
And your courses. So this is how you can get your own domain name for your website
28:21
Next, let's go to the final part of this video, where we see how you can edit any page on your site
28:30
Let's go to our site. Now let's say you want to edit the contents of this homepage
28:35
How do you do that? So to edit any page on your site, just go into that page and click edit with Elementor
28:45
Right now, we're on the homepage. So to edit this page, Let's click edit with Elementor
28:51
And it will take you to this editing section. This is where you can edit all the contents of this page
28:59
Okay, now let's say you want to change this text. All you have to do is
29:04
Just select the text And then enter your text. And as you can see, the text has been changed
29:16
In the same way, you can change any text you want on this page. Just select the text and change it
29:24
Now let's say you want to change this image. Just click it. Select the image here
29:35
And then drag and drop an image from your computer. And as you can see, our image has been changed
29:45
So in the same way, you can change any image you want on your site. Okay, so once you're done with all the changes
29:53
To save your changes Just click update And now if you go to our site
30:06
And click refresh You can see that our page has been changed
30:17
So this is how you can edit any page on your site Okay, next, let's see how your site looks on a mobile phone
30:25
Let's take our mobile, Now if we go to our site's address, you can see that our site is automatically optimized for the mobile view
30:39
Now if we click start course, you can see this is how our course will look on our mobile phone
30:48
Now if someone purchases our course, This is how our course content will appear on mobile
30:56
As you can see, everything is automatically optimized for mobile devices. Okay, so that's it guys
31:03
Now you know how you can create an online course website. Now if you're ready to make your online course website
31:08
Just click the link below this video. And it'll take you to make your WP page
31:15
where you can launch your site and start building your online course website. Make sure you click the subscribe button to see more videos from us
31:22
Thanks for watching. I'll see you in the next video. Take care. Bye-bye
#Distance Learning
#Education
#How-To
# DIY & Expert Content
#Open Online Courses
#Photo & Video Sharing
#Skins
# Themes & Wallpapers
#Training & Certification