1. Support Center
  2. Legacy Website Builder

How To Setup Google Login/Signup On Your Academy

  • Remembering passwords is a big pain for anyone. That is why Google has introduced the sign-in option to allow learners to log in to websites easily.

Remembering passwords is a big pain for anyone. That is why Google has introduced the sign-in option to allow learners to log in to websites easily.

Setup Google Login
  • In this article, let us learn how to use this Google feature on your academy website.

In this article, let us learn how to use this Google feature on your academy website.

Note: This article is only for website users. To configure google sign-in for mobile.

Tables can't be imported directly. Please insert an image of your table which can be found here.

Step 1: Create a Project in Google Developer Console

Step 2: Create the API Key Credentials

Step 3: Configure the Oauth Consent Screen

Step 4: Get the Client id and Secret Key

Step 5: Paste the API key, Client id, and Secret Key on Learnyst

#1. Create a Project in Google Developer Console

Login to https://console.developers.google.com with your Gmail credentials.

Setup Google Login
  • You can either create a new project or choose an existing project as shown below.

You can either create a new project or choose an existing project as shown below.

Setup Google Login
  • Now, after creating a project you can enter the project name in the boxes provided as shown below.

Now, after creating a project you can enter the project name in the boxes provided as shown below.

Setup Google Login
  • This will take you to the Credentials screens. Here, we will have to create the API keys.

This will take you to the Credentials screens. Here, we will have to create the API keys.

Setup Google Login

#2. Create The API Key Credentials

  • Now, to create an API key go to “Credentials” and click on “Create credentials” and then on “API key” as shown below.

Now, to create an API key go to “Credentials” and click on “Create credentials” and then on “API key” as shown below.

Setup Google Login
  • Now, the API key is created. Finally copy the API key on a notepad.

Now, the API key is created. Finally copy the API key on a notepad.

Setup Google Login
  • After copying the API key, you need to add some restrictions on it to prevent unauthorized use. To do that, click on the Edit API key option.

After copying the API key, you need to add some restrictions on it to prevent unauthorized use. To do that, click on the Edit API key option.

Setup Google Login
  • Now, scroll down to the Application Restrictions and select the HTTP referrers (option) and click on Add an Item

Now, scroll down to the Application Restrictions and select the HTTP referrers (option) and click on Add an Item

Setup Google Login
  • Now, enter your custom website URL and click on Done

Now, enter your custom website URL and click on Done

Setup Google Login
  • Scroll down to the bottom and press the Save button.

Scroll down to the bottom and press the Save button.

Setup Google Login
  • You can now see the API key added as shown. Next, let us configure this project by creating the OAuth Consent Screen

You can now see the API key added as shown. Next, let us configure this project by creating the OAuth Consent Screen

Setup Google Login

#3. Configure the OAuth Consent Screen

  • The consent screen tells your users who are requesting their data & what data you are asking for access to. For e.g: the image below

The consent screen tells your users who are requesting their data & what data you are asking for access to. For e.g: the image below

Setup Google Login
  • Follow the below steps to create a consent screen. Click on the OAuth consent screen and select the External option and click Create.

Follow the below steps to create a consent screen. Click on the OAuth consent screen and select the External option and click Create.

Setup Google Login
  • Now, enter your online academy's app name, support email, and logo info as shown.

Now, enter your online academy's app name, support email, and logo info as shown.

Setup Google Login
  • Scroll down the page. Enter the developer contact information and click on Save and Continue

Scroll down the page. Enter the developer contact information and click on Save and Continue

Setup Google Login
  • Right now we have completed the Oauth Consent Screen and moved to the Scopes scene as shown.

Right now we have completed the Oauth Consent Screen and moved to the Scopes scene as shown.

Setup Google Login
  • Scroll down the scopes screen and click on next.

Scroll down the scopes screen and click on next.

Setup Google Login
  • Likewise, click save and continue to test users' screens

Likewise, click save and continue to test users' screens

Setup Google Login
  • Once you reach the Summary page, click on the Back to the Dashboard button.

Once you reach the Summary page, click on the Back to the Dashboard button.

Setup Google Login

#4. Get Your Client Id and Secret Key

  • Later, under credentials choose “OAuth Client Id

Later, under credentials choose “OAuth Client Id

Setup Google Login
  • Select “Web application” and enter your website URL under “Authorized Javascript Origin

Select “Web application” and enter your website URL under “Authorized Javascript Origin

Setup Google Login
  • Then click on “Create” as shown below.

Then click on “Create” as shown below.

Setup Google Login
  • Now your OAuth Client is created. You can copy and save this client id & client secret key & use it later in the Learnyst admin dashboard.

Now your OAuth Client is created. You can copy and save this client id & client secret key & use it later in the Learnyst admin dashboard.

Setup Google Login

#5. Paste the keys in Learnyst Admin Panel

  • Now go to your admin dashboard and click on the Users tab and from the dropdown click on "Signup Settings"

Now go to your admin dashboard and click on the Users tab and from the dropdown click on "Signup Settings"

Setup Google Login
  • Click on configure next Google sign up

Click on configure next Google sign up

Setup Google Login
  • Here you need to paste the client ID, client secret key, and API key in the boxes provided and then click on “Update” as shown below.

Here you need to paste the client ID, client secret key, and API key in the boxes provided and then click on “Update” as shown below.

Setup Google Login
  • As soon as you Update, your students will be able to signup from your online academy using their google signup login.

As soon as you Update, your students will be able to signup from your online academy using their google signup login.

Setup Google Login

Hope this article, helped you to integrate google signup into your online academy.

To know how to enable google signup from mobile, please refer to Enable students to signup using google - For your Mobile App

You can also check :

  • how to enable Facebook signup for your web academy

  • how to enable Facebook signup for your mobile academy

how to enable Facebook signup for your web academy

how to enable Facebook signup for your mobile academy

Enable these social signups and allow learners to signup easily to your academy.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.Yes No No results found