Google Login

Google Login allows visitors to sign in to your website using their Google account. Connect Google Login through Kirki Apps to give users a quick and convenient way to access your website without creating a separate username and password.

What Is the Google Login App?

The Google Login app is an integration available in Kirki Apps. Once connected, it allows users to authenticate on your website using their Google account.

To connect Google Login to Kirki, you’ll need to create OAuth credentials in the Google Cloud Console and add the generated Client ID and Client Secret to the Kirki app.

What You Need Before Connecting Google Login?

• A Google account
• Access to the Google Cloud Console
• A Kirki website
• Your website domain
• A Client ID
• A Client Secret

You’ll create the Client ID and Client Secret through the Google Cloud Console, then enter them into the Google Login app in Kirki.

Note: Social Login buttons can only be added to a Login /Registration Utility Page.

How to Get Google Client ID and Client Secret?

1. Go to the Google Cloud Console.

2. Sign in with your Google account.

3. Open APIs & Services and click Create Credentials if the OAuth Consent screen is configured. (or else skip step 4)

4. If not configured, configure the OAuth consent screen when prompted and add the required fields as follows:

• App name
• Contact email
• External audience (this makes sure that external google audience can log in as well)
• User support email

5. To create credentials, first select Create OAuth Client 

6. Under Application type, select Web application and give it a name.

7. Then add the Authorized Redirect URI here. You will get it in Kirki editor from the Google Login App Configuration window.

Redirect URI’s has the following URL structure:

“https://example.com/wp-json/GoogleLogin/v1/Auth/google-login”

Note: The Redirect URI shown in Kirki already contains your website’s actual domain. Copy the URI directly from Kirki, do not manually enter or modify it.

8. Click Create and copy the generated Client ID and Client Secret.

How to Install the Google Login App in Kirki?

1. Open the Kirki Editor.

2. Navigate to Apps from the left sidebar.

3. Search for Google Login.

4. Click Install.

How to Configure the Google Login App?

1. Once the app is installed, click the ellipsis (…) icon next to it.

2. Select Configure.

3. Paste your Google Client ID and Google Client Secret.

4. Enter the Success URL where users should be redirected after successfully signing in.

5. Click Save Configuration and refresh the Kirki editor page.

Your Kirki-powered login form now includes Google Login, allowing users to sign in with their Google account.

Note: After configuring the Google Login app, refresh the Kirki Editor to get this login button.

How to Test the Google Login Integration?

1. Publish your changes and open your website in a fresh browser window or private/incognito window.

2. Open your login form.

3. Click Log in with Google; you will get prompts in the Consent Screen and Client ID verification screen.

After clicking Log in with Google, Google will display a Consent screen asking the user to review and approve the requested access to the correct account.

Once you proceed, Google will verify the Client ID associated with your application to confirm that the sign-in request is linked to your configured Google Login integration.

4. If everything is configured properly, you will land on the success page that you set.

Note: If Google Login only works for test users, change the app’s Publishing status from Testing to In production to allow other visitors to sign in.