Google Classroom
Last updated
Was this helpful?
Last updated
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.
Firstly, you need to create an app in the Google Console to get credentials.
You can use the existing projects or create a new project to keep your console organized.
On the Credentials page, click on the Create Credentials button.
From the dropdown menu, select the option OAuth Client ID.
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
At the top of the opened page, you will find the Redirect URI Link. Kindly copy it:
Paste this link to the designated area and click on the Create button:
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:
Now API for the Google Classroom service should be enabled. Find the Library menu on the APIs & Services:.
Using the search bar, search for the Google Classroom and choose it:
Click on the Enable button to enable it:
That's it. We have successfully obtained our working credentials to use for Google Classroom.
Importing existing Google Classrooms is also a straightforward action.
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.
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.
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
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.
You can customize the Google Classroom page using the special widget for Elementor.
that Open the page that you want to specify as a Google Classroom page using Elementor:
Search for 'Google Classrooms' and add the widget to the desired place according to your needs:
You can provide the title for the Grid and indicate the number of the items (classes) need to be displayed:
Once you finished, you can publish/update 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: