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 BROWSER KEY

Go to credentials and create API Key

google

 

Select browser

googlebrowser

 

Type name and referrer url and click create

google

 

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

 

NOTES:

Don’t add any  HTTP referrer for this API key used

Use as a separate project just for login to avoid mixing Google MAPS api (which requires billing) from Google login API. This is how you create a separate project http://prntscr.com/kt0t0b

 

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.