Instagram Integration

the pathfix instagram plugin enables integration from your bubble app to your user's instagram account the plugin will render the connect button (ui) and calls the relevant apis without you spending time on the api setup no configurations required to get the plugin working this documentation will show setup guide and a few example use cases instagram graph api usage the instagram graph api is for users that want to access instagram professional accounts this plugin, and any of instagram graph apis are not meant for instagram personal accounts refer to the following facebook link for more information on usage https //developers facebook com/docs/instagram api/overview/ setup instagram/facebook developer complete your instagram app setup to get your app id and app secret follow this documentation for the instagram/facebook developer setup instructions setup pathfix account you will need a pathfix account to be able to use this plugin pathfix will manage the entire oauth process and the plugin offers the relevant apis for you to access login to your pathfix account and select your application (or 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 click on keys from the left nav bar and copy your pathfix public key and x partner key for use in the plugin setup bubble io plugin the plugin is available in the bubble plugin store (important note you need to install the pathfix oauth connector https //docs pathfix com/bubble/pathfix oauth connector first before installing this plugin) click on add plugin select the instagram graph api (oauth) plugin by pathfix inc and install it ( click here to access the plugin ) add your pathfix x partner key from the keys section of your pathfix account on your design page, select the pathfix connector element and select all providers configured in my pathfix account go to preview to check the connect ui button for the instagram integration once installed, there are no additional configurations required to get the plugin to work you can setup your workflow in bubble and start using the actions the connect button will automatically be added to your page that contains the pathfix connector design element no additional settings are required you can add dropdown, text etc elements to pull in instagram data for your users using the plugin and setup workflows to instagram actions actions & data calls available the connector plugin calls a few apis and offers them as actions in your bubble workflow once installed these are note each consumed action is counted as 1 api call in pathfix sample setup data calls get media list below is a sample setup using the instagram graph api plugin to get the connected users media list add a repeating group on your bubble design page add an image element to the first line of the repeating group at the repeating group level, add the following dynamic input to get the instagram business account id , you will need to make the call for it (included in the plugin), like so once done, click on the first image within the repeating group and add the following dynamic input this will pull up all recent media url for the connected user get media comments to pull the comments for a media, here's the setup adding a recurring group within the repeating group of the media list (above) add text element to the new repeating group select the repeating group and add the following dynamic input once done, click on the first text within the repeating group and add the following dynamic input this will pull up all recent media comments for the connected user in the same way, you can setup the rest of the data calls and pull up data for the connected user depending on what you are looking to achieve action calls data calls allow you to pull list items into your app, action calls allow you to take actions using the bubble workflow module the below sample show how you can post a media (image) add a picture uploader, input text element and button to post in your bubble design page we will use this as dynamic fields, as will be the case, to post on the connected users account add a dropdown for the user to select the page they would like to post to go to the workflow tab in bubble add the first event to when the button is clicked setup the first step like so add step 2 to publish media the workflow will trigger when the user clicks on the button to post on triggering, the image along with the text will get posted to the connected users account need help? reach out to us at support\@pathfix com