LMS Widgets

MasterStudy LMS Plugin includes ready widgets for popular page builders Elementor, WPBakery, Gutenberg, and Divi. Using widgets instead of shortcodes allows you to visually check the changes while building a website.

To make the MasterStudy LMS widgets available for Divi Theme, the MasterStudy LMS Divi Modules plugin should be installed and activated.

Divi Builder Integration Gutenberg Blocks

Courses 4 in 1 (Elementor)

The Courses 4-in-1 Widget is exclusively available for elementor and combines four widgets Courses Grid, Course Carousel, Featured Teacher blocks, and Courses Archive page.

Earlier the following LMS widgets were available separately:

Course Carousel: The Course Carousel widget engages with a stunning carousel of the best courses available.
Courses Grid: This widget allows you or your instructors to showcase the full course catalog in an easy-to-navigate grid layout.
Featured Teacher: This widget allows you to highlight a teacher and their courses.
Courses archive: This is a page that displays all the courses available on your website.

The Courses 4 in 1 combines the widgets listed above into one widget and offers the following styles for course cards.

Style 1 - Classic
Style 2 - Price Accent
Style 3 - Price Button
Style 4 - Full-Size Image
Style 5 - Centered
Style 6 - Info Accent

The presets are fully customizable, by editing the styles it is possible to create unique card layouts.

Course Carousel

The Carousel type of Courses widget displays courses from selected categories on the website in carousel view.

Courses Grid

The Grid type of Courses widget displays a number of courses from selected categories on the website in grid view.

Featured Teacher

The "Featured Teacher" type of Courses widget showcases an instructor with courses available.

To display instructors with their courses, instructors' registration should be enabled in LMS settings.

Courses archive

The Archive type of Courses widget displays all available courses on the site. Search results, load more buttons of the Course Grid, and course carousel widgets will be redirected to this page.

The 'Archive' type should be used only once on the website and the page should be set as an archive page in MS LMS > LMS settings > Courses section.

Courses

In the Courses Widget settings, you have the option to modify the filter's position or disable it entirely.

Instructors Carousel (Elementor)

Instructors Carousel widget is available for only Elementor Page builder and displays the users with Instructor user roles on the Website with their social links, number of courses, reviews, and overall ratings in Slider view. The widget has the following presets and they can be easily customized:

Style 1 - Profile Picture Rounded
Style 2 - Profile Picture Rounded Dark
Style 3 - Bordered Card
Style 4 - Squared Profile Picture
Style 5 - Bordered Squared
Style 6 - Profile Picture Above Container

In carousel settings, AutoPay and Loop can be enabled:

Authorization Form (Elementor)

You can add a customizable Sign Up or Login form to your site with the Authorization Form widget for Elementor.

Here you can choose the type of form to add:

General Form: For all users.
For Instructors Only: Tailored to instructors.

And also set the starting form to be Sign up or Login.

Testimonials (Elementor)

The Testimonials widget is used to display customer testimonial information. It is useful to show prospective customers what other people are saying about your teaching platform.

Site Authorization Links (Elementor)

The Site Authorization Links widget is used to add a login/register button to the custom header that is created with Elementor Header & Footer builder plugin:

https://docs.stylemixthemes.com/masterstudy-lms-starter-theme/blocks-and-content/headerdocs.stylemixthemes.com

This widget performs two tasks for Logged in and Guest users differently:

Featured Teacher

The featured Teacher widget highlights one of the users with Instructor user roles on the website with the courses.

Instructors Carousel

Instructors Carousel widget displays the users with Instructor user roles on the Website with their social links in slider view.

The widget has two style presets:

Profile Picture Rounded
Profile Picture Square

View all button lead to the Instructors archive page that was set in the LMS settings.

The instructors can be sorted by their ratings or registration date.

Single Course Carousel

The single Course Carousel widget displays the available courses in the slider. Each slide of the carousel includes single course information including price, category, level, and curse duration.

The courses on the carousel can be sorted by:

Course Popularity
Free Courses
Courses Rating

The courses Search box widget can be used to search Courses within a website by keywords. The Search results will be displayed on the Courses archive page.

The widget has two style presets and includes search suggestions:

Search box wide
Search box with a button

Courses Carousel

Courses Carousel widget displays courses on the website in carousel view.

The widget has two style presets and courses can be sorted by Course Popularity, Free Courses, and Courses Rating:

Carousel with Course categories
Carousel without Course categories

The View all button opens all courses in the Courses archive page.

Courses Categories

Courses Categories widget is used to display the categories and sort courses by them. The widget has six styles presets:

Style 1 - Category cards with the label below
Style 2 - Category cards with label inside
Style 3 - Category buttons
Style 4 - Category colorful cards
Style 5 - Category cards with images
Style 6 - Category colorful cards wide

Courses Grid

The Courses Grid widget is used to display the available courses in Grid View. In widget settings, the Sort filter and Load more buttons can be disabled: