# 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.

{% hint style="info" %}
To make the MasterStudy LMS widgets available for Divi Theme, the [MasterStudy LMS Divi Modules](https://wordpress.org/plugins/masterstudy-lms-divi-modules/) plugin should be installed and activated.
{% endhint %}

{% content-ref url="../divi-builder-integration" %}
[divi-builder-integration](https://docs.stylemixthemes.com/masterstudy-lms/divi-builder-integration)
{% endcontent-ref %}

{% content-ref url="lms-widgets/gutenberg-blocks" %}
[gutenberg-blocks](https://docs.stylemixthemes.com/masterstudy-lms/getting-started-1/lms-widgets/gutenberg-blocks)
{% endcontent-ref %}

### Courses 4 in 1 (Elementor)

{% embed url="<https://www.youtube.com/watch?v=_yJdPSVVLo8>" %}

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.

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FLBs7WFY9djM2kILhbElo%2FLMS%204v1%20-%20Dashboard.png?alt=media&#x26;token=0ddb5524-1de6-4775-a366-f7b09d40fe6f" alt=""><figcaption></figcaption></figure>

Earlier the following LMS widgets were available separately:

* [**Course Carousel**](#courses-carousel): The Course Carousel widget engages with a stunning carousel of the best courses available.
* [**Courses Grid**](#courses-grid): This widget allows you or your instructors to showcase the full course catalog in an easy-to-navigate grid layout.
* [**Featured Teacher**](#featured-teacher): This widget allows you to highlight a teacher and their courses.
* [**Courses archive**:](#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.&#x20;

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

{% hint style="info" %}
The presets are fully customizable, by editing the styles it is possible to create unique card layouts.
{% endhint %}

#### Course Carousel

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

{% tabs %}
{% tab title="Style 1" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FepThcGXX9fpsW09uMRIJ%2FLMS%204v1%20-%20Carousel%20classic.png?alt=media&#x26;token=a69412a5-2516-41cf-b699-205b7fc9169a" alt=""><figcaption><p>Classic Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 2" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FYNiyura2dtN84URjrfyp%2FLMS%204v1%20-%20Carousel%20st2.png?alt=media&#x26;token=4f0d5cc4-92ab-4bde-9828-4d274ceb063f" alt=""><figcaption><p>Price Accent Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 3" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FFqXY0jvvu6aK4bvKLSGO%2FLMS%204v1%20-%20Carousel%20st3.png?alt=media&#x26;token=af998169-d8b8-4f8f-b1d3-fcb9487c71f7" alt=""><figcaption><p>Price Button Style</p></figcaption></figure>

{% endtab %}

{% tab title="Style 4" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FJ8DJWkeMMhdGeBvOXPUB%2FLMS%204v1%20-%20Carousel%20st4.png?alt=media&#x26;token=ffe74288-8e7d-4408-af71-82752c1e388d" alt=""><figcaption><p>Full-Size Image Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 5" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FRJxuHXbYthJawneFDGTx%2FLMS%204v1%20-%20Carousel%20st5.png?alt=media&#x26;token=efb01114-2676-43fd-b773-ceb4b4ac8da6" alt=""><figcaption><p>Centered Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 6" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FWSgabf4FvixxncKTPSWL%2FLMS%204v1%20-%20Carousel%20st6.png?alt=media&#x26;token=0ad6cd07-aa0b-4e02-b53c-6298ec720e20" alt=""><figcaption><p>Info Accent Style</p></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Courses Grid

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

{% tabs %}
{% tab title="Style 1" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fz6lqpNpRLn87HdnnVEaK%2FLMS%204v1%20-%20grid%20st1.png?alt=media&#x26;token=be0b06b3-714c-41b7-864a-65b4cdcf00b9" alt=""><figcaption><p>Classic Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 2" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F0eGuuLh8AYpVREPd1bCy%2FLMS%204v1%20-%20grid%20st2.png?alt=media&#x26;token=649da28e-bee8-45a4-95ce-cb3666403f63" alt=""><figcaption><p>Price Accent Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 3" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FzY3s6kQ4rizQqts8CUYy%2FLMS%204v1%20-%20grid%20st3.png?alt=media&#x26;token=c19a2d64-e091-4c95-98d6-a9a30fce5fc4" alt=""><figcaption><p>Price Button Style</p></figcaption></figure>

{% endtab %}

{% tab title="Style 4" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FGklFC5bPPzJLzV1OQTaQ%2FLMS%204v1%20-%20grid%20st4.png?alt=media&#x26;token=04e3da3f-09c3-44d7-a373-c2514341dd62" alt=""><figcaption><p>Full-Size Image Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 5" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F104CIrl6GwuucjFCwZuO%2FLMS%204v1%20-%20grid%20st5.png?alt=media&#x26;token=9217bc49-dbe5-4a4b-984d-04867be4951d" alt=""><figcaption><p>Centered Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 6" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FX0TrOhilIkFl6VwvWwn9%2FLMS%204v1%20-%20grid%20st6.png?alt=media&#x26;token=3599a0ce-5401-48b0-97e6-f750b0c0f9b1" alt=""><figcaption><p>Info Accent Style</p></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Featured Teacher

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

{% tabs %}
{% tab title="Style 1" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FgI96mYIU09X5xVTthfEr%2FLMS%204v1%20-%20featured%20teacher%20st1.png?alt=media&#x26;token=82082e48-cf20-4749-9531-d254038160c6" alt=""><figcaption><p>Classic Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 2" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FptoyXqIj4lDRXqIm6qDb%2FLMS%204v1%20-%20featured%20teacher%20st2.png?alt=media&#x26;token=b756249e-eecb-483d-a34c-96cffa8d5798" alt=""><figcaption><p>Price Accent Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 3" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FO2jytAlXb9O6EnvHxOJu%2FLMS%204v1%20-%20featured%20teacher%20st3.png?alt=media&#x26;token=6bdf3898-8a2a-46a9-b595-2ac31d87b601" alt=""><figcaption><p>Price Button Style</p></figcaption></figure>

{% endtab %}

{% tab title="Style 4" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F8KBpT3HHiMEo03KSwVmh%2FLMS%204v1%20-%20featured%20teacher%20st4.png?alt=media&#x26;token=5bd4980c-14e4-43a1-afb1-42b013c865bc" alt=""><figcaption><p>Full-Size Image Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 5" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F4NQXFRLAwPeitUPx4511%2FLMS%204v1%20-%20featured%20teacher%20st5.png?alt=media&#x26;token=973b74a9-eb0f-4c74-870b-aeabae56993a" alt=""><figcaption><p>Centered Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 6" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FH5FuKcalc5mACrKjUTfF%2FLMS%204v1%20-%20featured%20teacher%20st6.png?alt=media&#x26;token=042d045c-0ce8-4647-a31f-bb192e2ce7c1" alt=""><figcaption><p>Info Accent Style</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
To display instructors with their courses, instructors' registration should be enabled in LMS settings.
{% endhint %}

#### **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.

{% tabs %}
{% tab title="Style 1" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fir1OlUio8GzkNCR8hoIq%2FLMS%204v1%20-%20archive%20%20st1.png?alt=media&#x26;token=aef1066f-52b6-407d-9cbb-093f7a752b10" alt=""><figcaption><p>Classic Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 2" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fx0MEIwnh9egsNLNnu0U1%2FLMS%204v1%20-%20archive%20%20st2.png?alt=media&#x26;token=9743fb2b-8dfc-43ec-a038-6429d2ad9037" alt=""><figcaption><p>Price Accent Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 3" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FNe0puShKMvdpzERQ1V8N%2FLMS%204v1%20-%20archive%20%20st3.png?alt=media&#x26;token=0ec5c8d2-2b0e-4620-bd5f-beb52cdae38a" alt=""><figcaption><p>Price Button Style</p></figcaption></figure>

{% endtab %}

{% tab title="Style 4" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FZf7NAk9fnybRzcuUUy6h%2FLMS%204v1%20-%20archive%20%20st4.png?alt=media&#x26;token=14a5a588-c062-4dc2-9414-582371b95866" alt=""><figcaption><p>Full-Size Image Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 5" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FAQB8XGlnUejeEkCJZlgI%2FLMS%204v1%20-%20archive%20%20st5.png?alt=media&#x26;token=bfcaba40-028f-4d40-a7a1-d4e6b61cbb10" alt=""><figcaption><p>Centered Style</p></figcaption></figure>
{% endtab %}

{% tab title="Style 6" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FEZKfa8t5pMO6x1dg2cnT%2FLMS%204v1%20-%20archive%20%20st6.png?alt=media&#x26;token=1b0e26b3-5108-4b2c-9933-5f878a42e10d" alt=""><figcaption><p>Info Accent Style</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="warning" %}
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.
{% endhint %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FDTdV69XhoXCJ1LaqIkYH%2FLMS%204v1%20-%20lms%20settings%20courses.png?alt=media&#x26;token=681a7e13-5f4f-47c2-a078-6ab2d647a043" alt=""><figcaption></figcaption></figure>

{% content-ref url="../lms-settings/courses" %}
[courses](https://docs.stylemixthemes.com/masterstudy-lms/lms-settings/courses)
{% endcontent-ref %}

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

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fo6R2VwcctgslfPYFJBJD%2FLMS%204v1%20-%20lms%20settings%20courses%20filter%20settings.png?alt=media&#x26;token=1e8ca6eb-ab58-4749-9504-aded8f13a600" alt=""><figcaption></figcaption></figure>

### 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

{% tabs %}
{% tab title="Style 1" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FO06NMLYDSwsWJPxGgQFv%2FLMS-Widgets%20-%20Instructors%20Slider%20style%201.png?alt=media&#x26;token=a4a77b46-05f1-4153-91a5-120bb059c2de" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 2" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F815p6p3eWpfgmrrJwwsg%2FLMS-Widgets%20-%20Instructors%20Slider%20style%202.png?alt=media&#x26;token=d757d58c-39b1-4372-ad58-9a578047dc00" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 3" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fj7w35GmYss3FEUq67pcS%2FLMS-Widgets%20-%20Instructors%20Slider%20style%203.png?alt=media&#x26;token=ba465d46-37a1-4d7d-b7f3-82061e889a73" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 4" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FzFeLUSWxvbB7aik18biz%2FLMS-Widgets%20-%20Instructors%20Slider%20style%204.png?alt=media&#x26;token=521aa83e-f339-4ab4-b394-33995de95056" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 5" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FWpL3UWbWLjaWa6kRIIGA%2FLMS-Widgets%20-%20Instructors%20Slider%20style%205.png?alt=media&#x26;token=cc9cc3e0-3073-45d5-93ce-9e47c1a1e62b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 6" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fa3lNNWxLxNqhEx9mWB2J%2FLMS-Widgets%20-%20Instructors%20Slider%20style%206.png?alt=media&#x26;token=f295bf7c-9143-4e46-b5e3-ea9f084e15d6" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

In carousel settings, AutoPay and Loop can be enabled:

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F9n6v01NCewHw6y7eDP9Y%2FLMS-Widgets%20-%20Instructors%20Slider.gif?alt=media&#x26;token=58be38d2-fd7e-40d3-9609-7663b50ecf69" alt=""><figcaption></figcaption></figure>

### Authorization Form (Elementor)

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

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Ftv8VgjLSwfbWrxS6Lvk1%2Fauthorization%20updates%208.jpg?alt=media&#x26;token=d5d87816-5075-40e3-9ea2-94b1e518e8ad" alt=""><figcaption></figcaption></figure>

Here you can choose the type of form to add:

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FdGfcZSCzm2J9dAqjxkaF%2Fauthorization%20updates%209.jpg?alt=media&#x26;token=3af8c55f-a5c9-470c-ac58-5f4fec222431" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F5BuQuDQ4uQjgz4VlwyIn%2Fauthorization%20updates%2010.jpg?alt=media&#x26;token=fa0916b1-9590-4095-9bae-82e34e4cb936" alt=""><figcaption></figcaption></figure>

### 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.

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FiLYxKNvgdBZ8vV3OghQB%2FLMS-Widgets%20-%20Testominals.gif?alt=media&#x26;token=72c366af-2834-4d54-bb59-10e25b901255" alt=""><figcaption></figcaption></figure>

### 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:

{% embed url="<https://docs.stylemixthemes.com/masterstudy-lms-starter-theme/blocks-and-content/header>" %}

This widget performs two tasks for Logged in and Guest users differently:&#x20;

{% tabs %}
{% tab title="Guest Users" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FnbcDInOXdoJSo0l5umn1%2FLMS-Widgets%20-%20login%20button%20guest.png?alt=media&#x26;token=f084d0c1-fec9-4752-a35c-feeb8f59adf3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Logged In Users" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FIJbadfStiTjKYbuOcJfF%2FLMS-Widgets%20-%20login%20button%20logged.png?alt=media&#x26;token=b896c8dc-bd59-4e1e-8534-16768754b852" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Featured Teacher

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

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FZ7Hj51dq12xyhCzeYJqF%2FLMS-Widgets%20-%20Featured%20teacher.png?alt=media&#x26;token=20dd84d3-37c1-4859-b853-3184cdb40e61" alt=""><figcaption></figcaption></figure>

### Instructors Carousel

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

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fknc5FjW2wtbqa9nbBdQx%2FLMS-Widgets%20-%20Instructors%20Carousel%20old.gif?alt=media&#x26;token=e93e7194-162a-409b-995a-f3ec152bb1b5" alt=""><figcaption></figcaption></figure>

The widget has two style presets:

* Profile Picture Rounded
* Profile Picture Square

{% tabs %}
{% tab title="Profile Picture Rounded" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FUYThmjGf1YQP64n4Gkq3%2FLMS-Widgets%20-%20Instructors%20Carousel%20style%201.png?alt=media&#x26;token=4c5ebe9f-d4aa-4b74-aca1-be3c980b8f9b" alt=""><figcaption></figcaption></figure>

View all button lead to the Instructors archive page that was set in the [LMS settings](https://docs.stylemixthemes.com/masterstudy-lms/lms-settings/profiles#instructors-archive-page).
{% endtab %}

{% tab title="Profile Picture Square" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FrnrTI9Q6wQFWk9Ju6nCJ%2FLMS-Widgets%20-%20Instructors%20Carousel%20style%202.png?alt=media&#x26;token=682bd5db-64a3-4267-99bd-6badef3be460" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

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.

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2ForW2BrdWnDJQYCSvNgzS%2FLMS-Widgets%20-%20Single%20Course%20Carousel.png?alt=media&#x26;token=63e9fd37-edc2-4c52-adf6-0391f047b3cc" alt=""><figcaption></figcaption></figure>

The courses on the carousel can be sorted by:

* Course Popularity
* Free Courses
* Courses Rating

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F9pkW0XhRS9fJoBml6UQi%2FLMS-Widgets%20-%20Single%20Course%20Carousel.gif?alt=media&#x26;token=38ac6897-7976-4531-87b0-54521fc7439b" alt=""><figcaption></figcaption></figure>

### Courses Search box

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](https://docs.stylemixthemes.com/masterstudy-lms/lms-settings/courses).&#x20;

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F1LhpXCbNVzfY4YgCDgp5%2FLMS-Widgets%20-%20Courses%20search%20box%20style%201.gif?alt=media&#x26;token=3c905a55-1a04-43ed-9621-53f256d36eda" alt=""><figcaption></figcaption></figure>

The widget has two style presets and includes search suggestions:

* Search box wide
* Search box with a button

{% tabs %}
{% tab title="Search box wide" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FjTdb5k5eBjbY2sUu4sVT%2FLMS-Widgets%20-%20Courses%20search%20box%20style%201.png?alt=media&#x26;token=50544d44-a3ba-448e-9ec4-096796f62d44" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Search box with button" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FJH51TwrAGO3wvO94N5c1%2FLMS-Widgets%20-%20Courses%20search%20box%20style%202.png?alt=media&#x26;token=4124aeb3-3ff0-4b93-8c94-114548e29083" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Courses Carousel

Courses Carousel widget displays courses on the website in carousel view.&#x20;

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FFy5C8WX2EB244TBKiBx1%2FLMS-Widgets%20-%20Courses%20Carousel.gif?alt=media&#x26;token=8cafd458-6b5b-4194-99f9-c9c61f5e5467" alt=""><figcaption></figcaption></figure>

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

{% tabs %}
{% tab title="Carousel with Course categories" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FhD23mDUbvzC59tiuoFXj%2FLMS-Widgets%20-%20Courses%20Carousel%20style%201.png?alt=media&#x26;token=a0c65961-546a-4271-8364-bd02a084e080" alt=""><figcaption></figcaption></figure>

The View all button opens all courses in the [Courses archive page](https://docs.stylemixthemes.com/masterstudy-lms/lms-settings/courses).&#x20;
{% endtab %}

{% tab title="Carousel without Course categories" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F3J0yIN7sYEt9xFCCZmFr%2FLMS-Widgets%20-%20Courses%20Carousel%20style%202.png?alt=media&#x26;token=7adc3d71-0c88-4e5b-b5b3-6bb78a762209" alt=""><figcaption></figcaption></figure>

The View All button opens all courses on the [Courses archive page](https://docs.stylemixthemes.com/masterstudy-lms/lms-settings/courses).&#x20;
{% endtab %}
{% endtabs %}

### 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&#x20;

{% tabs %}
{% tab title="Style 1" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FKmb9FEwTMEmNqdnnWhPV%2FLMS-Widgets%20-%20Courses%20Categories%20style%201.png?alt=media&#x26;token=baf342af-b240-4bf2-a5bf-a3454b960b7b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 2" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FbL8fqqQ0vbojwiGmvVm6%2FLMS-Widgets%20-%20Courses%20Categories%20style%202.png?alt=media&#x26;token=245b4e0a-9447-407e-971d-6b5cc9e627fc" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 3" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F8vln7HljJKnOeVPmLE00%2FLMS-Widgets%20-%20Courses%20Categories%20style%203.png?alt=media&#x26;token=f66e487d-78be-460d-9e87-e30d7e5a2bc7" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 4" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FRkW32Ip2zVCkw16yBVKv%2FLMS-Widgets%20-%20Courses%20Categories%20style%204.png?alt=media&#x26;token=2b115100-361b-49e9-883b-e134df861d9e" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 5" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F2bkgi4IXff6BI662glZT%2FLMS-Widgets%20-%20Courses%20Categories%20style%205.png?alt=media&#x26;token=94f38c87-3423-498e-8ba4-99198061c9db" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 6" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FXCCR1VObUDLhZRRTa1u7%2FLMS-Widgets%20-%20Courses%20Categories%20style%206.png?alt=media&#x26;token=331bb87b-a95f-41a3-bf51-c3b4529759fb" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### 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:

{% tabs %}
{% tab title="Default" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fj8i0j5LNKhAfpNCwpUPm%2FLMS-Widgets%20-%20Courses%20Grid%20style%201.png?alt=media&#x26;token=bb1c8465-742a-4621-ab19-a31373b8e68a" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Sort filter hidden" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FJNTnRjmu6V1OFdPgznEo%2FLMS-Widgets%20-%20Courses%20Grid%20style%202.png?alt=media&#x26;token=435ad1bd-a47d-41c5-9f3c-902305715a24" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Load more button hidden " %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FoOR5LSTsw4nbbwpzKBYu%2FLMS-Widgets%20-%20Courses%20Grid%20style%203.png?alt=media&#x26;token=fd9dd1a2-fd53-4fc0-b729-a3ddde7b6e20" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Sort filter & Load more hidden" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FhkCyWJWKDaYCGbJJnaik%2FLMS-Widgets%20-%20Courses%20Grid%20style%204.png?alt=media&#x26;token=34979a48-aba9-4e1f-9f12-217115dab03b" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Recent Courses

The Recent Courses widget displays the latest created courses with their categories. The widget has the following style presets:

* Style 1 - Recent courses with Show More button
* Style 2 - Recent courses without Show More button
* Style 3 - Course Categories with transparent buttons

{% tabs %}
{% tab title="Style 1" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FXmIUyxpuW8nK14PhNJal%2FLMS-Widgets%20-%20Recent%20Courses%20style%201.png?alt=media&#x26;token=4b4cc575-b182-4079-8c70-c5734afe2dec" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 2" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FI6EDI2EoWHYaX6AahmYl%2FLMS-Widgets%20-%20Recent%20Courses%20style%203.png?alt=media&#x26;token=b609e71c-70df-4061-bab6-37d441bd2cbd" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 3" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fkyt9H7dLSae31PcYDvol%2FLMS-Widgets%20-%20Recent%20Courses%20style%202.png?alt=media&#x26;token=650541a4-6558-4b60-bb95-74f7f0a0af49" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Certificate Checker (Pro version)

The Certificate Checker widget is used to validate certificates with Student's code which can be copied in the User account > Certificates section:

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FwnK1Ej9lidIBvDnKlB1X%2FLMS-Widgets%20-%20Certificate%20checker%20copy%20code.png?alt=media&#x26;token=ac4ad728-f4b0-4664-a6f8-edc5d54e0b08" alt=""><figcaption></figcaption></figure>

If the certificate is valid the following message appears:

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FbszoHgcTe3iOB47nhISH%2FLMS-Widgets%20-%20Certificate%20checker%20valid.png?alt=media&#x26;token=d6301757-8ef0-422f-b9d8-c55aa20c82b9" alt=""><figcaption></figcaption></figure>

### Course Bundles (Pro version)

Course Bundles widget displays [bundled courses ](https://docs.stylemixthemes.com/masterstudy-lms/lms-pro-addons/course-bundles)of the Instructors:

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FAzyF9a4g0LzJMkOC2qbg%2FLMS-Widgets%20-%20Course%20Bundles.png?alt=media&#x26;token=0d60e987-1e28-4a85-a7ba-fa29340f88f4" alt=""><figcaption></figcaption></figure>

### Google Classrooms (Pro version)

The Google Classrooms widget displays courses that were imported from Google using [Google Classroom](https://docs.stylemixthemes.com/masterstudy-lms/lms-pro-addons/google-classroom) API.

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FtHFyFMgw7QZfktMHh8Uw%2FLMS-Widgets%20-%20Google%20clasrooms.png?alt=media&#x26;token=0c648228-556f-414e-8ba3-a304bfdeab4d" alt=""><figcaption></figcaption></figure>