MasterStudy LMS Pro Plus
Plugin PageVideo TutorialsChangelogResourcesGet MasterStudy
  • Introduction | MasterStudy LMS Documentation
  • Getting Started
    • Free Version and Pro Plus Version
    • System Requirements
    • Plugin Installation
    • Upgrading the License
    • Update The Plugin
    • AppSumo Deal
    • Update Billing Details and Access Invoices
    • LMS Wizard
    • LMS Widgets
      • Gutenberg Blocks
    • License Utilization
    • Fueature Request
  • LMS Settings
    • General
    • Courses
    • Course
    • Course Player
    • Reports & Analytics
    • Quiz
    • LMS Pages
    • Payment Methods
    • reCAPTCHA
    • Profiles
      • Authorization
      • Social Login
      • Profile Menu Reordering
    • Grades
    • Certificates
    • Payout
    • Privacy Policy
    • Shortcodes
    • Import/Export
  • LMS PRO Addons
    • Certificate Builder
    • Email Manager and Branding
      • Email Templates
    • LMS Forms Editor
      • How to edit the registration form?
    • Zoom Conferencing
    • Google Meet
    • Assignments
    • Drip Content
    • Group Courses
    • Live Streaming
    • Course Bundles
    • Point System
    • Media File Manager
    • SCORM
    • Trial Courses
    • Statistics & Payouts
    • Online Testing
    • Multi-instructors
    • Google Classroom
    • Udemy Course Importer
    • Prerequisites
    • The Gradebook
    • Upcoming Course Status
    • Question Media
    • Social Login
    • Audio Lesson
    • Grades
  • LMS Course Features
    • Course Builder
      • How to Add Math Equations in MasterStudy?
    • Lessons
    • Video Lessons
    • Quizzes
    • Questions
    • Reviews
    • Orders
      • Sales Page for Instructor
    • Courses Category
    • Course & Lesson Materials
    • Course Drafts for Instructors
    • Manage Students
    • Change Course Author
    • Instructors Requests
    • Video Preview for Single Course
    • Course Announcements
    • Public Profiles
  • PayPal Payouts Setup
    • General Settings
    • Business Account Settings
    • Developer Account Settings
    • Instructor Settings
    • Payouts Process
    • Automatic Payouts (Expert)
  • LMS Analytics
    • Analytics for Admin
      • Revenue
      • Engagement
      • Users
      • Reviews
    • Analytics for Instructors
      • Revenue
      • Engagement
      • Students
      • Reviews
    • Student Reports
  • Integrations
    • Membership System
    • H5P Plugin
    • Presto Player Integration
    • SureTriggers Integration
    • PeepSo Integration
    • Studiocart Integration
    • VdoCipher Integration
    • Polylang Integration
      • LMS Contents Translation
    • Plugin Translation
      • Loco Translate
  • WPML
    • Getting Started
    • Translating LMS pages
    • Translating Lessons
    • Translating Quizzes
    • Translating Assignments
    • Translating Courses
    • Making Static String Translations
  • Divi Builder Integration
    • Getting Started
    • MasterStudy LMS Divi Modules
  • Woocommerce
    • Installation and Settings
    • Orders Management
  • Troubleshooting
    • Introduction
    • Plugin Conflicts
    • Theme Compatibility
    • 404 Errors
    • Update Issues
    • New Comment Email
    • Cache Settings
    • Email not sending
    • Debug Logs
    • Submit a Support Ticket
  • Developer's guide
    • Components
      • Back-link
      • Button
      • Countdown
      • Curriculum-accordion
      • Discussions
      • File-attachment
      • Progress
      • Tabs
      • Nav-button
      • Hint
      • Editor
      • Alert
      • File-upload
      • Loader
      • Tabs-pagination
      • Dark-mode-button
      • Buy-button
      • Pagination
    • Course Builder Customization
    • Course Builder Custom Fields
    • Course Player Templates
  • Changelog
  • Release Notes
  • Changelog (Free Version)
  • Changelog (Pro Version)
  • Changelog (Divi Modules)
  • Stylemixthemes
    • MasterStudy Starter Theme
    • MasterStudy LMS Plugin
    • Themes
    • Plugins
Powered by GitBook
On this page
  • Introduction
  • Free Modules
  • MS Courses Grid
  • MS Courses Carousel
  • MS Courses Categories
  • MS Courses Searchbox
  • MS Featured Teacher
  • MS Instructors Carousel
  • MS Recent Courses
  • MS Single Course Carousel
  • MS Icon Box
  • MS Blog Module
  • Pro Modules
  • MS Course Bundles
  • MS Google Classrooms
  • MS Certificate Checker

Was this helpful?

Export as PDF
  1. Divi Builder Integration

MasterStudy LMS Divi Modules

PreviousGetting StartedNextInstallation and Settings

Last updated 6 months ago

Was this helpful?

Introduction

Currently, our MasterStudy LMS Divi Modules plugin provides users with 10 modules (widgets) that work with our MasterStudy LMS plugin and 3 additional modules (widgets) that work with our MasterStudy LMS Pro plugin.

When you start creating or editing a page, you will be prompted to use Divi Builder.

