{"id":9,"date":"2021-09-16T06:07:50","date_gmt":"2021-09-16T06:07:50","guid":{"rendered":"http:\/\/6142de3d32b1be00167c2be0"},"modified":"2021-11-09T12:22:29","modified_gmt":"2021-11-09T12:22:29","slug":"how-to-configure-click2call-in-grandstream-ucm-series","status":"publish","type":"post","link":"https:\/\/jazchye.com\/index.php\/2021\/09\/16\/how-to-configure-click2call-in-grandstream-ucm-series\/","title":{"rendered":"How to configure CLICK2CALL in Grandstream UCM Series"},"content":{"rendered":"

CLICK2CALL is a popular feature in UC solutions that allow the users to make a call after they click an object (e.g., button, image, or text) on websites.<\/p>\n

The latest firmware (1.0.5.4<\/a>) from Grandstream Networks has added CLICK2CALL Integrated customer service SDK in UCM63XX<\/a> that can be used along with remote connect. With this SDK, users will be able to embed a simple CLICK2CALL link into their websites that dial into a specific Call Queue group.<\/p>\n

I believed those who are reading this guide should have a website ready to have CLCIK2CALL embedded. If you do not have a website, you will need to get install a web server (Apache, IIS, Tomcat, etc) and create your webpage. In this guide, I will be using Internet Information Services (IIS) on my Windows 10 Pro.<\/p>\n

Steps on how to configure CLICK2CALL in UCM:<\/strong><\/p>\n

1. Go to UCM63XX web UI > Value-added Features > UCM RemoteConnect > Integrated Customer Service SDK and select the desired Call Queue from the dropdown list and enabled Click2Call as shown below \u2013<\/p>\n

\"\"<\/p>\n

<\/figure>\n

2. Click on the Download button to download the SDK, and extract the files once the download is completed.<\/p>\n

\"\"<\/p>\n

<\/figure>\n

3. Open up the \u2018webrtc_settings.json\u2019 file with Notepad++ or Notepad (I am using Notepad++ in my example here). Replace the value in \u2018websocket_proxy_url\u2019 to your UCM Access Server URL. Save it.<\/p>\n

UCM Access Server URL can be found in \u2013<\/p>\n

a. GDMS > UCMRC > UCM Device > Plan > Access Server<\/p>\n

b. UCM web UI > Value-added Features > UCM RemoteConnect > UCM Public Address<\/p>\n

\"\"<\/p>\n

<\/figure>\n

4. Open up your index.html and add the following line to your HTML file. Save it.<\/p>\n

<\/code><\/pre>\n
<<\/span>script type=<\/span>\"text\/javascript\"<\/span> src=<\/span>\".\/anonymousWebRTC\/webRTC.js\"<\/span>><\/span><<\/span>\/<\/span>script><\/span><\/span><\/pre>\n
<\/code><\/pre>\n
<\/code><\/pre>\n
<\/code><\/pre>\n
It should look like this after adding \u2013<\/p>\n
\"\"<\/p>\n
<\/figure>\n
5. Copy the entire folder which you have downloaded and unzipped in Step (2) and place them inside the same directory in which you place index.html.<\/p>\n
\"\"<\/p>\n
<\/figure>\n
6. Now you may test to see if the embedded file did appear on your website.<\/p>\n
In my example here, I will be just browsing my website with localhost. You can see that there will be a CLICK2CALL button appearing on the bottom right of my webpage.<\/p>\n
\"\"<\/p>\n
<\/figure>\n
7. Upon clicking the CLICK2CALL button, the microphone and speaker check pop-up page will appear, alongside a Call button.<\/p>\n
\"\"<\/p>\n
<\/figure>\n
8. Clicking on the Call button will make a call to the agent in my Call Queue. The picture below shows the call arriving at the agent\u2019s extension which is log in through Wave Android.<\/p>\n
\"\"<\/p>\n
\"\"<\/p>\n
<\/figure>\n
<\/figure>\n
And that is all. I will post a few issues that users normally run into upon configuring CLICK2CALL and ways to resolve them in my next guide. Cheers!<\/p>\n","protected":false},"excerpt":{"rendered":"
CLICK2CALL is a popular feature in UC solutions that allow the users to make a call after they click an object (e.g., button, image, or…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,4,9],"tags":[],"class_list":["post-9","post","type-post","status-publish","format-standard","hentry","category-how-to","category-ippbx","category-sip"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t