Google Login Video Tutorial
This video tutorial explains how to set up Google Login. It was last updated in January 2021.
Google Login Step by Step Directions
Enable Social Login
- Go to Theme Options > Social and Contact > Social Login.
- Toggle the Social Login option to enable it, as shown in the screenshot below.
Set Up Google Login
Google Login requires creating a Google App. Follow these steps:
Step 1: Create a Project
- Log in to your Google account at Google Developers Console.
- Create a new project:
- Click Create Project and provide a name for your project.
- Select the newly created project.
Select the new project created
Step 2: Generate API Key
- Go to Credentials.
- Click Create Credentials and select API Key.
- Copy the Google API Key and paste it into Theme Options > Social & Contact > Social Login.
Step 3: Set Up OAuth Client
- In the Credentials section, click Create Credentials and select OAuth Client ID.
- Configure the consent screen:
- Select External and click Create.
- Enter your application details and click Save.
- For other steps, you can skip adding details and click Back to Dashboard at the final step.
- Publish the app:
- On the OAuth consent screen, click Publish App to make it live.
Select external
Next, add your details:
Save the remaining steps without adding any details, on the last step press back to dashboard.
Publish the App:
Step 4: Finalize OAuth Client
- Return to the Credentials section and create an OAuth Client ID:
- Select Web Application as the application type.
- Add your My Profile page link as the authorized redirect URI.
- Click Create.
- A pop-up will appear with the client ID and secret credentials.
Select Web Application and add your My Profile page link
After you press create a pop-up with credentials that will show. Those credentials need to be copied in Theme Options.