Search Results :

×

Setup Meta Login to Shopify Store | Shopify Meta SSO


The miniOrange Social Login Application allows users to log in to your Shopify Plus or Non-Plus store simply using their Meta account. By activating Meta Social Login on the Shopify Store, Customers may effortlessly log in to your Shopify store using their Meta login credentials. Customers no longer need to create several accounts or remember various passwords. Instead, customers can receive safe access to your Shopify store by just clicking the "Login with Meta" button without having to type any passwords. The Social Login Application simplifies the login process.

To learn more about miniOrange Social Login, visit this link

Let's set up Meta Social Login quickly!

Pre-requisite:

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

Shopify Meta Social Login  - miniorange

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
  • Shopify Meta Social Login  - Shopify SSO - Add Identity Provider
  • Click on the Create App to initiate the creation of a new Meta App.
  • Shopify Meta Social Login  - Add Identity Provider
  • Choose the option to Authenticate and request data from users with Meta Login under the Add Use case section.
  • Shopify Meta Social Login  - Shopify SSO -  Meta
  • Select the appropriate Login Type and proceed to the Next step.
  • Shopify Meta Social Login  - Shopify SSO -  Meta
  • Enter your desired App Name (e.g., "TestApp") and your email. then click on Create app
  • Shopify Meta Social Login  - Shopify SSO -  Meta
  • Ensure that your application is the one currently selected. If not, click the drop-down menu and select the name of your application.
  • Shopify Meta Social Login  - Shopify SSO -  Meta
  • Go to the Use Cases section on the sidebar and click on the Customize button under Authentication and account creation
  • Shopify Meta Social Login  - Shopify SSO -  Meta  - Customize
  • Under the Permissions section, click on the Add button for the email. Once done, Go Back.
  • Shopify Meta Social Login  - Shopify SSO -  Meta - add email
  • Navigate to the Publish section on the sidebar.
  • Shopify Meta Social Login  - Shopify SSO -  publish section
  • Click on Go to app settings for setting up the Privacy Policy URL
  • Shopify Meta Social Login  - Shopify SSO -  Meta - settings
  • 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
    Shopify Meta Social Login  - Shopify SSO -  information table
  • Now scroll down and click Add Platform.
  • Shopify Meta Social Login  - Shopify SSO -  Meta - Add Platform
  • Select Website. Then, click Next.
  • Shopify Meta Social Login  - Shopify SSO -  Meta - select website
  • 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.
  • Shopify Meta Social Login  - Shopify SSO -  Meta - site url
  • Navigate to Publish. section on the sidebar.
  • Shopify Meta Social Login  - Shopify SSO -  Meta - publish section
  • Complete your Business Verification. You need to answer Data handling Questions as well. Once done, click on Publish
  • Shopify Meta Social Login  - Shopify SSO -  Meta - business verification
  • 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.
  • Shopify Meta Social Login  - Shopify SSO -  Meta -  appId app secret

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.
  • Shopify Meta Social Login  - Shopify SSO -  Meta social login application
  • You will be redirected to Social Login Dashboard, and click on Facebook.
  • Shopify Facebook Social Login  - Shopify SSO -  Facebook login dashboard
  • Paste the previously copied App ID and App Secret into the respective section. Click on the Save.
  • Shopify Meta Social Login  - Shopify SSO -  Meta - section id
    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.
  • Shopify Facebook Social Login  - Shopify SSO -  Meta - test configurations
  • A window should pop up, confirming that all configurations are correct.
  • Shopify Meta Social Login  - Shopify SSO -  Meta testing
  • 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.
  • Shopify Meta Social Login  - Shopify SSO -  Meta - login page
  • Go to your Shopify Store >> Online Store >> Themes Click on Customize As Shown in the Image.
  • Shopify Meta Social Login  - Shopify SSO -  Meta themes embed
  • Go to the App Embeds Section, and turn the mO Social Login widget On
  • Shopify Meta Social Login  - Shopify SSO -  Meta mo social login
  • Now you can see the Facebook Social Login button is showing on your login.
  • Shopify Meta Social Login  - Shopify SSO -  Meta button

You have completed the Shopify side configuration.

Other Customizations provided by the miniOrange Social Login Application


If you would like to fetch a record of the Date of birth and Gender of users who log in through Meta Social login, please get in touch with us at shopifysupport@xecurify.com.

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



If you are looking for anything that you cannot find, please drop us an email at shopifysupport@xecurify.com.

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com