PROVIDER SETUP DOCS

Integrating with Facebook

11min

Pathfix allows you to easily add end-user OAuth based integration, handling authorization and enable communication between your app and Facebook in just a few minutes.

Before proceeding, you will first need to register your application with Facebook here: https://developers.facebook.com/

Please note: You will need to create a developer account with Facebook and add an App for Facebook auth to proceed

Important

If you are working with Facebook and Instagram Graph API, make sure you create a new app for each in Facebook developer portal



Add your App in Facebook

Note: Facebook developer UI has gone through some changes, you may see new options for setup if you are creating a new developer app called Usecases.

We suggest you create your app as Other and proceed accordingly.

Document image




  • Click on My Apps and click on Create App



Document image




  • In the app use cases, select Others



Document image




  • For the App Type, select None (If you do not see the None option, please select Business as the app type)



Document image




  • Complete the Details with your app name, contact email and select a verified Business account



Document image




  • Add the following 2 products:
    • Facebook Login
    • Marketing API



Document image




  • Select the product Facebook Login, complete the setup process
  • Add the following Pathfix URI under the Valid OAuth Redirect URIs: https://labs.pathfix.com/integrate/command



Document image




  • From the App Dashboard, click on Settings in the left navigation
  • Select Basic



Document image






  • Complete all the required fields including the terms, privacy and App Icon. Save the settings
  • Copy the App ID and App Secret for use in Pathfix
  • This is your Client ID and Client Secret that will be used in Facebook configuration in Pathfix



Document image






Setup in Pathfix



  • Login to your Pathfix account and select the application (or create a new application)
  • Select Facebook from the list of providers to integrate with. You can change the Display Name and Description.
  • Enter the App ID and App Secret received from Facebook Dev account and hit Save
  • You can add additional scopes you would like to access by entering them in the Scope section (the scopes used in the below setup are: email,pages_show_list,pages_manage_posts,catalog_management,pages_read_engagement,pages_read_user_content)



Document image




  • Click on Test Connection and Connect an account to test the setup
  • Once connected successfully, you will be able to choose a sample API from the dropdown to run test API calls
  • Select a sample API from the dropdown and click on Send to test API connectivity



Document image






Adding Integration To Your SaaS

There are 2 steps to adding the integration to your SaaS:

  1. Add the Connect button for End-user authorization
  2. Making the API call Enable pass-through API



To add the integration to your Bubble/No code app, please follow this documentation Bubble.io Setup







Need help? Reach out to us at [email protected] and we would be happy to assist!