You can see the demo of the functionality on this page. The read-only editor can be found here. Look under Plugins > API Connector, and expand the API that is named "Bitly".

High-level app flow

The Bitly API can be used to shorten, customize or extract data from links

Preliminary set-up

Bitly account

Sign up or Log into a free Bitly account here. It will take you to

Generate a generic access token

A generic access token can be used in most cases (if activity needs to be tracked by end user, follow the link listed below under the OAuth Authentication section).
From your user menu dropdown, head to Settings.
You'll then be able to click to generate a new access token.
You will need a password in order to generate the token. If you signed up with any other method besides directly entering an email and password:
  1. 1.
    Enter an email address for your account by clicking the top right menu, your name, and "Email" (if it is not already present)
  2. 2.
    Sign out and go here to reset your password

OAuth Authentication

The Authentication section of this page has more information about OAuth authentication, which is needed when the history of shortened links by end user needs to be managed and tracked.

API calls

Information about the API endpoints can be found here.
Within the Bubble editor, each call can be specified as being used as an "Action" or "Data".
Action lets you use the calls (like /shorten) via a workflow action
Data lets you use the call via the design tab (via the get data from external API expression) which can used to create a link on page load automatically
Choose "Action" to be able to use the call on the workflow tab, and choose "Data" to be able to use the call within the design tab of the bubble editor.
The "Shorten Link" API call in the sample app is used within a workflow to shorten links that are inputted by users. If you right-click > copy you can paste the call into your own application and modify it to suit your needs.