Currently Empty: ₦0.00
⚡ Ziflite Studio Mini Course
Set Up Login with Google
in Any App or Script
Get your Google Client ID & Secret Key step by step — no coding knowledge needed.
Phase 1 — Understanding
What is "Login with Google"?
You've seen it everywhere — that button that says "Sign in with Google" or "Register with Google." Instead of filling out a long form with your name, email, and password, you just click the button and you're in. Google handles everything for you.
This works because of something called Google OAuth — which is just Google's way of letting apps say: "Hey, can this person prove they have a Google account?" Google confirms it, and the app lets them in.
💡 Think of it like this
Imagine you're at a party (the app) and you show your Google ID card at the door. The bouncer (Google) confirms your ID is real, you get in — and you never had to create a new ID just for that party. That's Google OAuth.
Why Should You Set This Up?
🚀
Faster Sign-Ups
Users register in one click. No long forms = more people joining your platform.
🔒
More Secure
Google handles passwords and security. Less risk of fake accounts.
✅
Verified Emails
Every Google account has a real, verified email. No more fake signups.
🔄
Works Everywhere
Job boards, WhatsApp scripts, membership sites, e-commerce — any app that requests it.
Many PHP scripts and platforms — like Joby, Pitskebone, CodeCanyon scripts, WhatsApp marketing tools, and membership platforms — have a settings section where you just paste your Google Client ID and Secret Key, and the "Login with Google" button starts working automatically.
Phase 2 — Step By Step
How to Get Your Google Client ID & Secret Key
Follow these steps exactly. We'll go together from start to finish.
1
Go to the Google Cloud Console
This is where Google lets you manage apps and services. Think of it as your Google developer dashboard.
- Open your browser and go to console.cloud.google.com
- Sign in with your Google account (the one you want to use for your business)
- If it's your first time, Google may ask you to agree to terms — click Agree and Continue
You don't need a special account. Any regular Gmail or Google Workspace account works.
2
Create a New Project
Google organizes everything in "projects." You'll create one project for each app or website you want to add Google Login to.
- At the top of the page, click on the project dropdown (it may say "Select a project")
- Click "New Project" in the top right corner of the popup
- Give your project a name — e.g., "My Job Board" or "Ziflite Platform"
- Leave the Organization as is and click Create
- Wait a few seconds — Google will create your project and take you into it
Name it something you'll recognize later — you can have many projects.
3
Set Up the OAuth Consent Screen
This is the screen your users will see when Google asks them to confirm they want to log in to your app. It shows your app name and what information you're requesting.
- In the left menu, click APIs & Services → then click OAuth consent screen
- Select External (so any Google user can log in, not just your company) and click Create
- Fill in the App name — this is what users will see (e.g., "Ziflite Training Platform")
- Enter your User support email — use your Gmail address
- Scroll down and add your Developer contact email — same Gmail is fine
- Click Save and Continue
- On the next pages (Scopes, Test Users) just click Save and Continue — you don't need to change anything
- On the final Summary page, click Back to Dashboard
Do NOT worry if you see "Testing" status. Your app will still work. You can publish it later if you want.
4
Create Your Credentials (Client ID & Secret)
Now the important part — this is where you get the two keys your app needs.
- In the left menu, click APIs & Services → then click Credentials
- Click the "+ Create Credentials" button at the top
- From the dropdown, choose "OAuth client ID"
- Under Application type, select "Web application"
- Give it a name — e.g., "My Website Login"
- Now look for "Authorized redirect URIs" — this is where you tell Google where to send users after they log in
The next step explains what to put in the Redirect URI field. Don't click Create yet.
5
Add Your Redirect URL
The redirect URL tells Google: "After the user logs in, send them back to this page on my website." Your app or script will tell you what this URL should be.
📌 If Your Script Gives You a URL
Most good scripts tell you exactly what to paste. Look in your script's Google settings or documentation. It usually looks like one of these:
Format 1 — Common for job boards & PHP scripts:
https://yourwebsite.com/auth/google/callback
Format 2 — Common for membership platforms:
https://yourwebsite.com/?social-login=google
Format 3 — Common for WhatsApp & marketing tools:
https://yourwebsite.com/oauth/google
🔧 If Your Script Doesn't Give You a URL
Use this as your redirect URI — replace yourwebsite.com with your actual domain:
Safe default redirect URI to use:
https://yourwebsite.com/
You can also add http://localhost if you're testing on your computer before going live.
- Click "Add URI" under Authorized redirect URIs
- Paste your redirect URL in the field
- Click Create
6
Copy Your Client ID & Client Secret
A popup will appear immediately showing your two keys. This is what you've been working toward!
🎉 You'll See This Popup:
Client ID
1234567890-abcdefghijklmnop.apps.googleusercontent.com
Client Secret
GOCSPX-xxxxxxxxxxxxxxxxxxxxxxxxx
- Click the copy icon next to each key to copy it
- Paste both keys into a Notepad or Google Doc right away — keep them safe
- Click OK to close the popup
- If you close it without copying, don't worry — go back to Credentials, click your credential name, and you'll see them again
Never share your Client Secret publicly or post it on social media. It's like a password for your app.
7
Paste the Keys Into Your App or Script
Now go to your PHP script or platform settings and find the Google Login or Social Login section. Paste your keys there.
- Find the Social Login or Google Auth Settings section in your script's admin panel
- Paste your Client ID in the "Google Client ID" field
- Paste your Client Secret in the "Google Client Secret" field
- Save the settings
- Test by going to your site's login page and clicking "Login with Google"
Always test with a different Google account, not the one you used to set this up, to make sure it works for real users.
This guide works for all scripts that use Google OAuth, including:
🏢 Joby (Job Board)
🦴 Pitskebone
💻 CodeCanyon Scripts
📱 WhatsApp Marketing Tools
🏪 E-commerce Platforms
👥 Membership Scripts
🎓 LMS / Course Platforms
📊 Any PHP Script
Quick Recap
You Did 7 Things. Here's What Happened.
1️⃣
Logged into Google Cloud Console
Your developer dashboard
2️⃣
Created a Project
A container for your app settings
3️⃣
Set Up Consent Screen
What users see when logging in
4️⃣
Created Credentials
Told Google about your web app
5️⃣
Added Redirect URL
Where Google sends users back to
6️⃣
Copied Your Keys
Client ID + Client Secret — saved safely
7️⃣
Pasted Into Your Script
Google login is now live on your site!