Jump to: navigation, search

Setup Facebook

Facebook Login Integration

Admin > Store Configuration > External Service Settings > Social Sharing TAB > Facebook

A fast, secure, and convenient way for users to login into your application. Facebook login makes it easy for your apps to ask for permission to access data. Facebook login improves login rates and gives an enhanced customer experience.

Note - The Facebook login feature works only for the SSL verified websites. If your website does not holds a SSL Certificate, then it is recommended to get the SSL certification.

Read below a systematic guide to integrate Facebook Login in your OnPrintShop website.

Step- 1 Login into Facebook

  • Login to your Facebook account with your Email ID and Password.
  • Else, create a new account on Facebook.

Step- 2 Create a New App in Facebook Developers

  • Visit https://developers.facebook.com/
  • Create a New App, using the ‘Create App’ button.
  • Setup Facebook1.png

  • Next, select the Consumer option on “Select an app type” pop-up and click on the Next button.
  • Setup Facebook2.png

  • On Add Details page, enter the Display Name and Contact Email.
  • Select the Business Account if you have any.
  • Setup Facebook3.png

    Complete the security check and continue.

Step – 3 Add Product

  • On your App Dashboard, you need to select a Product to add to your application.
  • Setup Facebook4.png

  • In this case, choose to Facebook Login.
  • Click on Set Up.
  • Next, select the platform as Web.
  • Setup Facebook5.png

  • Now enter your website URL.
  • Setup Facebook6.png

  • Click on Save then Continue.
  • Submit the further SETUP process.

Step – 4 Enter redirect URI

Step – 5 Fill Up the Basic App Details

  • Go to, Settings >> Basic
  • Setup Facebook9.png

  • Here, you’ll have to fill in details such as - App Domain, Contact Email, Privacy Policy URL, Terms of Services URL, Logo Image, User Data Deletion and Category of your business.
  • Setup Facebook8.png

  • In 'App Domain URL' enter your website link.
  • In 'Terms of Services URL' add the link as - http://www.yourwebsite.com/terms_of_use.html
  • In 'Privacy Policy URL' add the link as - http://www.yourwebsite.com/privacy_policy.html
  • In the ‘User Data Deletion’, keep the selection as it is and add the URL of your Domain in the below space.
  • Upload app icon.
  • Note: The links shown above are just for example. Enter all the links related to your store else, you will get an error in the configuration
  • Select the business use of the Facebook tool as – Support my own business.
  • The next section is the Data Protection Officer Contact Information.
  • Fill in the Name, Address, and E-mail.
  • Fill the form.
  • Click on the Save Changes button.

Step – 6 Get App ID and App Secret ID

  • Copy your App ID and Secret Key from Settings >> Basics.
  • Setup Facebook10.png

  • Use the App ID and Secret to integrate the Facebook Login functionality.
  • Follow further steps.

Step – 7 Configure ‘Facebook App Details’ in Admin Panel

  • Go to – Admin > Store Configuration > External Service Settings > Social Sharing Tab > Facebook > ‘Action’ dropdown > ‘Edit’ option
  • Enter the saved App ID and Application Secret Key.
  • Setup Facebook11.png

  • Enable the Login Status and Sharing Status.
  • Save the details.
  • After entering the App ID and Secret Key, the Facebook login functionality will start working. A user will be able to login to your store through Facebook.
  • Setup Facebook12.png