In the Insert Module interface search bar, you can type MS to find all our MS Modules.

Free Modules

MS Courses Grid

Use this Divi module to create a Courses Grid block.

Once you add it to your page you will find the following options in Content tab:

  • Hide Top bar – hides module title and sorting option

  • Module Title – specifies module header

  • Load more – adds “Load more” button

  • Sort Courses – adds sorting option

  • Image size – specifies image size

  • Courses Per Row – defines how many courses will be displayed per row

  • Courses Per Page – defines how many courses will be displayed per page

Frontend view:

MS Courses Carousel

Use this Divi module to create a Courses Carousel block.

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

  • Sorting options – adds sorting option

  • Previous/Next buttons – adds Previous and Next buttons

  • Border removing – removes module elements border

  • Displaying of categories – defines whether categories will be displayed or not

  • Number of courses per row – defines how many courses will be displayed per row

  • Included Categories – defines what kind of courses will be shown on page

Frontend view:

MS Courses Categories

Use this Divi module to create a Courses Categories block.

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

  • Style – defines the appearance of style preset

  • Included Categories – defines what kind of courses will be shown on page

NOTE:

Categories should have pictures and icons for this module to work properly.

Frontend view:

MS Courses Searchbox

Use this Divi module to create Courses Searchboxes.

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

  • Style – defines the appearance of style preset

Frontend view:

MS Featured Teacher

Use this Divi module to create a Featured Teacher block.

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

  • Instructor Position – shows instructor's position (category)

  • Instructor Bio – specifies instructors's bio

  • Image – here you can upload a module background picture

  • Select instructor – here you can select an instructor

Frontend view:

MS Instructors Carousel

Use this Divi module to create a Courses Carousel block.

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

  • Title Color – specifies module header color

  • Limit – specifies the limit of instructors to show

  • Per row – limit per row

  • Per row on Notebook – limit per row on notebook

  • Per row on Tablet – limit per row on tablet

  • Per row on Mobile – limit per row on mobile devices

  • Style – defines the appearance of style preset

  • Prev Next Buttons – adds Previous and Next buttons

  • Pagination – defines whether courses will be separated by pages or not

  • Sort by – enables sorting option

Frontend view:

MS Recent Courses

Use this Divi module to create a Recent Courses block.

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

  • Number of courses to show – defines how many courses will be shown on page

  • Style – defines the appearance of style preset

  • Courses Per Row – defines how many courses will be shown per row

  • Image size – specifies recent courses horizontal image size

Frontend view:

MS Single Course Carousel

Use this Divi module to create a Single Course Carousel block.

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

  • Sorting – enables sorting option

  • Prev Next Buttons – adds Previous and Next buttons

  • Categories – defines of which categories courses will be shown in module

Frontend view:

MS Icon Box

Use this Divi module to create an Icon Box block.

Once you add it to your page you will find the following options in Content tab:

  • Image – here you can upload module background picture

  • Button Link URL – link to a specified page

  • Module Title – specifies module header

  • Icon Box Description – here you can add a module description

  • Icon Box Button – specifies the module button

  • Image Width – specifies module image size

  • Icon Box Width – specifies module icon box size

  • Button Title Color – specifies button title color

  • Button Background Color – specifies button background color

Frontend view:

MS Blog Module

Use this Divi module to create a Blog module.

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

  • Post Count – defines how many posts will be displayed

  • Select the blog style – defines the appearance of style preset

  • Post Date Title Color – specifies date title color

  • Post Date Background Color – specifies date background color

Frontend view:

Pro Modules

MS Course Bundles

Use this Divi module to create a Course Bundles block.

NOTE:

For this widget to work properly, you need to activate the Course Bundles addon and set bundle limitations in Dashboard > STM LMS > Course Bundle Settings.

Widget won't be displaying any info if no bundle were created by Instructors.

Go to the following page for detailed instructions:

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

  • Number of Courses per page – defines how many courses will be displayed on page

  • Number of Columns – defines how many courses will be displayed on page

Frontend view:

MS Google Classrooms

Use this Divi module to import a Google Classrooms block.

NOTE:

For this widget to work properly, you need to activate Google Classrooms addon, get API Credentials, and import Google Classrooms.

Go to the following page for detailed instructions:

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

  • Number of Classrooms on the Page – defines how many classrooms will be displayed on page

Frontend view:

MS Certificate Checker

Use this Divi module to add the Certificate Checker bar.

Once you add it to your page you will find the following options in Content tab:

  • Module Title – specifies module header

Frontend view:

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to for detailed information.

Divi Advanced Design Settings documentation page
Divi Advanced Design Settings documentation page
Divi Advanced Design Settings documentation page
Divi Advanced Design Settings documentation page
Divi Advanced Design Settings documentation page
Divi Advanced Design Settings documentation page
Divi Advanced Design Settings documentation page
Divi Advanced Design Settings documentation page
Divi Advanced Design Settings documentation page
Divi Advanced Design Settings documentation page
Course Bundles
Divi Advanced Design Settings documentation page
Google Classroom
Divi Advanced Design Settings documentation page
Divi Advanced Design Settings documentation page
Style 1
Style 2