NO CODE PLUGINS
Twitter Integration
17min
the pathfix twitter connector plugin enables integration from your bubble app to your user's twitter the plugin will render the connect button (ui) and calls the relevant twitter api automatically no configurations required to get the plugin working this documentation will show setup guide and a few example use cases setup the plugin is available in the bubble plugin store before proceeding, make sure you have added the twitter integration in your pathfix account and your twitter developer app has elevated access setup in pathfix log into pathfix and add an application (or select an existing application) select twitter from the list of providers (the plugin will work with twitter only, do not configure twitter v2 as this is the newer apis with limited functionality) add your twitter 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 in bubble important you need to install the pathfix oauth connector https //docs pathfix com/bubble/pathfix oauth connector first before installing this plugin log into your bubble app and click on add plugin pick the twitter (oauth) plugin by pathfix inc and install it ( click here to access the plugin ) 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 enable twitter from the list of providers or, select all providers in my pathfix account, this will show all the integrations you have configured 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 twitter data for your users using the plugin and setup workflows to twitter actions actions and data calls the plugin calls a few apis and offers them as actions and data calls in your bubble workflow once installed these are note each consumed action is counted as 1 api call in pathfix tweet with media setup all of the actions and data calls are easy to use and is a one step process, however, the process to post tweet with media is a 4 step process (as required by twitter) the plugin has been updated to offer this api connectivity, the following section shows the setup this is a 4 step process as twitter needs certain info and file format, here is the sample setup please note, you will need to select the user id as current user's unique id everywhere step 1 select to include the file size and file type with the call step 2 select the media id string and base 64 encoding step 3 finalize the media and select the media id string step 4 post the tweet with media and message tweet with hashtag you can also setup a tweet with a hashtag however, instead of directly pushing the tweet with a hashtag( # ) you would need to replace the hastag with %23 this will post the tweet with the hashtag symbol setup timeline endpoint version 2 5 0 the plugin calls the timeline endpoint, allowing you to fetch the mentioned users timeline reference documenation here is how you can set this up add a repeating group on your design page select the repeating group and add the data source as twitter user mention's data get the twitter id str by calling the external api for twitter profile in the repeating group, add a text element and choose the dynamic value as below tweet thread through the plugin, using the twitter v1 api, you can build out threaded tweets (multi tweets) threaded conversations are for tweets that are over the twitter 280 tweet limit here is how you can setup twitter thread note this is a sample setup, you can change this to fit your ui/ux add an input text element on your design page and add a character limit of 280 to the element add additional input text elements to the page depending on how many threading options you want to permit add a button to post/upload tweet add a condition or add a workflow step to show these additional input elements only when the 280 character limit is met (or show them if the initial input element has a value) add workflow to trigger when the button has been clicked add step 1 of post tweet and select the tweet from the first input value add step 2 and search for the plugin action of reply to tweet fill in the required inputs as shown in image below for the 'handle', make sure you add the @ sign before adding the dynamic input you can add additional steps for any additional input elements (depending on how many threading options you want to offer your users) your workflow is ready when you click on the button to upload, the tweet and its threads will get posted as a threaded conversation need help? reach out to us at support\@pathfix com