Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Excerpt

Google Sign-In is a secure (OAuth 2.0) login method that aims to reduce friction and "login fatigue" for your users. From version 3.96+, you can allow your customers to sign into your BPD site with their Google account — the same account they already use with Gmail, Play, Google+, and other Google services.

This article will guide you through the implementation of Google Sign-In for your site. 

Image Modified

Info
titlePrerequisites

Before continuing, you'll need the 'Third Party Login' feature enabled in the CMS. Contact us to switch this on for you.

...

 Now it's time to set up your website. 

  1. In the CMS, navigate to

...

  1. Settings → Feature Settings
  2. Edit the Third Party Login feature. 
    Image Added

  3. Toggle the following options on/off as required:
    1. Use Registration Page - this directs users to additional registration fields after they login to Google.
    2. Allow Linking To Existing Users - this allows a user to login with Google, then link that login to an existing account (if they have one). This retains all of the user's order history, favourites, etc, while still allowing quick Google sign-in.

      Image Added
  4. Copy and paste your Google Client ID into the Sign-In Client ID field. 
  5. Copy and paste the following into the Token Info Endpoint field: https://www.googleapis.com/oauth2/v3/tokeninfo?id_token={0}

...

  1. Enable Google Sign-In with the toggle, then Save
    Image Added

 

 

 

Optional Customisations

Change the text on the Registration / Link User page here: 

  1. Navigate to Content → Standard Pages.

  2. Search for and select the Third Party Login Registration template. 
  3. Edit the Third Party Login Registration Fields widget
  4. You can update the headings, button labels, and prompts here. 

    Image Added

 

 

Change the heading on the Login pop-up here: 

  1. Navigate to Content → Theme Layout.
  2. Edit the Login Logout Modal widget
  3. Select the Titles tab to update the headings. 

    Image Added