MasterStudy Theme Documentation
Theme PageVideo TutorialsChangelogCreate a TicketGet MasterStudy
  • Education WordPress Theme - Masterstudy
  • General
    • System Requirements
    • What's Included In My Purchase
    • Where Is My Purchase Code?
    • Theme License
    • Hosting
    • How to Get Support
  • Installation & Activation
    • MasterStudy Installation
    • Common Installation Errors
    • Theme Activation
    • Multiple Websites on One License
    • License Key Deactivation
    • Activation FAQ
  • Getting Started
    • Import The Demo Content
    • Switch Between Different Demos
    • How To Update MasterStudy
    • System Status
    • LMS Wizard
    • Patch: Convert from WPB to Elementor
  • Blocks & Sidebars
    • Header Setup
    • Sidebars Setup
    • Footer Setup
    • Elementor Header & Footer
  • Theme Options
    • General Settings
    • Header
    • Top Bar
    • Styling
    • Post Type Settings
    • Events
    • Typography
    • Footer
    • Social Media
    • MailChimp
    • Custom CSS
    • Import / Export
  • 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
  • MasterStudy LMS Pro Addons
    • Certificate Builder
    • Email Manager
    • LMS Forms Editor
      • How to edit the registration form?
    • Zoom Conferencing
    • Assignments
    • Drip Content
    • Group Courses
    • Live Streaming
    • Course Bundle
    • Point System
    • Media File Manager
    • SCORM
    • Trial courses
    • Statistics and Payout
    • Online Testing
    • Multi-instructors
    • Google Classroom
    • Udemy Importer
    • Prerequisites
    • The Gradebook
  • LMS Course Features
    • Course Builder
      • How to Add Math Equations in MasterStudy?
    • Lessons
    • How to add a video to the lesson
    • Quizzes
    • Questions
    • Reviews
    • Orders
    • Courses Category
    • Course & Lesson Materials
    • Course Drafts for instructors
    • Manage Students by Admin
    • Change Course Author
    • Instructors requests
    • Course Announcements
    • Public Profiles
  • PayPal Payouts Setup
    • General Settings
    • Business Account Settings
    • Developer Account Settings
    • Instructor Settings
    • Payouts Process
    • Automatic Payouts (Expert)
  • Integrations
    • Membership System
    • Restore Password
    • BuddyPress
    • Contact Form 7
    • H5P plugin
    • Presto Player Integration
    • VdoCipher
    • Polylang Integration
      • LMS Contents Translation
    • WPML
  • Post Types
    • Blog Posts
    • Event Posts
    • Galleries
    • Testimonials
    • Teachers
  • WooCommerce
    • Installation and Settings
    • Orders Managament
    • WooCommerce Shop
    • Woocommerce Courses (not LMS)
    • WooCommerce Products
  • MasterStudy Translate
    • Translation Basics
    • Translation Prepаration
    • Homepage
    • All Courses Page
    • Single Course
    • Course Items
    • Profile Page
    • Course Builder
    • Login/Registration
    • Events
    • Shop
    • Offline Course (not LMS)
    • Blog
  • 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 Custom Fields
    • Course Player Templates
  • Extra Materials
    • Changelog
    • Demos
    • Facebook Community
  • StylemixThemes
    • MasterStudy Theme
    • MasterStudy LMS Plugin
  • Plugins
  • Themes
Powered by GitBook
On this page
  • How to get API Credentials
  • Importing Google Classrooms
  • Addon Settings
  • Enabling Popup
  • Google Clasroom Elementor Widget
  • Google Classroom WP Backery Widget

Was this helpful?

  1. MasterStudy LMS Pro Addons

Google Classroom

PreviousMulti-instructorsNextUdemy Importer

Last updated 1 month ago

Was this helpful?

Google Classroom add-on is an additional feature created specifically to ease the process of structuring classes and your workflow. With a new function, you can connect your Google Classroom account with your website and import the needed classes. Students will get a special code to enter the right class.

