Social Logins and Sharing

Setup Facebook

19min

Overview & Purpose:

A fast, secure, and convenient way for users to log 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 hold an SSL Certificate, then it is recommended to get the SSL certification.

How to Integrate:

Read the below systematic guide to integrate Facebook Login into your OnPrintShop website.

1. Login into Facebook

  • Login to your Facebook account with your Email ID and Password.
  • Otherwise, create a new account on Facebook. (You will need a Developer's account.)

2. Create a New App for Facebook Developers

  • Click on "My Apps" from top-right corner and then create a New App, using the Create App button:
Document image

  • On the Create an App, confirm the business portfolio and click on the Next button:
Document image

  • In the Next screen, select the use case as Other and then click on the Next button:
Document image

  • Now, select the app type as "Consumer" and then click on the Next button:
Document image

  • This will take you to the Provide basic information page:
Document image

  • Enter the App Name and Contact Email.
  • Select the Business Account, if you have any.
  • Complete the security check and click on the Create App to continue.

3. Add a Product

  • From the Add Product page, locate the Facebook Login and click on the Setup button:
Document image

  • Select the platform as the "Web":
Document image

  • Now, enter your website URL:
Document image

  • Click on the Save then, on the Continue button.
  • Submit the further setup process.

4. Fill Up the Basic App Details

  • From the left navigation panel, go to App Settings>> Basic.
  • 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:
Document image


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 form.
  • Click on the Save Changes button.

5. Get App ID and App Secret ID

  • Copy your App ID and Secret Key from the App settings >> Basics:
Document image

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

6. Eenter Redirect URI

  • From the left side panel, click on the Facebook Login >> Settings:
Document image


7. Configuration in Admin Panel

  • Navigate to the Admin >> Store Configuration >> External Service Settings >> Social Sharing Tab >> Facebook >> ‘Action’ dropdown >> ‘Edit’ option:
Document image

  • Enter the saved App ID and Application Secret Key.
  • 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:
Document image