How to set up social sign-in for customer accounts: Google (step-by-step guide)

Shopify now allows merchants to enable social sign-in for customer accounts using Google and Facebook. This feature lets customers sign in using their existing social credentials, providing a faster and more familiar login experience. You can activate multiple social sign-in options on your store, such as both Google and Facebook.

To set it up, you will need a developer account for the provider (Google or Facebook) that you want to connect to your store’s customer accounts. Regarding privacy, note that the only customer data synced to Shopify when using social sign-in is the customer’s email address.

In this article, we’ll walk you through the setup process for setting up the Google sign-in, complete with detailed screenshots to make it easy to follow and implement. And don’t worry, no coding is required!

How to set up Google sign-in for customer accounts on Shopify?

1. Access the “Sign in with Google” page in Your Shopify Admin

1. In your Shopify admin, navigate to Settings -> Customer accounts.

2. Under the Authentication section, click Manage.

   

3. Find Google and click Connect to open the Sign in with Google setup page.

   

2. Create a Google App in Your Google Cloud Console

1. In a separate browser tab, sign in to your Google Cloud Console.
2. Choose an existing project or create a new one. You’ll be redirected to the project dashboard.

3. Click the hamburger menu icon (≡).

   

4. Then go to APIs & Services -> Credentials.

   

5. Click Create credentials.

   

6. Select OAuth client ID.

   

7. From the Application type drop-down menu, choose Web application.

   

8. In the Name field, enter a name (e.g. Shopify Customer Accounts).

   

3. Configure the Authorized JavaScript origins URIs for your app

1. In the Authorized JavaScript origins section, click + Add URI button.

   

2. Go back to your Shopify admin, to the Sign in with Google page, and copy the Authorized JavaScript origins value.

   

3. In your Google Cloud Console, paste this value into the URI field.

   

4. If your Shopify admin shows more than one URI in the Authorized JavaScript origins section, repeat these steps for each additional URI.

4. Configure the Authorized redirects URIs for your app

1. In your Google Cloud Console, go to the Authorized redirect URIs section and click + Add URI button.

   

2. Go back to your Shopify admin, to the Sign in with Google page, copy the Authorized redirect URI value.

   

3. Return to the Google Cloud Console and paste it into the URI field.

   

4. If multiple URIs are listed in your Shopify admin, repeat these steps for each additional URI.

5. In your Google Cloud Console, click the button Create. Keep the OAuth client created dialog open.

   

5. Finish the configuration

1. In your Google Cloud Console, from the OAuth client created dialog, copy the Client ID.

   

2. In your Shopify admin, on the Sign in with Google page, paste the Client ID into the Client ID field under Credentials.

   

3. From the same dialog in your Google Cloud Console, copy the Client secret (see the screenshot in the first step).
4. In your Shopify admin, on the Sign in with Google page, paste the Client secret into the Client secret field under Credentials (see the screenshot in the second step).
5. In your Shopify admin, click Save button on the top.

6. In your Shopify admin, on the Sign in with Google page, click More actions in the upper right corner -> Preview to review the Google authentication login.

   

7. If you see the Google sign-in option, click Turn on to activate it. After that, make sure to test it by going to your store’s customer account and signing in with your Google credentials.

   

And that’s it! If you run into any issues while setting up Google sign-in, just let us know and we’ll help you out. We’re also preparing another article to guide you through activating the Facebook sign-in experience.