Page History

...

1. Go to https://console.developers.google.com/project/_/apiui/apis/library and login to your Google account. 
   
   
2. Select your API project from the dropdown, or create a new one. 
   
    or 
   
   
3. Select the Credentials menu, and the OAuth consent screen tab.
   
   
4. Select the email address, enter your product (website) name, and Save. You can populate optional fields now too, if you choose. 
   
   
   
5. From the Create credentials dropdown, select OAuth client ID. 
   
   
   

6. Select Web application and enter your site name and JavaScript origins.

   See below for further info.

    
   Image Added

   Tip
   Google advises as follows regarding JavaScript origins: Image Modified

   
   
   

7. Click Create, and you now have a Client ID! Copy this down somewhere. 

...

1. In the CMS, navigate to Settings → Feature Settings. 
   
   
2. Edit the Third Party Login feature. 
   
   
   

3. Toggle the

   following

   Registration Page and Allow Linking options on/off as required

   :

   . These are explained in the table below.
   Image Added

   Option	Description
   Use Registration Page

   - this directs users to

   Displays additional registration fields to the user after they

   login

   've logged in to Google.

    

   You can use this to request more info from your customer before they click Login. This screen is only shown on first login. Image Modified

   Allow Linking To Existing Users

   - this allows

   Allows a user to login with Google, then link that login to an existing account on your site (if they have one). This retains all of the user's order history, favourites, etc, with the benefit of a quick Google sign-in. This screen is only shown on first login. Image Modified

4. Copy and paste Enter your Client ID from Google Client ID into the Sign-In Client ID field. 
   
   
5. Copy and paste Enter the following into in the Token Info Endpoint field: https://www.googleapis.com/oauth2/v3/tokeninfo?id_token={0}
   
   
6. Enable Google Sign-In with the toggle, then Save! 
   
   Image Modified

 

Optional Customisations

Don't like the button text on the Registration page? Wish the login pop-up didn't use the phrase "social network"?  No worries - you can customise this via the widgets!

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 Update the headings, button labels, and prompts here. 
   
   

 

 

Change the heading headings 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. 
   
   

Google Sign-In is a great way to get your customers logged in and shopping with you faster. And your users will no doubt appreciate not having to remember yet another password!