This guide is intended for advanced users who want to extend the functionality of the Daily plugin for Bubble by adding custom API calls. In this example, we’ll show how to include meeting session information, but the same approach can be used for any API call available in Daily’s documentation that isn’t already included in the plugin. If you’re new to the plugin, we recommend starting with this beginner tutorial.For a video guide, you can watch the Youtube tutorial.Otherwise, continue reading for detailed instructions.
To get started, navigate to the Plugins tab in your Bubble app. This is where you will manage and install plugins, including the API Connector for extending the Daily plugin.
Ensure that any date fields, such as meeting start and join times, are formatted as Unix timestamps. This will make it easier to display them as readable dates within your Bubble app.
Add a group to your page that requires a data source. The data type should match the name of the API call you set up.
Set the data source to ‘Get external data from API’ and select the custom API call.
Populate the elements inside the group (e.g., text elements) with the data returned from the API.
In the case where the API returns multiple objects, you can set the data source to a list and display each object in a repeating group.Inside the repeating group, add elements such as text fields to display specific information, like the meeting start time.