Making Calls

Making Calls

• Add the Twilio Client element to the app page

• Add phone elements like call and end-call buttons

• Create workflows for the buttons

Add the plugin element to your page

1. Go to your Bubble editor

2. Under Visual elements › select Twilio Client

3. Add the element to the page

4. Add phone elements (inputs, buttons)

5. Create workflows (below)

Twilio Client element properties

Property	Description
Agent Name	The user/agent display name.
Agent Identifier	Alphanumeric client identity used to route calls (must match your Twilio routing, e.g. the_user_id). Defaults to the current user id if left blank.
Allow Incoming Calls While Busy	Allow inbound calls to ring while already on a call (default yes).
Auto Reject (Beta)	Automatically reject incoming calls when the user is busy (default no). Fires the Auto Rejected Call event.
Sub Account Token	Optional pre-generated access token to use instead of the token URL. See Subaccounts.
Log Level	Console log verbosity (0 TRACE – 5 SILENT). See Getting Started › Log Level.
Selected input device id / Selected output device id	Chosen microphone/speaker. See Audio Device Selection.

Call workflows

Add these from Element Actions › Twilio Client (full list in Actions & Events).

Start a call

Use the Start Call action:

• Call Number — the destination phone number (or client identity) to dial.

• Caller Number (optional) — the caller ID to present. Requires your voice function to read event.appCallerId if you use multiple numbers.

During a call

• Hangup Call — end the active call.

• Mute — toggle mute (see the Muted state).

• Send Digits — send DTMF tones (e.g. IVR input); input Digits.

Read the Call Status and Call Id states to drive your UI, and use the Call Status is Open event to know when the call is answered.