Google social sign in

Link to this section

You can enable users to sign up and sign in using their Google credentials. To set this up, you need a Google cloud account and project, and a little technical know-how.

Note that Google has provided a topic about Google’s Create authorization credentials, but the steps don’t quite work. Until they update their docs, we recommend you use ours.

⚠️ Google does not allow sign in auth to work in webview
Before connecting Google as a sign in option, be aware that Google does not support auth in webview. This means if a user opens a sign in window to your app in a webview (say via Instagram or from Facebook) they will receive an error.

Before you begin

Link to this section
  1. Create a Google Cloud account.
  2. Create a Google Project.
  3. Get Google credentials (see below).

Get the Kinde Callback URL

Link to this section
  1. Sign in to Kinde.
  2. Go to the Settings page and select Authentication.
  3. In the Social connections section, select Add connection.
  4. In the window that opens, select Google, then select Save.
  5. On the Google tile, select the Configure link.
  6. In the Callback URL section:
    1. If you use Kinde’s domain as your default, copy the Kinde domain URL.
    2. If you use a custom domain (and want to use it as the callback) select the Use custom domain instead switch and copy the Custom domain URL.
  7. Use the copied Callback URL to set up the app, see below.

Get Google credentials

Link to this section
  1. Navigate to the Google Cloud home page.
  2. Click Console in the top menu bar.
  3. In the left menu, select APIs & Services.
  4. If you are prompted to, create a new project.
  5. Select Oauth consent screen.
  6. Select if your project is Internal or External, then select Create.
  1. Complete all the app details (noting that you may need to go through the verification process if you upload a logo).
  2. Select Save and Continue.
  3. In the Scopes step, select Add or remove scopes.
  4. In the screen that appears, add the following non-sensitive scopes: ./auth/userinfo.email and ./auth/userinfo.profile then select Update.
  5. Select Save and continue.
  6. Add test users if you want, then select Save and continue.
  7. Back in the main menu, select Credentials.
  8. Click Create Credentials at the top of the page and select OAuth client ID.
  9. In the Web application dropdown menu, choose Web Application.
  1. Name your OAuth 2.0 client.
  2. Add your Authorized redirect URIs. These are the Callback URLs you copied in the previous procedure.
  3. Click Create.
  4. Copy your Client ID and Client Secret from the confirmation window.

Add Google credentials to Kinde

Link to this section
  1. Sign in to Kinde.
  2. Go to the Settings page and select Authentication.
  3. On the Google tile, select the Configure link.
  4. Paste your Client ID and Client Secret into the two fields.
  5. Save the form. Your users will now be able to sign in using their Google credentials.

Talk to us

If you can’t find what you’re looking for in our help center — email our team

Contact support