Get this App

Social Login Application for Shopify

Watch Setup Video

Steps to Configure Google Social Login into Shopify

Step 1: Add Social Login App to your Shopify Store

Follow the steps below to configure Google Social login in Shopify

 Configure Google Social Login

• Visit to https://apps.shopify.com/miniorange-social-login on Shopify marketplace. Click on Add app to install it on your store.

• Once you have installed it, it will take you to the social login application Dashboard. To get started with Google login please click on Google.

• If you don't want to setup your custom app then click on Setup app in just one click. Then, Click on Save. This will setup your Google login application for Shopify.

• That is all you require to do to add Google button to Shopify. Instead, you can setup a custom app for Google. To do this please follow the steps below.

Step 2: Configure Custom App for Google Login :

• Go to Google developers console at https://console.developers.google.com/ and sign up/Login with your Google developer account.

• Click on Create Project to create a new Google Apps Project (refer to image below).

• Enter your Project name under the Project Name field.Next,Click on create button.

• Now, again click on Select a Project (highlighted in the image below) and select the newly created Project by clicking on the project name that you entered in the previous step.

• Go to Navigation Menu APIs & Services Oauth consent screen.
• Select External as an User type with a Google Account.

• After In OAuth consent screen tab Enter Application name and add your site’s domain name to the Authorized domains section.(from Social Login by miniOrange app). You should also fill out the basic contact information:

• Click on Credentials then Click on Create credentials button and then select OAuth Client ID from the options provided.

• Select Web Application the options below Application Type.

• Enter the Application name and enter the Redirect/Callback URI from Social Login by miniOrange app on Shopify under the Authorized redirect URIs field.

• Click on the Create button to save your configurations.
• Copy your Client ID and Client Secret and save it in your Social Login by miniOrange app on Shopify (under the client id and client secret fields respectively).

Step 3: Complete Setup of Google Login on Shopify

• Copy the Client Id and Client Secret from the Google Developers Console and Paste them into the fields in Google Login Instructions screen on the Social login app.

• Click on the Save button to save the credentials. Then, Click on the Test Configuration button.
• A window will appear and ask you to login to your Google account. This is to Test Configuration for Google Login. Login with Google.
• A notification from the app will pop-up that the test configuration was successful. That means your Custom app was set properly.

• Go to the App Dashboard and click on the toggle button on Google icon to activate Google login button so that people can sign-in to your store using Connect with Google.

• Now, You can see the Google social Login button is activated on your Shopify Store. This will allow users to connect to your store using Google.

You have successfully configured Google Social Login for your Shopify Store.

Additional Resources

• About Shopify
• Discord Social Login For Shopify
• Facebook Social Login For Shopify
• Apple Social Login For Shopify
• More on Social Login

If you are looking for anything which you cannot find, please drop us an email on socialloginsupport@xecurify.com