Course Enrollment Box
The Course Enrollment Box element in Tutor LMS displays different buttons based on the student’s enrollment status and progress within a course. This element helps guide learners with appropriate actions at different stages of their learning journey.
Features of Course Enrollment Box Element
- Dynamic Enrollment Buttons: Displays different buttons based on the user’s status.
- Progress Tracking: Shows the student’s course progress.
- Access Control: Handles course accessibility based on purchase, enrollment, or completion.
- User-Friendly Interface: Simplifies navigation by guiding learners with the right options.
- Customization Options: Allows styling and modification of button text and appearance.
Button Variations Based on Status
The Course Enrollment Box displays different buttons based on the student’s course status:
| Status | Displayed Button | Action |
|---|---|---|
| Not Enrolled (Paid) | Buy Course | Redirects to checkout page |
| Not Enrolled (Free) | Enroll for Free | Enrolls student in the course |
| Enrolled (Not Started) | Start Learning | Redirects to first lesson |
| In Progress | Continue Learning | Redirects to last accessed lesson |
| Course Completed | Complete Course | Marks course as completed if required |
| Certificate Available | View Certificate | Opens the course certificate |
Where Can You Use This Element?
- Course Landing Pages – Encourage users to enroll in a course.
- Student Dashboard – Allow students to manage their active courses.
- Course Progress Pages – Help students track progress and access lessons.
Customization & Styling Options:
1. Button Appearance
- Customize button text, size, and color.
- Modify hover effects and animations.
- Adjust spacing and padding for a better layout.
3. Access Control & Behavior
- Enable redirects for purchase or enrollment.
- Set up conditional display rules for logged-in users.
How to Use It?
- Add the “Course Enrollment Box” element to your Tutor LMS page.
- Configure button settings to control actions based on user status.
- Customize the appearance using the available style options.
- Save & Publish to display the correct call-to-action for students.
The Course Enrollment Box element ensures a smooth and engaging user experience by providing context-sensitive buttons for learners at every stage of their course journey. Let me know if you need further modifications!