Add custom buttons

Sometimes, you want to add a custom button in Daily Prebuilt to trigger actions in your Bubble app, such as opening a new page, updating a database, or starting a custom workflow or transcription.

​

Video tutorial

If you prefer a video walkthrough, check out our step-by-step tutorial below. Otherwise, keep reading for the written guide:

​

Steps

​

1. Add the Bundle Daily Events element

Place the Bundle Daily Events element on your page. A common practice is to place it inside a hidden popup, keeping it offscreen while it listens for events.

​

2. Start listening for events

After joining the room, add the begin listening action. This ensures Bubble can capture and process events, such as the custom-button-click event, triggering the desired action when a user clicks the button.

​

3. Add the Joined-Meeting Event and Set Custom Button

Next, add the joined-meeting event and use the action to update a custom button.

​

4. Listen for the custom-button-click

Add the custom-button-click event and include the logic to take action in your app whenever the button is clicked.

​

How to set multiple buttons

You can use the update custom buttons action multiple times to set multiple buttons. Just set the clear existing field to no.