Setup Facebook User Photos

Overview & Purpose:

Facebook is one of the most powerful social media tools. Thus, it is highly recommended by OnPrintShop to their clients to integrate Facebook User Photos into their designer studios. This will help your end-customer select any image from their Facebook account.

How to integrate:

Follow the systematic guide to integrating Facebook user photos into your web store-

1. Create a Facebook App

Here, either you can create a new app or use the same app created while the integration of Facebook Login.

From the link follow from Step – 1 to Step – 6 for App creation and other basic settings such as API Key and Secret Key.

2. Enter the link for Designer Studio

• Under the Facebook login tab from the sidebar, select Settings.



• Enter the link for your user registration page in Valid OAuth redirect URLs as http://www.yourwebsite.com/studio/Services/images.php For example - https://opssslv70.onprintshop.com/studio/Services/images.php
• Click on the Save Changes button.

3. Request For User Photos

• On the sidebar, select the App Review >> Permissions & Features. This will list down the app's permission to request:



• Scroll down to search for user_photos.
• Click on the Request advanced access.
• Click on the Continue the Request button.

Now, to get access to user photos, your web store has to fulfill all the Facebook guidelines and criteria:



Requesting for App Review is a 3 – step procedure and may take about 6-7 days or more.

During the verification process, Facebook will verify how your web store will use the user photos, i.e. what is the actual purpose of integrating Facebook User Photos:



In the app review process, you will have to do the following-

• Accept permission or feature usage guidelines:



• Provide use case scenarios:



• Add instructions on how to access your app.
• Upload screencast:



How to create a Screencast?

To create a screencast use your test account. Login into Facebook with the account you used to create an app.

Record a video or screencast which shows the following-Log in to your web store with your Facebook test account:

• Log in into your web store with your Facebook test account.
• Navigate to any product in your store.
• Click on the Custom Design. This will lead you to the designer studio.
• On the designer studio, click on the Images.
• In the Images pop-up, click on the Facebook button, and then connect with your Facebook account:



• This will connect with your test account.
• After successful connection, all the Images from your test account will appear.
• Use any image to complete a design:



• Complete the video screencast and save.

Upload this screencast in the app review process, and wait for the Facebook officials to verify the in-app review and other details.

After the successful verification process, your customers will be able to use their Facebook photos in the designer studio.