For the past 4 years, I have been packaging up my knowledge and selling it via courses here on this website. Literally, anyone can do it!
Some people choose to go with a SaaS-based solution like Teachable, Podia, or Kajabi, which are all great services but with a high monthly price tag.
However, it's quite easy to create an online course website where you can sell and deliver your knowledge in a beautiful way.
For this tutorial you are going to need a few things:
- Website hosting. I recommend Siteground
- WordPress (of course), It's free
- WordPress Theme, Astra it's free as well
- LearnDash, The industry-leading learning management system for WordPress
In this tutorial, we’re going to cover how to create an online course website from start to finish including the following:
- Things You Need to Create an Online Course Website
- Step 1. Purchasing website hosting and domain name.
- Step 2. Install and set up LearnDash.
- Step 3. Install your WordPress theme and page builder.
- Step 4. Create your first course with LearnDash.
- Step 5. Add sections and lessons to your course.
- Step 6. Break your lessons into smaller topics.
- Step 7. Adding quizzes to your course.
- Step 8. Adding assignments to your lessons
- Step 9. Connect a course to a sales funnel
- Wrapping Up
Things You Need to Create an Online Course Website
To create a beautiful online course website, you’re going to need a handful of tools. Some of these are free, some are not. But the cost is minimal compared to what you may earn in selling your knowledge through your courses.
1. A good website hosting and domain name.
Since you’re hosting your courses on your own website, you’ll need to buy a good website hosting that’s reliable, fast, and offers great support. You’ll also need a domain name which is basically your website’s address.
There are quite a lot of hosting out there, but for me the best one is Siteground. In my years of using it, it’s been fast, reliable, and the customer support is amazing. My websites that are hosted on Siteground are always up and running. And if I encounter any issue, their team is quick to help. So in this tutorial, we’re going to use Siteground.
If you want to save 70% on your hosting with Siteground, click here to save 🙂
Pretty obvious since you are after all going to build your website through WordPress. The main advantage of using WordPress over other SaaS-based solutions is you get full control over your data and design.
WordPress has a vast community of plugins and themes that will add any functionality that you want. If you can think it, there’s a plugin for it. And almost everyday developers roll out new plugins and themes, so really there’s no limit to what you can do with WordPress.
WordPress is really easy to install and set up. Siteground comes with a one-click WordPress installer that we’re going to talk about later.
3. A WordPress theme and a page builder.
You’ll also need a WordPress theme that’s easy to work with. I really like using Astra since it’s free, well-coded, and works well with most plugins like page builders and course builders.
Page builders are WordPress plugins that let you build webpages by simply dragging and dropping elements like images and texts. They’re super easy to use and eliminates the need to hire expensive web developers to create stunning websites.
For the purposes of this tutorial, we’re going to use Elementor Pro as the page builder. Personally, Elementor Pro has exceeded my expectations when it comes to page builders. It’s intuitive, very easy to use, and packs a lot of advanced features that will really add flavor to your website.
4. A learning management system plugin to turn your website into an online course website.
Lastly, you’ll need a powerful learning management system (LMS) WordPress plugin to turn your website into a beautiful course website where you can sell your content, keep track of student progress, award certificates, and more.
By far the leading LMS plugin in WordPress is LearnDash. It’s hands down the most powerful, cutting-edge course builder software I’ve come across with, and I am in fact switching to LearnDash from another LMS because of its recent updates that are just hard to ignore.
With the recently released LearnDash 3.0, there’s a ton of new features that enhance user experience and overall just make course websites look better and feel more professional.
LearnDash is used by thousands of universities, reputable online marketing agencies, and organizations which is a lot to say about its reliability.
I highly recommend that you try LearnDash right now. It’s fairly affordable, almost too affordable, for all the features you’ll get. If you’re not happy with it for some reason, you can use their 30-day moneyback guarantee.
Step 1. Purchasing website hosting and domain name.
The first step is buying a website hosting and domain name. If you’re new to creating websites and not really familiar with industry terms, the website hosting is like the house of your website. It’s a space on the internet where your website resides.
The domain name, on the other hand, is the address. It’s what people type into the search bar to look for your website. Examples of domain names are WPCrafter.com, Facebook.com, Wikipedia.org, and so on. The “.com” and “.org” are kinds of domain extensions.
There are tons of other domain extensions like .gov, .net, .us, .co, etc., and what you choose depends on your preference and the type of your organization. If you’re a private business, .com should work. For most educational institutions, .org is the preferred domain extension.
Like I said before, I highly recommend using Siteground as it provides high-quality hosting and amazing support. To purchase hosting from Siteground with 70% off, visit Siteground by clicking on this link.
On the homepage, you should see different kinds of hosting. WordPress hosting is a good one, so click on Get Started right beneath it.
You’ll then be taken to a page with the pricing plans of WordPress hosting by Siteground.
Choose the plan that you prefer depending on your needs. GrowBig is a great plan because you’ll be able to host an unlimited number of websites and also get some premium features. One of these features is the ability to test new codes and features on a test website and pushing the final changes on your live website with one click. It also comes with an advanced caching plugin developed by the same team and a free website transfer for one website.
In this tutorial, I’m going to go ahead and purchase GrowBig. You can choose your own plan and click Get Plan.
You’ll then be taken to the next step which is choosing your domain name. Its’ easier to purchase your domain name right inside Siteground, but if you already have one, you can just choose “I already have a Domain” and type that into the domain name box. You can also purchase your domain name in a separate website but that’s going to take extra steps to integrate with your hosting on Siteground.
Once you have your desired domain name, click Proceed and complete your checkout.
Once you made your purchase, you’ll see a screen with a link saying “Proceed to Customer Area”. Click on that and you’ll be taken to a page where you can set up your new hosting account. Under Set Up Your Website, select Start a new website.
You will then see a list of software that you can install. Select WordPress.
You’ll then be asked to provide admin login details like your username and password. These are your website security details so be sure to use details that are not easy to guess.
Once that’s done, click Confirm > Complete Setup. And you now have a live, self-hosted WordPress website.
To customize your website, you’ll need to log in to WordPress. To do that, go to your Siteground dashboard and switch to the My Accounts tab. Click the Installation tab, and here you will see the domain name that you registered. Across it is a green Go to Admin Portal button. Click on this button to go to your WordPress login page.
The WordPress login page looks like this:
Enter your username and password here to log in to your website for the first time.
Step 2. Install and set up LearnDash.
Once you’re inside WordPress, it’s time to install LearnDash. When you purchase LearnDash, you’ll get access to the installer (a .zip file) and license key. To install LearnDash, upload the .zip installer to WordPress by going to Appearance > Plugins > Add New > Upload Plugin.
Once it’s done installing, click Activate.
Now you have LearnDash installed and activated on WordPress. The first thing you need to do is activate the license by going to LearnDash > Settings. Switch to the LMS License tab to enter your email address and license key. Once you’ve entered the details, click Update License.
Then you need to configure your payment settings if you want to receive online payments for your course. Click the PayPal Settings tab and input your PayPal email address, currency, country, and so on. Click Save once you’re done.
Another thing you need to do is to make sure that you’re using LearnDash 3.0 instead of Legacy. To do this, switch to the General tab. Here, you’ll see the option to choose an Active Template. Make sure that LearnDash 3.0 is selected instead of Legacy to gain access to advanced features like the Focus Mode.
The Focus Mode is applied site-wide and provides a distraction-free experience to your students by removing unnecessary elements on a page like sidebars and other widgets. This also makes it easier for you to create a beautiful, professional-looking course website without having to go in and edit your pages one by one.
Here’s how a website changes once the Focus Mode is enabled:
Step 3. Install your WordPress theme and page builder.
After installing LearnDash, you can proceed with creating a course, but in this tutorial, I want to show you a slightly different way of doing things that will make it even faster and easier for you to create a beautiful online course website.
To install Elementor, go to Plugin > Add New, and search for Elementor. Click Install and Activate.
Once Astra is activated, you’ll see a message like this on your dashboard:
Astra has a collection of ready-made site templates that you can use on your website in just a few clicks. To see these templates, click Get Started. You’ll be asked to choose a page builder, and I recommend selecting Elementor for this, but you can use any other page builder that you prefer. When you click Next, you’ll see a list of free and premium site templates that you can use for your own website.
There’s a particular template that I like using with LearnDash because it’s designed for an online course website. If you scroll down the templates, you’ll the LearnDash Academy template. Of course, you can use templates other than this, but for this tutorial, I’m going to use this template.
Clicking it will take me to a preview of the template, and in it, I see that the template requires two plugins: LearnDash Course Grid and LearnDash WooCommerce Integration. These are FREE LearnDash add-ons that you can quickly install by going to LearnDash > Addons.
Look for LearnDash Course Grid and LearnDash WooCommerce and install and activate each.
You can now go back to the Astra template preview and hit refresh. This is what you should see:
It’s a really beautiful website that’s specially made for offering online courses. Click Import Site to use this template on your website.
This template is fully editable in Elementor, so you can edit the colors, texts, typography, images, and icons to match your brand.
If you’re not familiar with using Elementor, you can watch this tutorial of mine on how to use Elementor.
Step 4. Create your first course with LearnDash.
Now that the frontend of your website looks amazing, it’s time to add your content or courses. Some of you might be thinking that creating courses with LearnDash must be hard and complicated because it’s that way with most LMS out there.
But LearnDash recently pushed out an amazing course builder that makes course creation as simply as dragging and dropping lessons and topics. The LearnDash Academy template that we used for this website also imports sample courses that are displayed on the All Courses page. Here’s how they look like:
You’ll see that each course has a featured image, title, short description, a progress bar and percentage, and an Enrolled label. All these can be configured inside LearnDash.
If you go to LearnDash > Courses, you’ll see a list of all the courses on your website. You can edit the imported courses by clicking on their titles, or you can create a new course from scratch. To create a new course, click Add New.
You’ll then be taken inside the course editor. Give your course a title and add a short description. You can also add a featured image.
Then switch to the Settings tab to configure the settings of the course. In this tab, you’ll be able to add course materials, assign a course certificate, assign course prerequisites, etc.
If you scroll down, you’ll also be able to set who gets access to your course. It can be open to everyone, even non-registered users on your site, it can be freely accessible to registered members, or it can be bought for a one-time or recurring fee, and more.
If you click Buy now, you’ll be able to set the course price. As for the Recurring option, you’ll be able to set the course price as well as the billing cycle. The Closed option is best used when you want your course to be available inside a customized sales funnel which we’ll talk about later.
Step 5. Add sections and lessons to your course.
Once you’re done setting up the course, switch to the Builder tab at the top to start creating an outline for your course. If all you have is an outline, that’s fine because you can go back in later and add content to your lessons.
You can start by adding section headings by clicking New Section Heading. You can’t add content to section since they’re just a way to organize the flow of your course, much like a chapter title in a book.
Then you can add a new lesson by clicking New Lesson. You can add as many lessons as you want and rearrange them by dragging and dropping or by clicking the little up and down buttons on the side.
Another method to create a new lesson is going to LearnDash > Lessons > Add New.
The next step would be to add content to each lesson. When inside the course builder, you can do this by hovering your mouse over the lesson that you want to edit and clicking Edit.
You’ll be taken inside the lesson editor where you can add text, images, videos, and more. You’ll be able to customize the lesson page however you want and add as much content as you want.
Once you’re done with the content, click Settings at the top to further customize your lesson. Here’s where you can add lesson materials, enable video progression (if your courses are in video format), allow students to upload assignments, assign the lesson to a specific course, and also configure the lesson access settings.
If you scroll down the page, you’ll see lesson access settings where you can associate your lesson to a specific course.
You can also use LearnDash’s drip-feed feature where you can control when your lessons are going to be available to your students. If you select the Enrollment-based option, you can set a specific number of days after enrolment when the lesson is going to be available to your students.
Everything is done right inside LearnDash’s course builder so you can just focus on creating courses that add value to your audience.
Step 6. Break your lessons into smaller topics.
If your lesson covers multiple topics so that it becomes too long, breaking it up into smaller topics is a great way to avoid information overload for your students.
To add topics to a lesson, go to LearnDash > Topics > Add your first topic. If it’s not your first topic, click Add New.
Just like how you’ll edit lessons, you can edit topics by adding a title, a featured image, and any other content like text, images, embedded video, and other media.
Clicking Settings will take you to the settings page of the topic. Here, you can assign topic materials and enable options like video progression, assignment uploads, and timer.
You can also assign the topic to a course and a lesson under the Topic Access Settings.
Step 7. Adding quizzes to your course.
As a course creator, you might want to measure your students’ progress through quizzes and assignments. LearnDash makes the process of creating quizzes and assignments so simple yet complete with advanced features that will help you maximize each quiz and assignment you create.
To add a new quiz, go to LearnDash > Quizzes > Add New. Just like with lessons and topics, give your quiz a title and a short description. Then click the Settings tab to configure its settings.
Under the Quiz Access Settings, you can associate the quiz to a course and lesson, assign quiz prerequisites, and limit access to registered members.
Scroll down and you’ll see the Quiz Progression and Restriction section where you can set the passing score, assign a quiz certificate, restrict quiz retakes, require all questions to be completed, and even set a time limit.
Scrolling down will reveal even more settings like enabling quiz materials, enable the quiz to start automatically, choose how questions will be displayed, and so on. These settings are pretty advanced and will really let you assess your students the best way possible. Once you’re done, click Update.
Now it’s time to add questions to your quiz. To do that, go to LearnDash > Quizzes. Hover your mouse over the quiz that you want to add questions to and click Questions.
You’ll then be taken here:
Click either of the Add Questions buttons and you’ll be taken to the question editor. Inside the question editor, you’ll be able to add the actual question, assign the number of points it is equivalent to, assign messages to display if the student correctly or incorrectly answers the question, and so on.
You’ll also be able to select the answer type whether it’s a single choice, multiple choice, essay, fill in the blanks, etc. Clicking on an answer type will open a dropdown with additional settings specific to that answer type.
Step 8. Adding assignments to your lessons.
You can also add assignments to specific lessons by going to LearnDash > Lessons and editing the lesson that you want to add an assignment to. Once inside the lesson editor, click the Settings tab.
You’ll see under the Display and Content Options an option to enable Assignment Uploads. Enable this option. You’ll then see additional options like allowed file formats, file size limit, assigning the number of points for the assignment, and whether it will be graded automatically or manually.
Don’t forget to provide instructions for the assignment in your lesson. Click Update to save your changes.
At the end of the lesson, students will see an option to upload their assignments:
On the backend, you can view submitted assignments by going to LearnDash > Assignments.
Step 9. Connect a course to a sales funnel.
Earlier we saw that we can set the Course Access Settings to Closed which is best used when a course is available inside a customized sales funnel.
To connect a course to a customized sales funnel, we need to have the following plugins installed:
- LearnDash WooCommerce Integration
All of these plugins are free. While CartFlows has a premium version, the free version is enough to connect a course to a sales funnel.
If you have installed the LearnDash Academy template, all these three plugins will already be installed on your WordPress. But you have to make sure that they are activated by going to Plugins.
The first thing we have to do is run the WooCommerce setup wizard. When Woocommerce was installed, you may have noticed this message appear:
Click Run the Setup Wizard to enter the setup wizard. This is how the setup wizard works:
Once that’s done, go back to the WordPress dashboard and add a new product by going to Products > Add New. Name your product the same as the course that you want to link to a sales funnel.
If you scroll down, you’ll see an option to select Product Data. Select Course, and in the General tab, select the course that you want to connect it to in the Related Courses.
Once that’s done, it’s now time to create a custom sales funnel. This is what CartFlows is for. It’s a plugin that lets you create sales funnels right inside WordPress to enhance customers’ checkout experience and ultimately increase your revenue.
To create a sales funnel, go to CartFlows > Flows. The LearnDash Academy template already comes with a ready-made funnel/flow. You can choose to use that or you can create a flow from scratch.
If you want to create a flow, click Add New. There you will see a library of funnel templates that are ready to use and fully editable in Elementor. Select one that you like and click Import.
You’ll then be taken inside the flow editor where you can give the flow a name and rearrange the steps by simple drag and drop.
Next, you need to link the product that you just made to the checkout page. Edit the checkout page by hovering your mouse over it and clicking Edit. Scroll down, and in the Checkout Layout section, click Select a Product. Type the name of the product in the box and select it.
You can also play around with the other checkout settings like the design, layout, color, and more. Don’t forget to click Update to save all your changes.
Once that’s done, copy the URL of the checkout page then go to LearnDash > Courses. Edit the course that you want to connect to the sales funnel that you just created and go to Settings. Scroll down to the Access Mode section and select Closed. Enter the course price and the URL of the checkout page. Hit Update.
Now, when students buy this course, they will be taken to the custom checkout page that you created.
Now that you have seen how easy it is to create an online course website in WordPress, I hope that you’re going to take action and put your content out there. LearnDash empowers everyone, even non-techies, to create beautiful course websites in just a few hours.
I’m so excited to hear your success stories, and I’m here to answer any questions you might have.