Integrating with Facebook
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
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.

- Click on My Apps and click on Create App

- In the app use cases, select Others

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

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

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

- 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

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

- 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

- 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)

- 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

There are 2 steps to adding the integration to your SaaS:
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!