To successfully use this feature, you need PHP version 7.2 or higher.

How to get API Credentials

Firstly, you need to create an app in the Google Console to get credentials.

1
2

You can use the existing projects or create a new project to keep your console organized.

A new project can easily be created simply by providing its name.

3

On the Credentials page, click on the Create Credentials button.

4

From the dropdown menu, select the option OAuth Client ID.

5

On the opened page:

  • choose the application type as Web Application;

  • give a name to it (eg, Google Classroom for MS LMS)

  • click on the Add URI button on the Authorized redirect URIs section

6
7

At the top of the opened page, you will find the Redirect URI Link. Kindly copy it:

8

Paste this link to the designated area and click on the Create button:

Usually, it will take several seconds to process. However, it may take 5 minutes to a few hours forthe settings to take effect

9

The following messages confirm that you have created the OAuth Client successfully. You can see the Client ID and Secret key here as well:

Later you can find this key in the same (Credentials) page by following this:

10

Download the JSON File

11

Now API for the Google Classroom service should be enabled. Find the Library menu on the APIs & Services:.

12

Using the search bar, search for the Google Classroom and choose it:

13

Click on the Enable button to enable it:

That's it. We have successfully obtained our working credentials to use for Google Classroom.

Importing Google Classrooms

Importing existing Google Classrooms is also a straightforward action.

1
2

Now, we need to get an access token. Click on the Get Access Token button. You will be offered to select the needed profile in the popup window. Sign in to move to your app and you will be redirected back to the Import Classrooms page.

3

Now you can see all the classes available in your Google account. You can import all classes or select just several and publish them.

Once the classrooms are imported and published, you can see them on the Google Classroom Archive Page:

Students can find the course codes to enter the required class.

Addon Settings

You can find the addon settings in the page:

  • Only signed-in students will see the code - enable this option so that only students who are signed in will see the Google Classroom code

Enabling Popup

This setting lets you display a modal pop-up notice about the available Google Classrooms on your website when users visit. It occurs only on the first visit.

Here are the available settings:

  • Popup Title - provide a title for the pop-up.

  • Popup Editor - write down the brief description of the classrooms feature and describe why they are necessary. You can write whatever you want and design it using the special text editor.

  • Popup Image - indicate the image that will be used to display on the pop-up. Once the user clicks on the image, it brings users to the special page that you specified.

  • Google Classrooms page - indicate the URL of the page that users will be directed to by clicking the Pop-up Image. You can also use the link on the classes page on your Google Classroom account.

Google Clasroom Elementor Widget

You can customize the Google Classroom page using the special widget for Elementor.

1

Open the page that you want to specify as a Google Classroom page using Elementor:

2

Search for 'Google Classrooms' and add the widget to the desired place according to your needs:

3

You can provide the title for the Grid and indicate the number of the items (classes) that need to be displayed:

4

Once you are finished, you can publish/update the page:

Google Classroom WP Backery Widget

1

Edit the page that you want to specify as a Google Classroom page with WP Backery, and click on Add Element:

2

Search for 'Google Classrooms' and add it to your page:

3

You can provide the title for the widget and indicate the number of the items (classes) that need to be displayed, then update/publish the page:

Follow to to open the Google Developers Console:

Now we have to get the Redirect URI from MasterStudy LMS. Go back to the admin panel of your website, and follow WP Dashboard > MS LMS > Addons > Google Classroom and click on the gear icon. It opens the addon settings.

Now we have to download the JSON file of our OAuth Client. Click on the download button to do it:

Follow WP Dashboard > Classrooms> Import Classrooms and upload the , then click on the Load Credentials button:

Similar to the , there is a special Google Classroom widget for WP Backery for users who prefer the WP Backery Page builder.

⚙️
⬇️
https://console.developers.google.com/apis/credentials
downloaded JSON file
Elementor widget
WP Dashboard > MS LMS > Pro Addons
Google Clasroom Page
WP Dashborad > Pages > All Pages > Edit with Elementor