You'll learn how to build, and sell an online course with WordPress, using only free plugins! With this step by step tutorial, the only thing you'll need to get started is some good web hosting. We recommend using SiteGround, you'll get a big discount when you first sign up here ➡ https://ideaspot.com.au/siteground-70 (70% off)
👋UPDATE👋 in 2021 I'd recommend using TutorLMS rather than learn dash – I have a setup tutorial here: https://youtu.be/p9mpXH0N620
TutorLMS has a much better signup and payment process using WooCommerce! It's also free too!
The CSS we used & other tips in our blog post here:
We will be using the free versions of LearnPress & Elementor, along with an Astra starter site template to build the online course. One of the best features of the LearnPress free version is that it includes a PayPal payment gateway that is easy to setup. This should give good results for beginners. We also make a customized login page using ‘Login with Ajax'. Later in the course building tutorial, we show a few methods of adding videos to your courses (free methods and pro methods).
This is a complete step by step guide to build an online course. So, we've divided the video into sections so if you need to skip to a certain part, you can do that here:
1:35 Domain name and hosting setup with SiteGround
3:31 Setting up WordPress with SiteGround
5:57 Install Astra them and select starter template
7:04 Customizing header logo
8:53 Changing Elementor background images, overlays, text and buttons
12:35 Setting up LearnPress plugin (Free version)
14:03 Payment settings for LearnPress (sell your own online courses)
15:34 Enable new user registrations (anyone can register)
17:04 LearnPress General Settings
20:11 Adding a new course with LearnPress
25:55 Set featured image for course
27:39 LearnPress: Remove student count, remove course breadcrumbs
28:17 Edit Astra starter template elementor footer
29:49 LearnPress quiz question creation
37:40 LearnPress checkout page customization (button styled links)
42:47 LearnPress Courses page, page title customization
43:24 Customize header menu & header button
51:02 Put a course join button on the home page
52:21 Adding videos to LearnPress courses
59:10 Make a custom login page, redirect students on login and logout
1:04:37 Turn off the WordPress admin bar for students
The CSS we used is in our blog post here:
Have fun with your project!
At IdeaSpot, we support the free and open exchange of knowledge and information. Please support us by using these description links included here. Besides the great discounts you can get from these links, they help us grow too by providing us a small commission on referral. Thank you for supporting IdeaSpot so we can continue to provide you with free content each week!