How to add click-to-call in Bubble

The simplest way to add click‑to‑call in Bubble is to use a tel: link. You put a phone number into a link element so when a user taps it on a phone, the device’s dialer opens automatically. If you want calls to route through Twilio (so you track or forward calls), you create a Twilio Voice URL and call that instead. Both methods work in Bubble without plugins.

Method 1: Click‑to‑Call using a tel: link (quick and no backend)

This works on any mobile device. You use a Bubble Link element or a workflow with Open external website.

• Create a Link element on the page.
• Set its Destination to External URL.
• Use this format: tel:+15551234567

When the user taps it, their phone app opens with that number ready to call.

tel:+15551234567

Method 2: Click‑to‑Call through Twilio (tracking, forwarding, recording)

Here you’re not calling the number directly. Instead, you call a Twilio Voice URL, and Twilio forwards the call to the real number. This is useful if you want logs, recording, or masking.

• In Twilio, buy a phone number and set its Voice URL to a TwiML Bin or webhook that forwards calls.
• In Bubble, place a Link element with destination: tel:[your_twilio_number].
• User clicks → phone dials Twilio → Twilio forwards to your real number.

// Example TwiML Bin to forward the call
<Response>
  <Dial>+15559876543</Dial>
</Response>

Helpful Notes

• Desktop: tel: links usually open FaceTime, Skype, or nothing depending on the system. This is normal.
• No plugins required: Bubble supports tel: links natively.
• Dynamic numbers: You can insert dynamic data inside the URL field like: tel:Current User's phone.