How to add video conferencing to a Bubble app

To add video conferencing to a Bubble app, the simplest reliable path is using a third‑party service that already provides a prebuilt video room (like Daily.co, Twilio Video, or Agora). Bubble cannot create native video calling on its own; the video engine must come from an external provider, and Bubble just embeds it via an iframe or a small JavaScript snippet in an HTML element.

What You Actually Do in Bubble

You create a “Room” in your database, call the video provider’s API to generate a video room URL or token, store it in that Room, and then show that URL inside an HTML element or iframe on the page. That’s the core concept. All other features (permissions, scheduling, roles) are Bubble logic around this URL.

• Daily is the easiest for beginners because you can embed with a single iframe and their API is simple.
• Twilio Video is powerful but requires more setup (JWT tokens from your backend).
• Agora works well but requires a plugin or custom JS integration.

Step‑by‑Step Using Daily (the simplest solid option)

This approach uses Bubble’s API Connector and an HTML element. No plugin required.

• Create a Daily account and get your API key.
• In Bubble, open API Connector and add a call to create a room.

// POST https://api.daily.co/v1/rooms
{
  "properties": {
    "enable_chat": true,
    "start_video_off": false
  }
}

• Set the header in API Connector: Authorization: Bearer YOUR_DAILY_API\_KEY
• Initialize the call; Bubble will return something like room\_name and url.
• Create a Bubble data type called Room with a field video\_url (text).
• When user creates a meeting, run a backend workflow that calls "Create Room" and saves the returned url into video\_url.
• On the meeting page, add an HTML element and insert the video\_url inside an iframe.

<iframe src="https://your-daily-domain.daily.co/sample-room" allow="camera; microphone; display-capture" style="width:100%; height:100%; border:0;"></iframe>

Replace the src with the dynamic value: Current Page Room's video\_url.

Important Bubble Notes

• Set Privacy Rules so only participants can read the Room’s video\_url.
• Daily hosts and handles the call; Bubble only displays it.
• No plugins required, but API Connector must be enabled.