Contents

Guide to Configure Github Login on Shopify Store | Github SSO

Github Login for Shopify
Github is a code hosting platform for version control and collaboration. It is extremely popular in the coding community as users can store and manage their code effortlessly. It lets users to work together on projects from anywhere in collaboration.

What is Social Login?
Social Login allows users to connect to any website using various networking platforms such as Facebook, Google, or Twitter. It is a form of single sign-on for users designed and implemented to make logging in easier for end-users. Using social login users can sign into any third-party website without having to create an account.

How does Social Login Works?
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 Shopify website. If they are a new user then they are registered and if they are an existing user they are logged in.

Shopify Github Social Login (Github Single Sign-On (SSO)) for Shopify Store can be achieved by using our Shopify Social Login Application.

To know more about other features we provide in Shopify Social Login Application, you can click here.

Get this Application

Social Login ‑ miniOrange

Steps to Configure GitHub Social Login into Shopify

Step 1: Add Social Login App to your Shopify Store

Follow the steps below to configure GitHub Social login in Shopify

Configure GitHub Social Login

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

github shopify social login to connect with github

Once you have installed it, it will take you to the social login application Dashboard. Here, please click on Github application.

select github application for shopify github SSO

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

enable github shopify social login for shopify with one click

That is all you require to do to add Login with Github button to Shopify. To Setup a custom app for Github, please follow the steps below.

Step 2: Configure Custom App for Shopify GitHub Login :

Go to https://github.com/settings/developers/ and sign in with your Github account.
On the page, Click on the Register a New Application button.

github shopify login click on register a new application

On the following page, Enter Application Name.
Enter your Homepage URL and Authorization callback URL from the instructions page.
Click on Register Application button.

enter app name homepage and redirect url for github shopify SSO

Copy the Client ID from the App page that shows up and paste it on the instructions page under Client ID.

enable github shopify login copy client id

Click on Generate a new client secret. Copy the Client Secret that shows up and paste it on the instructions page under Client Secret.

connect with github generate a new client secret

Step 3: Complete Setup of GitHub Login on Shopify

Copy the Client Id and Client Secret form above setup and Paste them into the fields in Instructions.

social login Client Id secret to connect with github for shopify store

Click on the Save button to save the credentials. Then, Click on the Test Configuration button.
A notification from the app will pop-up that the test configuration was successful. That means your Custom app was set properly.

github shopify test configuration to enable github SSO

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

github shopify login button on shopify store to login with github

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

Additional Resources

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

Contents