Documentation

Allow Members to Sign Up and Sign In with Google

To connect your site to Google and Google Apps, you will need to generate a Client ID and Client Secret in a Google project, copy these keys into your site settings, and enable the connection.

1. Access the Google API Manager

While logged in to your Google account, go to the API Manager.

From the project dropdown at the top of the page, select Create a project...:

API Manager

2. Create your new app

In the dialog box that appears, provide a Project name and click Create:

Project name

Google will take a moment to create your project. You will receive a notification when the process completes and the page will switch to your new project.

Activity

3. Set up the Consent Screen

In the left sidebar, select Credentials, then select the OAuth consent screen tab.

On this page, provide a Product Name that will be shown to users when they log in through Google.

Click Save:

Credentials

4. Enable the Contacts API

Select Dashboard in the left nav and choose the Contacts API item from the list of APIs:

Contacts API

Click Enable API:

Enable API

5. Enable the Google+ API

Select Dashboard in the left nav and choose the Google+ API item from the list of APIs:

 Google+ API

Click Enable API:


Enable API

6. Create your Client Id and Client Secret

Select the Credentials tab.

Click Create Credentials. Select OAuth client ID in the pop-up menu.

OAuth client ID

On the following page, select Web application, and provide a name for your app.

In the fields below, enter the following information:

Authorized JavaScript origins: https://your-site.socibd.com
Authorized redirect URI: https://your-site.socibd.com/user/auth/google_oauth2/callback
Note: replace your-site.socibd.com with your site address!

Web application

Click Create. Your Client Id and Client Secret will be displayed:

Client Id

Save your Client Id and Client Secret to enter into the connection settings in Socibd in Step 7.

7. Copy your Client Id and Client Secret into Socibd

In Socibd admin > Members Management > Social Login, and paste Client ID and Client Secret, check "Enable Google", then click "Save" button.

Enable Google