Implementing custom embedded UI CTI links
You can create a custom configuration of an embedded UI CTI link.
In the navigation explorer, click App and in the search bar enter:
rule-file-bundle
.Open
Rule-File-Bundle
.In the results page, click Pega Call.
Open the Pega_cti_embeddedApi file by clicking the target icon next to it.
Click Save As.
Edit the label to provide a unique name, select the status and edit the identifier.
Click Create and open.
Change the JavaScript namespace and object name for your custom API .
Add your custom Embedded API to the PegaCall JavaScript bundle rule file.
In the Pega Call script tab, click the Add item icon.
In the App name field enter: webwb.
In the File extension field, enter: js.
In the File name field, enter the identifier of your customized
Pega_cti_embeddedApi
file.
Add an Embedded OpenCTI link definition that references your JavaScript object name (including name space).
You can usePega_cti_embeddedApi_AWSConnect
as an example.Implement the load() function.
Your implementation will typically inject an IFRAME into the Embedded OpenCTI Div.Select your embedded UI in the Pega Call UI to load it.
In the header of Dev Studio, click .
In the CTI Links tab, click Add CTI Link and select your newly created link type.
Handle the ringing/alerting/screenpop notification from your contact center.
Implement the makeCall() function to support the Click-To-Call functionality from the Pega Application.
Enable or disable Click-To-Call as supported by your Contact Center.
Add support for generating screen pops.
Previous topic The blindTransfer function