Dialpad Mini Dialer (CTI)

🚧

Early Beta

The below feature is in an early beta and could potentially have bugs. Please reach out to us at [email protected] should you encounter any issues

Introduction

Dialpad's CTI (mini dialer) provides key features of Dialpad's desktop app - calling and messaging - in a version that can be rendered on Google Chrome. The CTI can be opened in an iframe inside a logged in site. This section describes the steps in which the CTI can be setup and the JavaScript methods that can be used for communicating between your application and the CTI iframe.

Setting up the CTI

The CTI will be hosted on Dialpad and instantiated in an iframe on your logged in website. To setup the CTI, reach out us at [email protected] with the following details

Allowed Origins

These are URLs that Dialpad would add to its allow list for accepting Javascript commands. For instance, if the CTI would be rendered in an iframe within example.com, then the domain example.com would need to be specified. Wildcards are also accepted

Additional Headers

Specify custom headers for the iframe using a JSON body.

Loading the CTI

Once the CTI instance is setup by the Dialpad team, a client ID would be provided to you. This ID will be used to load the CTI at the URL https://dialpad.com/apps/<ClientID>. While loading the CTI, please allow microphone, autoplay, camera and display capture access.

For example

<iframe src="https://dialpad.com/apps/clientID" title="Dialpad" allow="microphone; autoplay; camera; display-capture" sandbox="allow-popups allow-scripts allow-same-origin" frameborder=0 style="width:400px; height:520px;"></iframe>

When a user would have to login to Dialpad when the CTI is first loaded or after every time the user logs out of Dialpad.

Supported JavaScript Methods

We support a few JS methods through the window.postMessage() method.

Field definition for the window.postMessage() method:

The methods supported by Dialpad at this time are listed below

user_authentication

This message is posted when the authentication state of a user in the Dialpad CTI changes. The payload parameters of this message are:

Example:

{
  "api": "opencti_dialpad",
  "version": "1.0",
  "method": "user_authentication",
  "payload": {
    "user_authenticated": true,
    "user_id": 1234567
  }
}

enable_current_tab

Dialpad allows only one CTI tab to be enabled at a time to make and receive calls. This method allows the tab to enable the CTI for calling. There is no payload for this method.

Example:

{
  "api": "opencti_dialpad",
  "version": "1.0",
  "method": "enable_current_tab"
}

initiate_call

The initiate_call method opens up the dial prompt in the CTI window. Note that the user still needs to hit call to start the call. The following parameters are supported with this method

Example:

{
  "api": "opencti_dialpad",
  "version": "1.0",
  "method": "initiate_call",
  "payload": {
    "enable_current_tab": false,
    "phone_number": "+15555555555",
    "identity_type": "CallCenter",
    "identity_id": 1234567,
    "custom_data": "any string"
  }
}

call_ringing

This message is posted by Dialpad when an inbound call starts or finishes ringing. Use this message to open the CTI window for the user to answer the call. The payload of this method has the following parameter:

Example:

{
  "api": "opencti_dialpad",
  "version": "1.0",
  "method": "call_ringing",
  "payload": {
    "state": "on"
  }
}