Integrating with Instagram Graph API

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

Before proceeding, you will first need to create a Facebook Developer account and add a new application with Facebook for Instagram here: https://developers.facebook.com/apps/

Note: This documentation goes through setup of Instagram Graph setup for business. You will need a Facebook Business account.



Add your Instagram App on Facebook

The Instagram Graph API app creation contains a few cruicial steps. Please make sure you follow all of the steps outlined here, or else the integration will not work.

• Login to your Facebook Developer account and click on Create App
• Select the app type as None (this allows us to select the Products we need for Instagram)



Image: App Type





• Fill in the app name and select the Facebook Business account and click on Create App



Image: App Name





• Add the following 3 Products to your app:
  • Facebook Login
  • Instagram Basic Display
  • Instagram Graph 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







• Next, select the product Instagram Basic Display and complete the setup
• Add the following Pathfix URI under the Valid OAuth Redirect URIs: https://labs.pathfix.com/integrate/command
• Add a new Tester for Instagram (make sure you select an Instagram account here)







• Next, add Instagram Graph API
• You will need to approve the request to be added as a Tester to this app, log in to your Instagram account and go Manage Access here: https://www.instagram.com/accounts/manage_access/
• Click on Tester Invites tab and approve the request from your app



Image: Approve invite





• On your Facebook developer page, click on Settings and go to Basic
• Copy the App ID and App Secret for use in Pathfix (IMPORTANT: make sure you copy the App ID and App Secret from the Settings tab only as shown in the image below)







Setup in Pathfix

• Login to your Pathfix account and select the application (or you can create a new application)
• Select Instagram Graph API 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 Instagram/Facebook Dev account and hit Save



Image: Configure





• 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







Add Integration To Your SaaS

There are 2 steps to adding the integration to your SaaS

1. End-user authorization
   
2. Enable pass-through API
   



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



Need help? Reach out to us at support@pathfix.com and we would be happy to assist!