The Courses element shows your online courses on your website. It can show a catalog of all published courses, with a page per course, free preview lessons and a Start or Buy button, or just one course. Students follow their lessons on the same site.
Before you start
- Create and publish a course in the Courses product. See Creating a course.
- The Courses element is grouped with the webshop elements. It appears in the Elements panel when the webshop is turned on for your project, because paid courses are sold through the cart.
Add the element
- Open the page in the Website Builder, for example a Courses page.
- Click Elements in the left sidebar.
- Drag Courses into a section.
- Open the element settings.
- Leave One course (slug) empty to show all published courses, or type the slug of one course to show only that course.
What visitors see
- Course cards with the number of modules and lessons, and Free for free courses.
- View course opens the course page with the Course content and lessons marked Free preview.
- Start course for free courses, or Buy course to add a paid course to the cart.
- Visitors who are not logged in see Log in or create an account to start this course.
- Enrolled students see My courses, their progress, Mark complete and Next lesson.
Test it
- Publish your website.
- Open the page and click View course.
- Start a free course or buy a test course to check the student flow.
Selling and free courses: Selling a course or offering it for free. More options to show courses: Showing courses on your website.
Tip: if the element shows No courses yet., check that your course is published in the Courses product.
Frequently asked questions
Where do I find the slug of a course?
The slug is the last part of the course address, set in the course settings in the Courses product.