Click2Call SDK

  • Updated on September 15, 2023

Click2Call feature provides a method for UCM630x users with a remote connect plan to embed a simple click2call link into their websites, to enable their web visitors to call live agents from their browsers by adding a shortcode into the web page source and configure a Call queue on the UCM to receive those calls.

Using the UCM630x/A Click2Call feature will help to connect the website visitors immediately to one of the available agents without dialing a number and without leaving the webpage by clicking on a customizable Click2Call icon.

This guide describes in detail how to configure the Click2Call feature on the UCM630x/UCM630xA series.

Click2Call Overview

The following diagram illustrates the Click2Call process with the UCM630x:

Diagram

Description automatically generated
Figure 1: Click2Call Diagram

Click2Call feature consists of:

    • Callers: The web visitors using their web browser to place a call to the configured call queue.
    • Agents: Members defined to answer the queue calls received from the web visitors.

Click2Call Configuration

In order to configure the Click2Call, on the UCM web GUI navigate to Value-added Features→UCM RemoteConnect→Integrated Customer Service SDK and configure the following:

  1. Toggle on Enable Click2Call.
  2. Select the desired call queue to take calls made via Click2Call.
  3. Click on the Download button to download the SDK.
Figure 2: Integrated Customer Service SDK Options

  1. Once the SDK is downloaded, extract the files.
Figure 3: SDK Files

  1. Once these files are available, open the webrtc_settings.json file with the desired application and edit the value of the “websocket_proxy_url” parameter with your UCM’s RemoteConnect server address. Save the file.
Figure 4: Editing webrtc_settings.json

  1. Embed the HTML file into the desired web page:

– Refer to ‘READEME.md’ file

– Add the following code to the ‘index.html‘:

<script type=”text/javascript” src=”./anonymousWebRTC/webRTC.js”></script>

– Please make sure to put the ‘anonymousWebRTC’ folder in the root directory of the web server hosting your website.

  1. Once embedded, the following icon should now appear on your website (assuming no other items in SDK package were modified):
Figure 5: Click2Call icon

  1. Clicking on this icon in the website should then send an audio call to the configured UCM and to the selected call queue.

Click2Call Application Example

This example is showing the click2Call button shown on a specific Web page. The web visitor has initiated the call with an agent of the queue after clicking on the Click2call button.

The computer should has a headset connected for audio Input/Output.

Figure 6: Click2Call button

Upon clicking on the icon, a call will be reaching the UCM and be forwarded to the specified call queue to be answered by an agent as shown in the below screenshot.

Figure 7: Call established with the agent.

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support

Leave a Comment