Bubble.io and Later integration: Step-by-Step Guide 2024

Step-by-Step Guide on How to Integrate Bubble.io with Later

Before beginning with the steps, ensure that you have an active account on both Bubble.io and Later.com. If you do not have, please make sure to create one.

Step 1: Generate Access Token in Later

To integrate Bubble.io with Later, you need an API key from the Later app. To generate this key, follow these steps:

• Navigate to the Later API documentation at developers.later.com/docs/getting-started/.
• Click on authentication. You can see instruction to get authentication token here.
• Scroll to the section Creating and managing access tokens and follow the instructions to generate a new access token.
• Once generated, make sure to copy this token and secure it, for you will need to insert it in Bubble.io tool later.

Step 2: Create an API Connector in Bubble.io

The next thing you have to do is to set up an API connector in Bubble.io. Here is how you can implement this:

• After logging into your Bubble.io workspace, navigate to the Plugins section located in the left-hand side navigation menu.
• Click Add plugins, then on the plugins page, use the search bar to locate the API Connector plugin.
• Click on Install button to add the plugin into your Bubble.io project.
• Once installed, it will now show up in the Plugins section of your bubble.io workspace.

Step 3: Set up an API Call in Bubble.io

With the API connector plugin installed, now you can set the API call to the later.com:

• Inside the API Connector, you will see Add another API. Enter a name for your API (for instance, Later) and click Define API.
• You will now be able to set up a new API Call. Click where it says Add another call.
• Enter a relevant name for the API call (for instance, Get Media Items).
• For the URL, enter https://api.later.com/v2.0/mediaItems.
• For the Method, select GET.
• The Headers are where you'll insert the Authorization details for later.com. You have to add one: authorization with the value as the token you generated in step 1. It should be in the format Bearer Your_Access_Token.
• Unless you're planning to send a body with the request (which is not typical for a GET request), you can leave the Body Type and Body fields empty.
• Once you've completed all necessary fields, click the Initialize call button to test the API call with the supplied parameters. If successful, you will see the response from Later in the results section at the bottom of the page.
• Click Save button to store this API call.

Step 4: Use the API Call in Your Bubble.io App

Having saved the API call, you can now use it in your Bubble.io app:

• Navigate to Workflow section which is on top of the design area in your Bubble.io working area.
• Click on + Add an action then find your Plugin (which will be as the API call name you have given) and use it as per your requirement.
  You now have successfully integrated Bubble.io with Later.com.

Having followed these steps, you should now be able to call information from your Later account directly into your Bubble.io app. Remember that API limits may apply depending on your Later plan, so it is important to be mindful of that while setting up a calling frequency from your Bubble.io app.