Setup Google Login to Shopify Store – Shopify Google Social Login

Overview

The miniOrange Social Login Application makes logging into your Shopify Store super easy. With this application, your users can quickly use their Google account to sign in, whether it's a Shopify Plus or Non-Plus store. Once you enable Google Social Login, users will be able to utilize their preferred credentials to access your Shopify store. Users will not need to create multiple accounts and they will be able to log in using their Google Account. This ensures high security and seamless access to Shopify Store.

How does Social Login Work?

The social login process is extremely simple. Users come to your website and select whichever social login provider they want to login. They fill in their details on the social network provider’s site. Once the authentication process is completed by the social provider the user can start using your WordPress website. If they are a new user then they are registered and if they are an existing user they are logged in.

Pre-requisites: Shopify Social Login Application

To configure SSO into Shopify with Google as IDP, you will need to install the miniOrange Social Login application on your Shopify store.

Configuration Steps

Step-By-Step Guide to Enable Google Login on Shopify Store

Step 1: Configure Custom App for Google Login

• Open the Google Developers Console, and sign up or log in with your Google Developer account.
• At Google Developers Console, click on the Select a Project.

• Click on the New Project to make a new Google Apps project.

• Enter a Project Name (e.g., TestApp) and Location, then click Create.

• Ensure your project is selected in the dropdown as shown in the image. If not, open the dropdown menu to view your projects. Pick the one you just created—'TestApp' in our case.

• Navigate to the OAuth Consent Screen in the sidebar.

• Ensure to select External User Type >> Create.

• Configure the screen by entering your application Name. It can be anything that you prefer, Let's say for example we will call it “SocialLogin“. Enter the User Support Email.

• In Authorized domains insert miniorange.com. Fill in the Developer Contact Information. Then click on Save and Continue.

• Proceed to Credentials on the sidebar

• Click on Create Credentials, and select OAuth Client ID.

• Select Web application as the Application Type

• You can customize the name of the Web Client. Add an Authorized redirect URIs

• Set Authorized redirect URIs to https://shop.miniorange.com/social-login/openidcallback/google. Click on Create

• Copy the generated Client ID and Client Secret, as it will be used in further steps.

Hence, you have configured the Custom app for Google Login.

Step 2: Configure the Shopify Social Login Application

• Go to your Shopify store's Apps section and select the miniOrange Social Login application.

• You'll be redirected to the Social Login Application dashboard. Select Google.

• Paste the previously copied Client ID and Client Secret as mentioned in table.

• Click on the Save to save the credentials.

You have now configured the miniOrange Social Login application side as well.

Step 3: Test your Configuration

• Click Test Configurations on the Social Login Dashboard to validate your setup.

• A window should pop up, as Shown in the below image.

• Go to Social Login Dashboard, And Enable the Google toggle to display the Google Social Login button on your login page.

• Go to your Shopify Store >> Online Store >> Themes Click on Customize As Shown in the Image.

• Go to the App Embeds Section, and turn the mO Social Login widget On

• Now you can see the Google Social Login button is showing on your login page

Hence you have configured Google Social Login into Shopify Store.

Additional Resources

• Shopify Security Solutions
• Shopify Single Sign-On (SSO)
• Shopify Content restriction
• Shopify Subscription
• Convert Shopify Store into LMS platform

Get in Touch

Please reach out to us at shopifysupport@xecurify.com, and our team will assist you with setting up the application. Our team will help you to select the best suitable solution/plan as per your requirement.