NO CODE PLUGINS

Facebook Connector

15min
the pathfix facebook connector plugin enables integration from your bubble app to your user's facebook account the plugin will render the connect button (ui) and calls the relevant facebook api automatically no code configurations required to get the plugin working this documentation will show setup guide and a few example use cases setup pathfix log into pathfix and add an application (or select an existing application) select facebook from the list of providers add your facebook clientid and clientsecret and hit save navigate to the keys section copy your pathfix public key and x private key for use in your bubble plugin setup plugin the plugin is available in the bubble plugin store important you need to install the pathfix oauth connector https //docs pathfix com/bubble/pathfix oauth connector plugin first before installing this plugin after you have installed the pathfix oauth connector plugin, install facebook plugin from the bubble plugin page you can also search for facebook and pick the facebook connector plugin by pathfix inc and install it under x partner key (shared headers) , add your pathfix x partner key from the keys section of your pathfix account navigate to the design section and select the pathfix connector element and select "all providers configured in my pathfix account" your plugin is activated and ready for use posting to facebook pages if you are looking to post to facebook pages, facebooks needs you to call an additional api ‘get page access token’ api the facebook connector plugin calls this api as well and allows you to set the state here are the steps to calling the api and acquiring the page access token on your bubble design page, select the pathfix custom element and add it to the page this element does not have a preview or display properties, it only checks for users connected status assuming you want to pull all the pages owned by the user and show it in a dropdown option to select the page they want to post to add a dropdown element to the page select dynamic choices setup the type of choices, choices source and option caption as follows add a button on the page for when the user clicks to submit the post head over to the workflows to setup the dropdown workflow and submission workflow we will setup a workflow to set the page id and page access states for 'when dropdown's value is changed' element set state and set the following state set page access element set state and set the following state now that the states for page id and page access has been set, we need to setup the post button for when the button is clicked, we want to post to fb page here is the workflow setup for that this will post the message to the user's selected page since the page id and page access token have been set, you can choose to save it to your bubble database against the user get page post comments you can setup the ability to show comments for a particular post within the selected page you can choose to configure the comments showing however you like, the following instructions show how you can show comments once the user has selected the posts they wish to see the comments for important in order to make pull comments from a page post, you will need to request the scope pages read user content if you do not have the scope added to your pathfix configuration, edit your configuration, add the scope and re authenticate/reconnect your facebook account before proceeding add a dropdown element for the user to select the page they wish to access the posts for configure the properties as shown below on the dropdown add a repeating group on the page to show all posts on the page add a text element in the repeating group select the repeating group element and configure it as shown below select the text element within the repeating group and configure the properties like so click on edit workflow to set a state that will allow you to save the post id once the workflow tab is open, configure the workflow like so add another repeating group and a text element within the group to show the comments at the repeating group level, choose the api to get comments on a page post and configure it as shown below note you can choose to keep the element hidden and add a condition to show only when a post has been selected select the text element and configure the properties as shown actions the following apis are called in the facebook connector plugin note if you are looking for any additional apis, send us an email to support\@pathfix com and we will add the api to the plugin