Contents
Login into Google Developers Console
First you will need to Login into your Google Account and then to access the Google Developers Console.
Select a project
After you login and access the Google Developers Console click on “Select a project” Menu Item.
Create a project
After we click on “Select a project” Menu Item a popup will appear. We will need to click on “New project”.
Setup the project
After we click on “New Project” we will need to choose a name for the project. After finishing to setup the Project click on “Create”.
Create Credentials
To use the Google API we need to Create Credentials. Click on “Credentials” to get started.
After clicking on “Credentials” we will need to create an OAtuh 2.0 client ID. Click on “OAuth consent screen”.
Create an OAuth 2.0 client ID
Step 1: Choose from the following options and then click on “Create”:
- Internal – only available to users within your organization.
- External – available to any user with a Google Account.
Step 2: After clicking on “Create” we will need to set the following options:
Page1: OAuth consent screen
- Application name – The name of the app asking for consent
- User support email – For users to contact you with questions about their consent
- Application logo – Optional
- Application Homepage page – Optional until you deploy your app
- Application Privacy Policy link – Optional until you deploy your app
- Application Terms of Service link – Optional
- Authorized domains – Optional until you deploy your app
- Email address – These email addresses are for Google to notify you about any changes to your project.
Click Save and Continue
Page2: Scopes
- Your non-sensitive scopes- you should add the following 3 scopes
Click Save and Continue
Page 3: Test Users
Click Save and Continue
Page 4: Summary
Click Save and Continue
Step 3: Go to “ Credentials” → “Create credentials” → “OAuth client ID”
Step 4: Choose your Application type.
Step 5: We will need to set the following options:
• Name – add your own name
• Authorized JavaScript – add your website url – Example: http://www.yourdomain.com
• Authorized redirect URLs – add your website url – Example: http://www.yourdomain.com
After you finish click on “Create”.
Client ID Credentials
After clicking on “Create” you will be prompted with your Client ID Credentials. You will need to copy the Client ID and click on “Done”. You will also need to copy the name of your OAuth 2.0 client.
Paste the Google Client ID
After you copy the Google Client ID go to your website -> Dashboard -> Profile Builder -> Social Connect -> Enable Google Login and paste your Client ID and the name of your OAuth 2.0 client. Scroll to the bottom to Save.
Google Login in Front End
Social Login with Google should be available on WordPress Default and Profile Builder forms.
Profile Builder Pro
Create beautiful front-end registration and profile forms with custom fields. Setup member directories, custom redirects, cutomize user emails & more using the all in one user management plugin.
Unlock PRO Features