Add custom buttons
🔐 Plus Plugin Only: This is only available in the Plus version of the plugin. Get the Plus plugin here.
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.
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 Daily PLUS Events element
Place the Daily PLUS 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.