website logo
Getting Started
User Manual
FAQs
Video Tutorials
Add-On Modules
Integrations
Latest Releases
Navigate through spaces
Getting Started
User Manual
FAQs
Video Tutorials
Add-On Modules
Integrations
Latest Releases
⌘K
👨‍💼Introduction
✔️Important Configurations
🎨Designer Studio
📷Social Logins and Sharing
📧Email Marketing
📤Mailing List Services
💬SMS Notification
🗣️Reviews
👥Accounting
💰Tax API
☁️Cloud Storage
🖼️Third-Party Images
WhatsApp Business API
🔌Others
Docs powered by archbee 
15min

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.

Did this page help you?
Yes
No
UP NEXT
Setup Adobe Stock
Docs powered by archbee 
TABLE OF CONTENTS
Overview & Purpose:
How to integrate:
1. Create a Facebook App
2. Enter the link for Designer Studio
3. Request For User Photos
How to create a Screencast?