Google Login

Allow users to log in and sign up with their Google account, an option available under our Social Login integrations.

Contents

Prerequisites

To use Google Login, you must have a Google account.

Activate or Deactivate Provider

The Google provider is disabled by default and needs to be activated before use. To do this, go to Settings -> Users -> Social Login and click the "Activate" link on the Google provider box. A provider can be defined for each brand, the "Enabled" option should be toggled to on for it to be available to users on the frontend.

The provider can be deactivated by toggling the "Enabled" option to off for all brands.

Setting Up Provider

To set up Google login, you will need to set up a Google project, follow the steps below.

  1. Visit the Google Cloud Platform website - https://console.developers.google.com - and sign in to your Google account.
  2. Click on the project selector and click the plus icon to create a new project.
    Project Selector
    Create New Project (Step 1)
  3. Enter a name for the project and click "Create".
    Create New Project (Step 2)
  4. The project will be created in the background, it may take a few minutes. Click the project selector and select the new project once it's available and click "Open".
    Open Project
  5. The project dashboard will load, click "Enable APIs and Services".
    Enable APIs and Services
  6. Search for "Google Plus" and click on the Google+ box that shows.
    Search for Google+
  7. Click the "Enable" button to activate the API.
    Activate Google+ API
  8. The Google+ API will take a few moments to enable. Once the dashboard reloads, click "Credentials" in the sidebar.
    Click Credentials
  9. Click the "OAuth consent screen" tab and enter a name, homepage URL and logo URL. This will be what the user sees when being asked to authorise access to their Google account. Click "Save".
    OAuth Consent Screen
  10. Click the "Credentials" tab and click the "Create credentials" button. Choose "OAuth client ID" from the list of options that pop up.
    Create Credentials
  11. Choose "Web application" for the application type and enter a name for it. For the restrictions, the help desk URL needs to be entered for the authorised JavaScript origins, and the callback URL (as shown in the SupportPal configuration screen) needs to be entered for the authorised redirect URIs. Once complete, click "Create".
    Create Client ID
  12. A pop up will show your client ID and secret that need to be entered in to the SupportPal configuration screen and click "Submit" to save.
    OAuth Client ID & Secret
    SupportPal Configuration
  13. It should now be successfully configured, we recommend to try the login as a test user to verify it works.