VP Social Login - Configuring Google login

To enable Google sign-in you create an OAuth client in the Google Cloud console, register VP Social Login's redirect URI, then paste the Client ID and secret into the plugin.

Before you start

Open System - VP Social Login in Joomla, go to the Google tab and switch Enabled on. The tab shows the exact redirect URI you'll need in a moment — keep it handy.

It looks like this (with your real domain):

https://your-site.com/index.php?option=com_ajax&group=system&plugin=vpsociallogin&format=raw&vpsl=callback&provider=google

Create the OAuth client

  1. Go to the Google Cloud console and select or create a project.
  2. Open Google Auth Platform. If you haven't used it before, configure Branding (your app name and support e-mail) and Audience first.
  3. Go to Clients → Create client.
  4. Set Application type to Web application and give it a name (only you see it).
Creating a Web application OAuth client ID in the Google Cloud console
Create an OAuth client of type Web application.

Add the redirect URI

Under Authorized redirect URIs, click Add URI and paste the redirect URI from the Google tab (the one ending in provider=google). Leave Authorized JavaScript origins empty.

Pasting the VP Social Login redirect URI into Authorized redirect URIs
Paste the exact redirect URI shown on the plugin's Google tab.

The redirect URI must match character for character, including https:// and your real domain. A mismatch is the most common cause of a redirect_uri_mismatch error.

Copy the credentials into Joomla

Click Create. Google shows your Client ID and Client secret.

Google OAuth client ID and secret
Copy the Client ID and Client secret.

Back on the plugin's Google tab, make sure Enabled is on, paste both values, and Save.

Google tab of the System - VP Social Login plugin with credentials filled in
Enable Google and paste the Client ID and secret.

Test it

Log out, open your site's login page, and click Continue with Google. You should be sent to Google, then returned and signed in.

While your Google project is in Testing, only the test users you add can sign in. Publish the app (Audience → Publish) to allow everyone.