Setup Facebook

Overview & Purpose:

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.

How to Integrate:

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

1. Login into Facebook

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

2. Create a New App in Facebook Developers

• Visit the Facebook Developer's site. 
• Create a New App, using the Create App button:



• The Create an App screen will appear:



• Select the None option on “Select an app type” pop-up and click on the Next button.
• This will take you to the Provide basic information page:



• Enter the Display 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 Product

• On your App Dashboard, you need to select a Product to add to your application:



• From the above screen, choose to Facebook Login and click on the Set Up button.
• Next, select the platform as Web:



• Now enter your website URL:



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

4. Enter redirect URI

• From the left side bar, navigate to the Facebook Login >> Settings:





• Enter the link for your user registration page in Valid OAuth redirect URLs as - http://www.yourwebsite.com/user_registration.php
• Click on the Save Changes.

5. Fill Up the Basic App Details

• Go to the 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:



• 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.

• 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.

6. Get App ID and App Secret ID

• Copy your App ID and Secret Key from the Settings >> Basics:



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

7. Configuration in Admin Panel

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



• 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: