Enable Customer Login with Facebook

SHOPLINE_Support-Advanced-Plan.jpg

Step 1: After you login to Facebook, please enter to: https://developers.facebook.com/

 

Step 2: Click on My Apps >Add new app

  

Step 3: Fill in the following information

Complete the Security Check 

 

 

Step 4: Click "Set up" for Facebook Login.

 

Step 5: Click "WWW" for web

 

 

Step 6: Fill in your store site URL, eg.https://www.abc.com and Click "Save" and "Continue"

P.S. Use URL starting  with https://

Screen_Shot_2018-10-04_at_5.09.44_pm.png

 

Step 7: Click Setting >> Basic


A. For App domains ,please fill in the red part with your own domain

  • if your shop has custom domain ,e.g. https://www.abc.com please fill in :
    www.abc.com & abc.com
  • If your shop has only free domain,e.g. https://abc.shoplineapp.com please fill in :
    abc.shoplineapp.com & shoplineapp.com

B. For Privacy Policy URL, please fill in the red part with your own domain

  • if your shop has custom domain, e.g. https://www.abc.com please fill in: 
    https://www.abc.com
  • If your shop has only free domain,e.g. https://abc.shoplineapp.com please fill in:
    https://abc. shoplineapp.com

Please click save changes afterwards. 

 

 

 

Step 8: Go to "Facebook Login >> Settings"

  • Switch on "Client OAuth Login"
  • Switch on "Web OAuth Login"
  • Switch on "Use Strict Mode for Redirect URIs"
  • Switch on Enforce HTTPS
  • Under "Valid OAuth redirect URIs", whitelist the following URI:

(Shop that is using free domain)
https://abc.shoplineapp.com/users/auth/facebook/callback

(Shop that is using custom domain)
https://www.abc.com/users/auth/facebook/callback

 

Step 9:

Check the upper right of this page, make sure your app status is "Live," if not, please switch to ON > confirm. Otherwise, customers will not be able to log in as a member on your site with this application.

 

Step 10: Go back to "Settings >> Basic"

Here you can click the "show" button next to App Secret and it will show the codes for both Facebook App ID and App Secret.

 

Step 11:

Go back to your SHOPLINE admin panel, to Enable your Facebook App feature, please go to Settings --> Customer Settings.

 Click "ON" and enter your Facebook App ID and App Secret, then check "Update" in the bottom right corner.

Have more questions? Submit a request

Comments