Creating a Google Application

“Social Network Integrations” Documentation by “WPWeb”

To get Google App Detail, go and visit the https://console.developers.google.com/project page. You need to login in with your Google account if you aren’t already. Then the Google API Console page will load and click on the “Create Project” button as shown in the image below:

Google step 1

After the click o ” Create Project” button it will open the project screen, Enter Project Name and Project ID will be auto generated. After that Click on the “Create” button to create Project as shown in the image below:

Google step 2

After creating the project you will be redirect to the page as shown in the image below:

Create new project

Now, click on menu “Credentials” and select the “OAuth consent screen” tab as shown in the image below:

google step 7

After you click on OAuth consent Screen. Select the user type and click on “Create” button.The screen similar to image shown below will be seen.

APIs and services – My Project

Now, you will be redirect to App information page. Fill the required data then click on ” Save and continue” button

APP Form

Note: You must have to add Email AddressAuthorized domains and Application Name on Consent Screen page. Authorized domains should be the site URL where you want social login to be work. Without this info your apps will not work and always generate a invalid client id error.

After you save and continue you will be redirect to page as shown in image. Click on Save and Continue.

App Form scope

After you save and continue you will be redirected to optional Info. It is not necessary to fill the data so you can click on Save and continue. It will show the summary.

Now click on credentials. It will redirect to page shown below. Then click on “Create Credentials” in the menu and click OAuth Client Id.

Credentials – APIs and services – My Project – Google Cloud console

Now you have to select Application Type. After you select Application Type based on the application type the screen may change and based on it you will be asked to fill the data. The Screen shown below in image when type selected is web Application. Then click on “Create” button.

Create OAuth client ID – APIs and services

Now you will be able to get Client ID and Secret Key. The screen will look similar to image shown below. Copy the Client ID and Secret Key

Credentials – APIs and services – My Project 84820 – Google Cloud console

Now, Copy the Google Client Id in to the Google App settings within the Plugin settings page. See image below and save the settings.

Google client id on plugin setting

Important: When you copy and paste the Google Client Id, make sure, that you don’t have any empty spaces, either at the beginning nor at the end of these entries. If you have any empty spaces, then the Application won’t work and will show an error message when you try to connect to the App.

After you entered the Google Client Id, click on the “Save Changes” button within the plugin’s settings page.