Setup Meta Login to Shopify Store | Shopify Meta SSO

Pre-requisite:

Before starting setup, make sure you have installed the miniOrange Social Login application.

Social Login

Allows users to SSO into the Store using Meta credentials

Add Application

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

1.   Configure Custom App for Meta Login

• Go to the Meta Developers Console. Either Sign up or Log in with your existing Meta Developer account.
• At Meta Developers Console, navigate to My Apps

• Click on the Create App to initiate the creation of a new Meta App.

• Choose the option to Authenticate and request data from users with Meta Login under the Add Use case section.

• Select the appropriate Login Type and proceed to the Next step.

• Enter your desired App Name (e.g., "TestApp") and your email. then click on Create app

• Ensure that your application is the one currently selected. If not, click the drop-down menu and select the name of your application.

• Go to the Use Cases section on the sidebar and click on the Customize button under Authentication and account creation

• Under the Permissions section, click on the Add button for the email. Once done, Go Back.

• Navigate to the Publish section on the sidebar.

• Click on Go to app settings for setting up the Privacy Policy URL

• Enter the values corresponding to the information about the application. Refer to the table below.

App Domain	myshopify.com ( In case you have your own domain, enter your domain here )
Privacy Policy URL	Enter your Privacy Policy URL
Terms of Service	Enter your Terms of Service URL
User Data Deletion	Enter the URL of your page with the instructions on how users can delete their accounts


• Now scroll down and click Add Platform.

• Select Website. Then, click Next.

• You will see the Website Section here. Enter your Shopify Site URL in the Site URL section. Then save the changes with the Save Changes button.

• Navigate to Publish. section on the sidebar.

• Complete your Business Verification. You need to answer Data handling Questions as well. Once done, click on Publish

• Once your app is published, Navigate to App Settings >> Basic and Copy the App ID and App Secret Keep the copied data handy as we will use it in further configuration.

2.   Configure the miniOrange Social Login Application

• Go to your Shopify store and navigate to the App section. Click on the miniOrange Social Login application.

• You will be redirected to Social Login Dashboard, and click on Facebook.

• Paste the previously copied App ID and App Secret into the respective section. Click on the Save.


App ID	App ID
App Secret	App Secret
Scope	email, public_profile

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

3.   4. Test your Configuration

• Click on Test Configurations on the Social Login Dashboard.

• A window should pop up, confirming that all configurations are correct.

• Go to Social Login Dashboard, And make sure the toggle for Facebook is on. This ensures that users will see the button on the 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 Facebook Social Login button is showing on your login.

You have completed the Shopify side configuration.

Other Customizations provided by the miniOrange Social Login Application

If you have any error or query, click here to see others.