How to Set Up Google Login in SureDash: A Step-by-Step Guide

In today’s digital landscape, users expect a quick, secure, and hassle-free login experience. SureDash offers both traditional username-password login and social login options, including Google and Facebook.

Enabling Google Login on your SureDash portal enhances user experience, simplifies onboarding, and improves security. To integrate Google Login, you first need to create a Google Client ID using the Google Developer Console.

This guide walks you through the steps to set up Google Login, generate a Google Client ID, and integrate it into your SureDash settings.

Step 1: Create a Google Project

1. Go to the Google Developer Console and log in with your Google credentials.
2. Click Create Project (blue button on the right).
3. Enter a Project Name, then click Create.
4. If you already have a project, click on the existing project name, then select New Project from the modal.

Once your project is created, you’ll be redirected to the Dashboard.

Step 2: Set Up OAuth Consent Screen

1. In the Google Developer Console, go to Credentials (left sidebar).
2. Click OAuth Consent Screen.
3. Set User Type to External, then click Create.
4. Enter an Application Name (this will appear when users log in via Google).
5. Fill in Authorized Domains with your website domain (e.g., your-site-url.com, without https://).
6. Click Save and Continue.

Step 3: Generate OAuth Client ID

1. Navigate to Credentials (left sidebar).
2. Click Create Credentials, then select OAuth Client ID.
3. Under Application Type, choose Web Application.
4. Enter a Name for your credentials.
5. Under Authorized JavaScript Origins, add your domain (e.g., https://your-site-url.com).
6. Enter your website URL in the Authorized JavaScript origins section.
   • In the Authorized redirect URIs section, input the page URL where you want users to be redirected after they successfully authenticate with Google.
   • Click the Create button to save your settings.
7. A pop-up will display your Client ID and Client Secret. Copy these for the next step.

Step 4: Integrate Google Client ID into SureDash

1. Log in to your SureDash WordPress Dashboard.
2. Navigate to SureDash → Settings → Social Settings.
3. Under Google Registration, paste the Google Client ID.
4. Click Save Changes.

Once saved, your users will now see Google Login as an option in your SureDash portal! 🎉