To test Google Login use a Gmail address with Google+ Profile.

Where to add the Google APP details in theme options

This option is enabled/disabled from theme options – social and contact – social accounts:

 

How to create a Google APP

Google Login requires you to create an APP.  See ALL the steps.

 

A. CREATE A PROJECT

Login with your google account at https://console.developers.google.com

google1

google2

 

B. CREDENTIALS

Go to Credentials  ->  Then to Oauth consent screen:

google

 

Type the name and optional homepage url. Save.

google

 

Next, create the credentials:

google

 

C. CREATE CLIENT ID

Select to create OAuth ID

googleid

 

Select web name, add site url, and add redirect URI (which must be the My Profile Page URL)

google

Click create. Close when done. You still have to create the part 2 of the API and you can copy all credentials after that.

D. CREATE API KEY

Go to credentials and create API Key

NOTES:

Don’t add any  HTTP referrer for this API key used (Google Login needs a key with no referrer)

 

E. GO TO Library -> select Social

 

Enable Google+ API library

 

F. COPY DETAILS TO THEME OPTIONS – SOCIAL & CONTACT

Click on the name to get CLIENT ID and CLIENT SECRET

google

google

 

Copy the keys  in theme options

 

Copy the API key as well

google

 


Use as a separate API KEY just for login to avoid mixing Google MAPS api (which requires billing) from Google login API.
When logging in with Google we only import user email address. If google login doesn’t show any email – it means there is already a user with that email address.