Tutor LMS – Total Enrollment Element

Overview

The Total Enrollment element in Tutor LMS displays the total number of students who have enrolled in a particular course or course bundle. This element helps provide social proof by showing how many learners have joined the course, indicating its popularity and trustworthiness. It also includes styling options for customizing the appearance of the enrollment count.

Features

• Displays the total number of students enrolled in the course or bundle.
• Offers an optional custom label for the enrollment count (e.g., “Students Enrolled,” “Total Learners”).
• Provides styling options for text color, font, alignment, and icons to match your website’s design.

Available Controls

Content Controls

1. Enable/Disable Total Enrollment Section – Option to show or hide the enrollment count.
2. Custom Label – Set a custom label for the total enrollment section (e.g., “Students Enrolled,” “Total Learners,” “Course Participants”).
3. Display Enrollment Count – Shows the total number of students who have enrolled in the course.
4. Enrollment Count Format – Option to display the enrollment count in various formats (e.g., with commas, without commas, or with an additional message like “X students have joined”).

Style Controls

Label Styling

1. Label Text Color – Change the color of the total enrollment label (e.g., “Students Enrolled”).
2. Label Typography – Adjust the font size, weight, and style for the label to ensure it aligns with the site design.

Enrollment Count Styling

3. Enrollment Count Text Color – Customize the color of the total enrollment number to make it stand out.
4. Typography – Set the font size, weight, and style for the enrollment count text.
5. Font Style – Option to apply bold or italic styling to the enrollment number.

Icon Styling

6. Icon Type & Size – Option to add an icon next to the enrollment number (e.g., a user or group icon).
7. Icon Color – Customize the color of the icon to match the site’s theme.

Layout & Alignment

8. Spacing & Padding – Adjust spacing around the total enrollment section for better layout control.
9. Alignment Options – Align the enrollment label and count left, center, or right according to your design preferences.

Dynamic Behavior

• Automatically pulls the enrollment data for each course or course bundle based on the number of students enrolled.
• If the course has no enrolled students yet, the element will show a default message or remain hidden, depending on the configuration.
• The enrollment count is updated dynamically as students enroll or leave the course.

Use Case

• Builds credibility by showing how many other learners have joined the course.
• Encourages new students to enroll by showcasing the course’s popularity.
• Can be placed in the course detail section to give learners insight into how many others have enrolled.
• Shows social proof to demonstrate the course’s value based on the number of enrolled students.